/* VARIABLES COLORS */
:root {
    --white: #FFFFFF;
    --black: #000000;
    
    --grey05:  #101010;
    --grey10:  #1C1C1C;
    --grey15:  #303030;
    --grey20:  #767676;
    --grey25:  #999999;
    --grey30:  #B0B0B0;
    --grey35:  #C0C0C0;
    --grey40:  #D0D0D0;
    --grey40accessibility: #767676;
    --grey45:  #E5E5E5;
    --grey50:  #F4F4F4;

    --blue05: #29378B;
    --blue10: #394AAB;
    --blue15: #2D59BF;
    --blue20: #3769DB;
    --blue25: #4C7EF2;
    --blue30: #64B5F6;
    --blue35: #7ABFFC;
    --blue40: #A1D3FF;
    --blue45: #E2EDFF;
    --blue50: #F4F8FF;


    /* ADD COLOR NAVY45 JUST FOR TICKET JADEV-8408 */
    --navy05: #13234E;
    --navy10: #213568;
    --navy15: #384E85;
    --navy20: #3F5794;
    --navy25: #6779A9;
    --navy30: #BDC7D9;
    --navy35: #D7DDE7;
    --navy40: #ECEEF4;
    --navy45: #F5F6F8;
    --navy50: #F8FAFD;

    --purple05: #35178E;
    --purple10: #5231B1;
    --purple15: #6841D2;
    --purple20: #8F65FB;
    --purple25: #AC8BFF;
    --purple30: #B59CF9;
    --purple35: #C8B4FF;
    --purple40: #D2C3FD;
    --purple45: #E3DAFF;
    --purple50: #EDE7FF;

    --teal05: #004847;
    --teal10: #005E5D;
    --teal15: #0A7B7A;
    --teal20: #078C8A;
    --teal25: #25ABA9;
    --teal30: #40C1BF;
    --teal35: #6CD4D3;
    --teal40: #8AE2E1;
    --teal45: #CFF1F1;
    --teal50: #E0F7F7;

    --green05: #067448;
    --green10: #098755;
    --green15: #129762;
    --green20: #02A564;
    --green25: #2BB272;
    --green30: #4CBD72;
    --green35: #7DCD7F;
    --green40: #8DD790;
    --green45: #C7EAC8;
    --green50: #E6FDE6;

    --yellow05: #7A4201;
    --yellow10: #9C5400;
    --yellow15: #DB9205;
    --yellow20: #FFC100;
    --yellow25: #FFD348;
    --yellow30: #FEE059;
    --yellow35: #FFE677;
    --yellow40: #FFED9A;
    --yellow45: #FFF2B9;
    --yellow50: #FBFADF;

    --red05: #AD2020;
    --red10: #C43535;
    --red15: #E84646;
    --red20: #F94C4C;
    --red25: #F95E5E;
    --red30: #FF7E73;
    --red35: #FF9A92;
    --red40: #FFB9B4;
    --red45: #FFD7D4;
    --red50: #FFE8E7;

    --magenta05: #60102D;
    --magenta10: #802244;
    --magenta15: #DE1D5E;
    --magenta20: #FD528C;
    --magenta25: #FF74A3;
    --magenta30: #FF8FB5;
    --magenta35: #FFA9C6;
    --magenta40: #FFB7D1;
    --magenta45: #FFDCE9;
    --magenta50: #FFEFF5;

    --pink05:   #5A0B52;
    --pink10:   #77186D;
    --pink15:   #842D86;
    --pink20:   #A64AA8;
    --pink25:   #C65EBB;
    --pink30:   #E26DD6;
    --pink35:   #F08CE6;
    --pink40:   #FBB8F4;
    --pink45:   #FFD8FB;
    --pink50:   #FFF0FD;

    --turquoise05:  #0C4B39;
    --turquoise10:  #176851;
    --turquoise15:  #288268;
    --turquoise20:  #3A977C;
    --turquoise25:  #56BC9E;
    --turquoise30:  #5DD1AF;
    --turquoise35:  #73E1C1;
    --turquoise40:  #88E7CB;
    --turquoise45:  #C8FAEB;
    --turquoise50:  #EFFFFA;

    --olive05:  #242515;
    --olive10:  #38392C;
    --olive15:  #555648;
    --olive20:  #626A49;
    --olive25:  #869069;
    --olive30:  #98A17E;
    --olive35:  #A8B18E;
    --olive40:  #C1C8AF;
    --olive45:  #D1D4C6;
    --olive50:  #ECEEE5;

    --tan05:    #4F3424;
    --tan10:    #6C4C38;
    --tan15:    #906144;
    --tan20:    #AE7F63;
    --tan25:    #CC9F83;
    --tan30:    #DAB8A2;
    --tan35:    #E3C6B4;
    --tan40:    #F0D5C5;
    --tan45:    #F5E1D5;
    --tan50:    #F9F2ED;

    --orange05: #923D0E;
    --orange10: #B55620;
    --orange15: #DC6C2D;
    --orange20: #EC7431;
    --orange25: #EF884E;
    --orange30: #F69762;
    --orange35: #FFAC7E;
    --orange40: #FFCCAF;
    --orange45: #FFE3D3;
    --orange50: #FFEDE3;

}


/* FOREGROUNDS COLORS */
.clr-white {color: var(--white);}
.clr-black {color: var(--black);}

.clr-grey05{ color: var(--grey05);}
.clr-grey10{ color: var(--grey10);}
.clr-grey15{ color: var(--grey15);}
.clr-grey20{ color: var(--grey20);}
.clr-grey25{ color: var(--grey25);}
.clr-grey30{ color: var(--grey30);}
.clr-grey35{ color: var(--grey35);}
.clr-grey40{ color: var(--grey40);}
.clr-grey45{ color: var(--grey45);}
.clr-grey40accessibility{ color: var(--grey40accessibility);}
.clr-grey50{ color: var(--grey50);}

.clr-blue05{ color: var(--blue05);}
.clr-blue10{ color: var(--blue10);}
.clr-blue15{ color: var(--blue15);}
.clr-blue20{ color: var(--blue20);}
.clr-blue25{ color: var(--blue25);}
.clr-blue30{ color: var(--blue30);}
.clr-blue35{ color: var(--blue35);}
.clr-blue40{ color: var(--blue40);}
.clr-blue45{ color: var(--blue45);}
.clr-blue50{ color: var(--blue50);}

.clr-navy05{ color: var(--navy05);}
.clr-navy10{ color: var(--navy10);}
.clr-navy15{ color: var(--navy15);}
.clr-navy20{ color: var(--navy20);}
.clr-navy25{ color: var(--navy25);}
.clr-navy30{ color: var(--navy30);}
.clr-navy35{ color: var(--navy35);}
.clr-navy40{ color: var(--navy40);}
.clr-navy45{ color: var(--navy45);}
.clr-navy50{ color: var(--navy50);}

.clr-purple05{ color: var(--purple05);}
.clr-purple10{ color: var(--purple10);}
.clr-purple15{ color: var(--purple15);}
.clr-purple20{ color: var(--purple20);}
.clr-purple25{ color: var(--purple25);}
.clr-purple30{ color: var(--purple30);}
.clr-purple35{ color: var(--purple35);}
.clr-purple40{ color: var(--purple40);}
.clr-purple45{ color: var(--purple45);}
.clr-purple50{ color: var(--purple50);}

.clr-teal05{ color: var(--teal05);}
.clr-teal10{ color: var(--teal10);}
.clr-teal15{ color: var(--teal15);}
.clr-teal20{ color: var(--teal20);}
.clr-teal25{ color: var(--teal25);}
.clr-teal30{ color: var(--teal30);}
.clr-teal35{ color: var(--teal35);}
.clr-teal40{ color: var(--teal40);}
.clr-teal45{ color: var(--teal45);}
.clr-teal50{ color: var(--teal50);}

.clr-green05{ color: var(--green05);}
.clr-green10{ color: var(--green10);}
.clr-green15{ color: var(--green15);}
.clr-green20{ color: var(--green20);}
.clr-green25{ color: var(--green25);}
.clr-green30{ color: var(--green30);}
.clr-green35{ color: var(--green35);}
.clr-green40{ color: var(--green40);}
.clr-green45{ color: var(--green45);}
.clr-green50{ color: var(--green50);}

.clr-yellow05{ color: var(--yellow05);}
.clr-yellow10{ color: var(--yellow10);}
.clr-yellow15{ color: var(--yellow15);}
.clr-yellow20{ color: var(--yellow20);}
.clr-yellow25{ color: var(--yellow25);}
.clr-yellow30{ color: var(--yellow30);}
.clr-yellow35{ color: var(--yellow35);}
.clr-yellow40{ color: var(--yellow40);}
.clr-yellow45{ color: var(--yellow45);}
.clr-yellow50{ color: var(--yellow50);}

.clr-red05{ color: var(--red05);}
.clr-red10{ color: var(--red10);}
.clr-red15{ color: var(--red15);}
.clr-red20{ color: var(--red20);}
.clr-red25{ color: var(--red25);}
.clr-red30{ color: var(--red30);}
.clr-red35{ color: var(--red35);}
.clr-red40{ color: var(--red40);}
.clr-red45{ color: var(--red45);}
.clr-red50{ color: var(--red50);}

.clr-magenta05{ color: var(--magenta05);}
.clr-magenta10{ color: var(--magenta10);}
.clr-magenta15{ color: var(--magenta15);}
.clr-magenta20{ color: var(--magenta20);}
.clr-magenta25{ color: var(--magenta25);}
.clr-magenta30{ color: var(--magenta30);}
.clr-magenta35{ color: var(--magenta35);}
.clr-magenta40{ color: var(--magenta40);}
.clr-magenta45{ color: var(--magenta45);}
.clr-magenta50{ color: var(--magenta50);}

.clr-pink05{ color: var(--pink05);}
.clr-pink10{ color: var(--pink10);}
.clr-pink15{ color: var(--pink15);}
.clr-pink20{ color: var(--pink20);}
.clr-pink25{ color: var(--pink25);}
.clr-pink30{ color: var(--pink30);}
.clr-pink35{ color: var(--pink35);}
.clr-pink40{ color: var(--pink40);}
.clr-pink45{ color: var(--pink45);}
.clr-pink50{ color: var(--pink50);}

.clr-turquoise05{ color: var(--turquoise05);}
.clr-turquoise10{ color: var(--turquoise10);}
.clr-turquoise15{ color: var(--turquoise15);}
.clr-turquoise20{ color: var(--turquoise20);}
.clr-turquoise25{ color: var(--turquoise25);}
.clr-turquoise30{ color: var(--turquoise30);}
.clr-turquoise35{ color: var(--turquoise35);}
.clr-turquoise40{ color: var(--turquoise40);}
.clr-turquoise45{ color: var(--turquoise45);}
.clr-turquoise50{ color: var(--turquoise50);}

.clr-olive05{ color: var(--olive05);}
.clr-olive10{ color: var(--olive10);}
.clr-olive15{ color: var(--olive15);}
.clr-olive20{ color: var(--olive20);}
.clr-olive25{ color: var(--olive25);}
.clr-olive30{ color: var(--olive30);}
.clr-olive35{ color: var(--olive35);}
.clr-olive40{ color: var(--olive40);}
.clr-olive45{ color: var(--olive45);}
.clr-olive50{ color: var(--olive50);}

.clr-tan05{ color: var(--tan05);}
.clr-tan10{ color: var(--tan10);}
.clr-tan15{ color: var(--tan15);}
.clr-tan20{ color: var(--tan20);}
.clr-tan25{ color: var(--tan25);}
.clr-tan30{ color: var(--tan30);}
.clr-tan35{ color: var(--tan35);}
.clr-tan40{ color: var(--tan40);}
.clr-tan45{ color: var(--tan45);}
.clr-tan50{ color: var(--tan50);}

.clr-orange05{ color: var(--orange05);}
.clr-orange10{ color: var(--orange10);}
.clr-orange15{ color: var(--orange15);}
.clr-orange20{ color: var(--orange20);}
.clr-orange25{ color: var(--orange25);}
.clr-orange30{ color: var(--orange30);}
.clr-orange35{ color: var(--orange35);}
.clr-orange40{ color: var(--orange40);}
.clr-orange45{ color: var(--orange45);}
.clr-orange50{ color: var(--orange50);}


/* BACKGROUND COLORS */
.bkg-white {background-color: var(--white);}
.bkg-black {background-color: var(--black);}

.bkg-grey05{ background-color: var(--grey05);}
.bkg-grey10{ background-color: var(--grey10);}
.bkg-grey15{ background-color: var(--grey15);}
.bkg-grey20{ background-color: var(--grey20);}
.bkg-grey25{ background-color: var(--grey25);}
.bkg-grey30{ background-color: var(--grey30);}
.bkg-grey35{ background-color: var(--grey35);}
.bkg-grey40{ background-color: var(--grey40);}
.bkg-grey45{ background-color: var(--grey45);}
.bkg-grey40accessibility{ background-color: var(--grey40accessibility);}
.bkg-grey50{ background-color: var(--grey50);}

.bkg-blue05{ background-color: var(--blue05);}
.bkg-blue10{ background-color: var(--blue10);}
.bkg-blue15{ background-color: var(--blue15);}
.bkg-blue20{ background-color: var(--blue20);}
.bkg-blue25{ background-color: var(--blue25);}
.bkg-blue30{ background-color: var(--blue30);}
.bkg-blue35{ background-color: var(--blue35);}
.bkg-blue40{ background-color: var(--blue40);}
.bkg-blue45{ background-color: var(--blue45);}
.bkg-blue50{ background-color: var(--blue50);}

.bkg-navy05{ background-color: var(--navy05);}
.bkg-navy10{ background-color: var(--navy10);}
.bkg-navy15{ background-color: var(--navy15);}
.bkg-navy20{ background-color: var(--navy20);}
.bkg-navy25{ background-color: var(--navy25);}
.bkg-navy30{ background-color: var(--navy30);}
.bkg-navy35{ background-color: var(--navy35);}
.bkg-navy40{ background-color: var(--navy40);}
.bkg-navy45{ background-color: var(--navy45);}
.bkg-navy50{ background-color: var(--navy50);}

.bkg-purple05{ background-color: var(--purple05);}
.bkg-purple10{ background-color: var(--purple10);}
.bkg-purple15{ background-color: var(--purple15);}
.bkg-purple20{ background-color: var(--purple20);}
.bkg-purple25{ background-color: var(--purple25);}
.bkg-purple30{ background-color: var(--purple30);}
.bkg-purple35{ background-color: var(--purple35);}
.bkg-purple40{ background-color: var(--purple40);}
.bkg-purple45{ background-color: var(--purple45);}
.bkg-purple50{ background-color: var(--purple50);}

.bkg-teal05{ background-color: var(--teal05);}
.bkg-teal10{ background-color: var(--teal10);}
.bkg-teal15{ background-color: var(--teal15);}
.bkg-teal20{ background-color: var(--teal20);}
.bkg-teal25{ background-color: var(--teal25);}
.bkg-teal30{ background-color: var(--teal30);}
.bkg-teal35{ background-color: var(--teal35);}
.bkg-teal40{ background-color: var(--teal40);}
.bkg-teal45{ background-color: var(--teal45);}
.bkg-teal50{ background-color: var(--teal50);}

.bkg-green05{ background-color: var(--green05);}
.bkg-green10{ background-color: var(--green10);}
.bkg-green15{ background-color: var(--green15);}
.bkg-green20{ background-color: var(--green20);}
.bkg-green25{ background-color: var(--green25);}
.bkg-green30{ background-color: var(--green30);}
.bkg-green35{ background-color: var(--green35);}
.bkg-green40{ background-color: var(--green40);}
.bkg-green45{ background-color: var(--green45);}
.bkg-green50{ background-color: var(--green50);}

.bkg-yellow05{ background-color: var(--yellow05);}
.bkg-yellow10{ background-color: var(--yellow10);}
.bkg-yellow15{ background-color: var(--yellow15);}
.bkg-yellow20{ background-color: var(--yellow20);}
.bkg-yellow25{ background-color: var(--yellow25);}
.bkg-yellow30{ background-color: var(--yellow30);}
.bkg-yellow35{ background-color: var(--yellow35);}
.bkg-yellow40{ background-color: var(--yellow40);}
.bkg-yellow45{ background-color: var(--yellow45);}
.bkg-yellow50{ background-color: var(--yellow50);}

.bkg-red05{ background-color: var(--red05);}
.bkg-red10{ background-color: var(--red10);}
.bkg-red15{ background-color: var(--red15);}
.bkg-red20{ background-color: var(--red20);}
.bkg-red25{ background-color: var(--red25);}
.bkg-red30{ background-color: var(--red30);}
.bkg-red35{ background-color: var(--red35);}
.bkg-red40{ background-color: var(--red40);}
.bkg-red45{ background-color: var(--red45);}
.bkg-red50{ background-color: var(--red50);}

.bkg-magenta05{ background-color: var(--magenta05);}
.bkg-magenta10{ background-color: var(--magenta10);}
.bkg-magenta15{ background-color: var(--magenta15);}
.bkg-magenta20{ background-color: var(--magenta20);}
.bkg-magenta25{ background-color: var(--magenta25);}
.bkg-magenta30{ background-color: var(--magenta30);}
.bkg-magenta35{ background-color: var(--magenta35);}
.bkg-magenta40{ background-color: var(--magenta40);}
.bkg-magenta45{ background-color: var(--magenta45);}
.bkg-magenta50{ background-color: var(--magenta50);}

.bkg-pink05{ background-color: var(--pink05);}
.bkg-pink10{ background-color: var(--pink10);}
.bkg-pink15{ background-color: var(--pink15);}
.bkg-pink20{ background-color: var(--pink20);}
.bkg-pink25{ background-color: var(--pink25);}
.bkg-pink30{ background-color: var(--pink30);}
.bkg-pink35{ background-color: var(--pink35);}
.bkg-pink40{ background-color: var(--pink40);}
.bkg-pink45{ background-color: var(--pink45);}
.bkg-pink50{ background-color: var(--pink50);}

.bkg-turquoise05{ background-color: var(--turquoise05);}
.bkg-turquoise10{ background-color: var(--turquoise10);}
.bkg-turquoise15{ background-color: var(--turquoise15);}
.bkg-turquoise20{ background-color: var(--turquoise20);}
.bkg-turquoise25{ background-color: var(--turquoise25);}
.bkg-turquoise30{ background-color: var(--turquoise30);}
.bkg-turquoise35{ background-color: var(--turquoise35);}
.bkg-turquoise40{ background-color: var(--turquoise40);}
.bkg-turquoise45{ background-color: var(--turquoise45);}
.bkg-turquoise50{ background-color: var(--turquoise50);}

.bkg-olive05{ background-color: var(--olive05);}
.bkg-olive10{ background-color: var(--olive10);}
.bkg-olive15{ background-color: var(--olive15);}
.bkg-olive20{ background-color: var(--olive20);}
.bkg-olive25{ background-color: var(--olive25);}
.bkg-olive30{ background-color: var(--olive30);}
.bkg-olive35{ background-color: var(--olive35);}
.bkg-olive40{ background-color: var(--olive40);}
.bkg-olive45{ background-color: var(--olive45);}
.bkg-olive50{ background-color: var(--olive50);}

.bkg-tan05{ background-color: var(--tan05);}
.bkg-tan10{ background-color: var(--tan10);}
.bkg-tan15{ background-color: var(--tan15);}
.bkg-tan20{ background-color: var(--tan20);}
.bkg-tan25{ background-color: var(--tan25);}
.bkg-tan30{ background-color: var(--tan30);}
.bkg-tan35{ background-color: var(--tan35);}
.bkg-tan40{ background-color: var(--tan40);}
.bkg-tan45{ background-color: var(--tan45);}
.bkg-tan50{ background-color: var(--tan50);}

.bkg-orange05{ background-color: var(--orange05);}
.bkg-orange10{ background-color: var(--orange10);}
.bkg-orange15{ background-color: var(--orange15);}
.bkg-orange20{ background-color: var(--orange20);}
.bkg-orange25{ background-color: var(--orange25);}
.bkg-orange30{ background-color: var(--orange30);}
.bkg-orange35{ background-color: var(--orange35);}
.bkg-orange40{ background-color: var(--orange40);}
.bkg-orange45{ background-color: var(--orange45);}
.bkg-orange50{ background-color: var(--orange50);}

/*FILL COLORS (SVG)*/
.fill-white {fill: var(--white);}
.fill-black {fill: var(--black);}

.fill-grey05{ fill: var(--grey05);}
.fill-grey10{ fill: var(--grey10);}
.fill-grey15{ fill: var(--grey15);}
.fill-grey20{ fill: var(--grey20);}
.fill-grey25{ fill: var(--grey25);}
.fill-grey30{ fill: var(--grey30);}
.fill-grey35{ fill: var(--grey35);}
.fill-grey40{ fill: var(--grey40);}
.fill-grey45{ fill: var(--grey45);}
.fill-grey40accessibility{ fill: var(--grey40accessibility);}
.fill-grey50{ fill: var(--grey50);}

.fill-blue05{ fill: var(--blue05);}
.fill-blue10{ fill: var(--blue10);}
.fill-blue15{ fill: var(--blue15);}
.fill-blue20{ fill: var(--blue20);}
.fill-blue25{ fill: var(--blue25);}
.fill-blue30{ fill: var(--blue30);}
.fill-blue35{ fill: var(--blue35);}
.fill-blue40{ fill: var(--blue40);}
.fill-blue45{ fill: var(--blue45);}
.fill-blue50{ fill: var(--blue50);}

.fill-navy05{ fill: var(--navy05);}
.fill-navy10{ fill: var(--navy10);}
.fill-navy15{ fill: var(--navy15);}
.fill-navy20{ fill: var(--navy20);}
.fill-navy25{ fill: var(--navy25);}
.fill-navy30{ fill: var(--navy30);}
.fill-navy35{ fill: var(--navy35);}
.fill-navy40{ fill: var(--navy40);}
.fill-navy45{ fill: var(--navy45);}
.fill-navy50{ fill: var(--navy50);}

.fill-purple05{ fill: var(--purple05);}
.fill-purple10{ fill: var(--purple10);}
.fill-purple15{ fill: var(--purple15);}
.fill-purple20{ fill: var(--purple20);}
.fill-purple25{ fill: var(--purple25);}
.fill-purple30{ fill: var(--purple30);}
.fill-purple35{ fill: var(--purple35);}
.fill-purple40{ fill: var(--purple40);}
.fill-purple45{ fill: var(--purple45);}
.fill-purple50{ fill: var(--purple50);}

.fill-teal05{ fill: var(--teal05);}
.fill-teal10{ fill: var(--teal10);}
.fill-teal15{ fill: var(--teal15);}
.fill-teal20{ fill: var(--teal20);}
.fill-teal25{ fill: var(--teal25);}
.fill-teal30{ fill: var(--teal30);}
.fill-teal35{ fill: var(--teal35);}
.fill-teal40{ fill: var(--teal40);}
.fill-teal45{ fill: var(--teal45);}
.fill-teal50{ fill: var(--teal50);}

.fill-green05{ fill: var(--green05);}
.fill-green10{ fill: var(--green10);}
.fill-green15{ fill: var(--green15);}
.fill-green20{ fill: var(--green20);}
.fill-green25{ fill: var(--green25);}
.fill-green30{ fill: var(--green30);}
.fill-green35{ fill: var(--green35);}
.fill-green40{ fill: var(--green40);}
.fill-green45{ fill: var(--green45);}
.fill-green50{ fill: var(--green50);}

.fill-yellow05{ fill: var(--yellow05);}
.fill-yellow10{ fill: var(--yellow10);}
.fill-yellow15{ fill: var(--yellow15);}
.fill-yellow20{ fill: var(--yellow20);}
.fill-yellow25{ fill: var(--yellow25);}
.fill-yellow30{ fill: var(--yellow30);}
.fill-yellow35{ fill: var(--yellow35);}
.fill-yellow40{ fill: var(--yellow40);}
.fill-yellow45{ fill: var(--yellow45);}
.fill-yellow50{ fill: var(--yellow50);}

.fill-red05{ fill: var(--red05);}
.fill-red10{ fill: var(--red10);}
.fill-red15{ fill: var(--red15);}
.fill-red20{ fill: var(--red20);}
.fill-red25{ fill: var(--red25);}
.fill-red30{ fill: var(--red30);}
.fill-red35{ fill: var(--red35);}
.fill-red40{ fill: var(--red40);}
.fill-red45{ fill: var(--red45);}
.fill-red50{ fill: var(--red50);}

.fill-magenta05{ fill: var(--magenta05);}
.fill-magenta10{ fill: var(--magenta10);}
.fill-magenta15{ fill: var(--magenta15);}
.fill-magenta20{ fill: var(--magenta20);}
.fill-magenta25{ fill: var(--magenta25);}
.fill-magenta30{ fill: var(--magenta30);}
.fill-magenta35{ fill: var(--magenta35);}
.fill-magenta40{ fill: var(--magenta40);}
.fill-magenta45{ fill: var(--magenta45);}
.fill-magenta50{ fill: var(--magenta50);}

.fill-pink05{ fill: var(--pink05);}
.fill-pink10{ fill: var(--pink10);}
.fill-pink15{ fill: var(--pink15);}
.fill-pink20{ fill: var(--pink20);}
.fill-pink25{ fill: var(--pink25);}
.fill-pink30{ fill: var(--pink30);}
.fill-pink35{ fill: var(--pink35);}
.fill-pink40{ fill: var(--pink40);}
.fill-pink45{ fill: var(--pink45);}
.fill-pink50{ fill: var(--pink50);}

.fill-turquoise05{ fill: var(--turquoise05);}
.fill-turquoise10{ fill: var(--turquoise10);}
.fill-turquoise15{ fill: var(--turquoise15);}
.fill-turquoise20{ fill: var(--turquoise20);}
.fill-turquoise25{ fill: var(--turquoise25);}
.fill-turquoise30{ fill: var(--turquoise30);}
.fill-turquoise35{ fill: var(--turquoise35);}
.fill-turquoise40{ fill: var(--turquoise40);}
.fill-turquoise45{ fill: var(--turquoise45);}
.fill-turquoise50{ fill: var(--turquoise50);}

.fill-olive05{ fill: var(--olive05);}
.fill-olive10{ fill: var(--olive10);}
.fill-olive15{ fill: var(--olive15);}
.fill-olive20{ fill: var(--olive20);}
.fill-olive25{ fill: var(--olive25);}
.fill-olive30{ fill: var(--olive30);}
.fill-olive35{ fill: var(--olive35);}
.fill-olive40{ fill: var(--olive40);}
.fill-olive45{ fill: var(--olive45);}
.fill-olive50{ fill: var(--olive50);}

.fill-tan05{ fill: var(--tan05);}
.fill-tan10{ fill: var(--tan10);}
.fill-tan15{ fill: var(--tan15);}
.fill-tan20{ fill: var(--tan20);}
.fill-tan25{ fill: var(--tan25);}
.fill-tan30{ fill: var(--tan30);}
.fill-tan35{ fill: var(--tan35);}
.fill-tan40{ fill: var(--tan40);}
.fill-tan45{ fill: var(--tan45);}
.fill-tan50{ fill: var(--tan50);}

.fill-orange05{ fill: var(--orange05);}
.fill-orange10{ fill: var(--orange10);}
.fill-orange15{ fill: var(--orange15);}
.fill-orange20{ fill: var(--orange20);}
.fill-orange25{ fill: var(--orange25);}
.fill-orange30{ fill: var(--orange30);}
.fill-orange35{ fill: var(--orange35);}
.fill-orange40{ fill: var(--orange40);}
.fill-orange45{ fill: var(--orange45);}
.fill-orange50{ fill: var(--orange50);}
/* VARIABLES */

/* Colors */
:root {
	/* OLD DEPRECATED VARIABLES */
	--main-color: var(--grey10);
	--second-color: var(--black);
	--font-color: var(--white);
	--active-color: var(--blue20);
	--top-main-color: var(--grey10);
	--top-font-color: var(--white);
	--top-active-color: var(--blue20);

	/* NEW VARIABLES (COLOR THEME) */
	--nav-primary-bg-color: var(--grey10);
	--nav-primary-fg-color: var(--white);
	--nav-secondary-bg-color: var(--black);
	--nav-secondary-fg-color: var(--white);
	--accent-color: var(--blue20);
}


/* GENERAL CSS */

/* TEXT DIRECTION */
*[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}
*[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: embed;
}


/* RESET ELEMENTS */
* {
	margin: 0;
	padding: 0;
}
img, body, html {
	border: 0;
}
html, body {
	height: auto;
	scroll-behavior: smooth;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none outside none;
}


/* GRID */
:root {
	--UIAvailableWd: calc(100vw - 2rem);
	--UiColumn: calc(var(--UIAvailableWd) / 12);
}

.UiColumnBase {
	display: flex;
	padding-left: 2rem;
}
.UiColumnBase > .UiColumnBase:first-of-type {
	padding-left: 0;
}

.Column1 {
	width: var(--UiColumn);
}
.Column2 {
	width: calc(var(--UiColumn) * 2);
}
.Column4 {
	width: calc(var(--UiColumn) * 4);
}
.Column6 {
	width: calc(var(--UiColumn) * 6);
}
.Column8 {
	width: calc(var(--UiColumn) * 8);
}
.Column10 {
	width: calc(var(--UiColumn) * 10);
}
.Column12 {
	width: calc(var(--UiColumn) * 12);
}
.ColumnStretch {
	flex-grow: 1;
}


/* HTML ELEMENTS */
html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	background-color: var(--white);
	color: var(--black);
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	overflow-x: hidden;
}
body.no-text-transform * {
	text-transform: unset !important;
}

th:not(th[scope=row]){
	height: 5rem;
	position: relative;
	background: var(--white);
	border-top: 0.1rem solid var(--navy40);
	border-right: 0.1rem solid var(--navy40);
	border-bottom: 0.1rem solid var(--navy40);
	border-left: none;
	vertical-align: top;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.06rem;
	line-height: 2rem;
	text-align: left;
	color: var(--black);
	text-transform: none;
	padding: 1.5rem 1rem 1.2rem 1rem;
}
th:not(th[scope=row]):nth-child(1){
	border-left: 0.1rem solid var(--navy40);
}

/* TYPOGRAPHY */
body, textarea, select, input,
h1, h2, h2.paragraph, h3.paragraph, h3, h4,
p, a {
	font-family: 'Roboto','Noto Sans', Arial, sans-serif;
}
body, textarea, select, input {
	font-size: 1.3rem;
}

h1 {
	font-weight: normal;
	font-size: 1.8rem;
	line-height: 3rem;
	letter-spacing: 0.02rem;
	text-transform: none;
	color: var(--black);
}
.localeCapitalization h1 {
	text-transform: capitalize;
}

h2, h2.paragraph, h3.paragraph {
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 2.5rem;
	letter-spacing: 0.02rem;
	color: var(--black);
	text-transform: none;
}
.localeCapitalization h3.paragraph {
	text-transform: uppercase;
}
h3.paragraph, legend.paragraph {
    min-height: 4rem;
	margin-bottom: 1rem;
    font-weight: 500;
    line-height: 4rem;
}
.ect-search legend.paragraph {
	min-height: auto;
	margin-bottom: 0;
	font-weight: normal;
	line-height: initial;
}

.wrapper-registration-fields fieldset legend{
	display: flex;
    margin-bottom: 0;
    line-height: 1;
}

h3 {
	font-size: 1.3rem;
	line-height: 2rem;
	font-weight: 500;
	letter-spacing: 0.08rem;
	text-transform: none;
	color: var(--black);
}

.localeCapitalization h3 {
	text-transform: uppercase;
}

h4 {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 2rem;
	letter-spacing: 0.08rem;
	text-transform: none;
	color: var(--black);
}

.localeCapitalization h4 {
	text-transform: uppercase;
}

p {
	font-size: 1.3rem;
	line-height: 2rem;
	letter-spacing: 0.02rem;
	color: var(--black);
}

a {
	font-size: 1.3rem;
	line-height: 2rem;
	letter-spacing: 0.02rem;
	text-decoration: none;
	color: var(--blue20);
	cursor: pointer;
}
a:hover, a:focus {
	text-decoration: underline;
}
*:focus {
	outline: none;
}

button.likeLink {
	border: none;
	background: no-repeat;
}
button.likeLink:hover {
	color: var(--blue20);
	cursor: pointer;
}

form, fieldset, legend, label {
	border: 0 none;
}
fieldset {
	width: 100%;
}

ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
ol {
	list-style-type: decimal;
	padding-left: 3.2rem;
}

img {
	vertical-align: middle;
}

textarea {
	min-width: 100%;
	height: auto;
	min-height: 3rem;
	padding: 0.4rem 1.5rem;
	border-radius: 0;
	font-size: 1.3rem;
	line-height: 1.5rem;
	text-overflow: ellipsis;
	resize: auto;
}
textarea ~ .textCollapse, textarea ~ .textExpand {
	display: inline-block;
	margin-left: 0.3rem;
	vertical-align: top;
}


select, input {
	height: 3.9rem;
	line-height: 3.9rem;
	padding: 0 1rem;
	background: var(--white);
}
select:not([multiple]) {
	height: 3.6rem;
	min-width: 6rem;
	line-height: 3.6rem;
	padding: 0 2.3rem 0 1rem;
	background: var(--white);
	-webkit-appearance: none;
	background-image: url(../svg/caret-downnk0x.svg);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
	background-size: 2rem;
	transition: 0.3s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
select:not([multiple]):focus {
	background-image: url(../svg/caret-downnk0x.svg);
}
.pagination-display .InputBase-root select {
	font-weight: bold;
	background-color: transparent;
	width: 7rem;
}
/* da verificare > inizio */
	input[type="radio"] {
		background-color: transparent;
		height: auto;
		vertical-align: middle;}
	input[type="checkbox"] {
		height: auto;
		vertical-align: middle;
		cursor: pointer;}
	/*ALBY Commentato per attivita' su Readonly inputs e colori sbagliati
	input[readonly="readonly"], input[disabled="disabled"], textarea[readonly="readonly"], textarea[disabled="disabled"], select[readonly="readonly"], select[disabled="disabled"] {
		background: #F7F8FA none repeat scroll 0 0;
		border: 0.1rem solid #E7ECF2;
		color: #A6ACAE;}
	 */
	input[type="file"] {
		text-indent: 0;
		padding: 0.5rem;
		height: auto;
		line-height: inherit;
		font-style: italic;}
	/* hide numeric field arrow */
	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
/* da verificare > fine */



/* TABLE */
.table-root {
	overflow-x: auto;
	margin-left: 2rem; /*new scrolling behavior for lists*/
	margin-right: 0.5rem; /*new scrolling behavior for lists*/
	overflow-y: auto;
}
.table-root table {
	table-layout: fixed;
}

.table-root table.block-fixed-layout {
	table-layout: auto;
}

.detailPage-edit .table-root {
	margin: 0;
}

table {
	empty-cells: show;
	border-spacing: 0;
	font-size: 1.3rem;
	width: 100%;
	box-sizing: border-box;
}

td, th[scope=row] {
	height: 5rem;
	background-color: var(--white);
	border-right: 0.1rem solid var(--navy40);
	border-bottom: 0.1rem solid var(--navy40);
	padding: 1.7rem 1rem 1.2rem 1rem;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
}

td:first-child, th[scope=row]{
	border-left: none;
}



th:not(th[scope=row]) a, th.tdMedium {
	font-size: 1.3rem;
	line-height: 2rem;
	letter-spacing: 0.6px;
	color: var(--black);
	text-transform: capitalize;
	vertical-align: inherit;
}
th:not(th[scope=row]) a {
	filter: drop-shadow(0px 2px 5px #00000020);
}

th:not(th[scope=row]) .arrow-order {
    vertical-align: sub;
}

th.headLink .arrow-order{
	display: none;
}

th.headLink.sort-desc .arrow-order, th.headLink.sort-asc .arrow-order{
	display: unset;
}

th.headLink.sort-desc .arrow-order svg {
	transform: rotate(180deg);
}

.containerDetail th:not(th[scope=row]){
	background: var(--grey50);
}

.containerDetail #EVM_SUPPLIER_DIRECTORY th:not(th[scope=row]){
	background: var(--white);
}

.containerDetail .internalFormDiv .tablewrap-root .list-tbody td, th[scope=row] {
	padding: 1.7rem 1rem 1.2rem 1.2rem;
}

table.fixed-layout td, table.fixed-layout th[scope=row] {
	/*only fixed layout*/
	word-break: break-word;
}

caption {
	display: none;
}

.orizzontal-scroll {
    overflow-x: auto;
}

.table_cnt_head,
.table_cnt_body_a,
.table_cnt_body_b {
	background-color: var(--white);
}

.row-selected :is(th, td),
tr:has(.RadioButton-checked, .Checkbox-checked) :is(th, td) {
	background-color: var(--blue50);
}

tr.table_cnt_body_on td,
tr.table_cnt_body_on th[scope=row] {
	background-color: var(--grey50);
	cursor: pointer;
}

.table_cnt_body_disabled {
	background-color: var(--grey50);}

.defaultSelection{
	background-color: var(--grey50)!important;
	cursor: pointer!important;
	width: 80%!important;
}

.defaultSelection td.yellowCell, .defaultSelection td.comment{
	background-color: var(--green35);
}

.table_cnt_body_active, .table_cnt_body_active td,.table_cnt_body_active th[scope=row] {
	background-color: var(--blue50);}

table tr td a:not(:last-child){
	margin-right: 0.5rem;
}

.table_cnt_body_b.defaultSelection, .table_cnt_body_a.defaultSelection {
	background-color: var(--white);}

.list-table tr .col__fixed_ .toolbar-root .toolbar-secondSide .action-wrap{
	padding: 0;
}

.treeResult-list .list-table tr .col__fixed_ .toolbar-root .toolbar-secondSide .action-wrap .button-placeholder{
    position: relative;
	top: 0.4rem;
}

.list-table tr td .displayInline-flex a {
    line-height: normal;
}

/* lower height head cell */
.dialogMode .table_cnt_head th:not(th[scope=row]) {
    height: 3.4rem;
    padding: 0.6rem;}

/* TABLE - SPECIFIC RULES */
/* TEXT position */
.cnt-left {
	text-align: left !important;
}
.cnt-center {
	text-align: center !important;
}
.cnt-right {
	text-align: right !important;
}
.displayInline-flex.cnt-right {
	justify-content: flex-end;
	align-items: unset;
}


.cnt-center .status-icon {
    display: block;
    margin: auto;
}

.imgIntoTd {
	display: flex;
	align-items: baseline;
}
.imgIntoTd .InputBase-root.Input-Error {
	border: 0.1rem solid var(--red10);
	width: calc(100% - 2.6rem);
}


.cnt-Nowrap {
	white-space: nowrap;
}

/* CNT LAYOUT */
.main {
	transition: 0.5s margin-left 0s;
	height: auto;
}
.sidebar.closed ~ section.main {
	margin-left: 6rem;
}
.sidebar.closed ~ div#j1p-asset {
	margin-left: 6rem;
}
main {
	display: flex;
	position: relative;
	z-index: 0;
}

/* CNT LAYOUT - detail pages */
.content-root, .containerList, .containerDetail {
	width: 100%;
	display: flex;
	flex-direction: column;
	z-index: 1;
	background-color: var(--white);
}
.additionalSidebar + .containerDetail {
	max-width: calc(100% - 34rem);
	padding-right: 2rem;
}
.additionalSidebar.collapsed + .containerDetail {
	max-width: calc(100% - 4rem);
}
.additionalSidebar.fixed + .containerDetail {
	margin-left: 34rem;
}
.additionalSidebar.collapsed.fixed + .containerDetail {
	margin-left: 4rem;
}

.additionalSidebar.fixed.open.with-scroll .sidebarCard {
	padding-right: 0;
	width: 32.6rem;
}

.content-section, .content-page {
	padding: 0;
}
.content-main, .form_container {
	padding: 0 1.5rem 0 2rem;
}
.content-main, .form_container.detailCfr {
	padding-left: 0;
}
.Accordion-container, .Accordion-container.content-main.item-as-row {
	padding-left: 4.5rem;
}
.containerDetail .Accordion-container, .containerDetail .Accordion-container.content-main.item-as-row {
	margin: 2rem 0;
}
td div.content-main {
	padding: 0;
}

.content-header .Accordion .toolbar-secondSide .button-wrap .button-placeholder .icon-CANCEL{
	border-color: var(--white);
	background-color: var(--white);
}


.priceListFormObject.saytPriceList .Accordion-container.content-main{
	position: relative;
	z-index: 0;
}

/* CONTAINER CENTRED SMART QUOTE */
.container-centred{
	width: 60%;
	min-width: 80rem;
	max-width: 120rem;
	margin: 2rem auto;
	background: var(--white);
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
	padding: 2rem;
}

.container-centred:before{
	content: "";
	width: 100%;
	height: 100vh;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background: var(--grey50);
	z-index: -1;
}
.container-centred .content-header{
	background: transparent;
}

.container-centred .Accordion-container{
	position: relative;
	padding-left: 2rem;
}

.container-centred .internalFormDiv .Accordion-container.content-main .oneColumns,
.container-centred .Accordion-container .floatingWrapper{
	margin: 0;
    padding-bottom: 0;
}
.container-centred .edit-save-wrapper ul.button-list li {
    margin-right: 0.5rem;
}


.container-centred .content-header .Accordion h2 {
    font-weight: 500;
	text-transform: uppercase;
}

.container-centred #smqWizardFEBean tr td:first-child{
	border-left: 0.1rem solid var(--grey50);
}

.container-centred #suggestedSuppliers .oneColumns > ul{
	overflow-x: auto;
}

/* Shadow in t head table */
.containerList .table_cnt_head th:not(.tdAction ),
.list-table .table_cnt_head th:not(.tdAction ),
.multi-header-2 tbody:first-child tr th:not(.tdAction ){
	position: relative;
}

.containerList .table_cnt_head th:after, 
.noSecondLevel .tablewrap-root .table-root tbody:first-child tr th:after{
	content: "";
	width: 100%;
	height: 0.1rem;
	display: block;
	position: absolute;
	bottom: 0.1rem;
	left: 0;
	box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.3);
}


/* Custom for report page */
.dmr-wiz-data .content-main{
	padding: 1rem 2rem 0 2rem;
}
.dmr-wiz-data .content-page .Alert-root {
    margin-right: 2rem;
}

.divider {
	background-color: var(--grey50);
	height: 0.2rem;
}

.pageDetails .divider {
    display: block;
	margin: 1rem 0 2rem 0;
}

/* ACCORDION */
.content-header .Accordion {
	flex-grow: 1;
}
.content-header {
	display: flex;
	padding: 0.7rem 1.5rem;
	position: relative;
	background: var(--navy40);
	z-index: auto;
}
.ctm-content.ctm-content_overview .content-header {
    background-color: var(--navy40);
}
.Accordion {
	min-height: 3.6rem;
	display: flex;
	align-items: center;
	transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.Accordion:hover:not(.Mui-disabled) {
	cursor: pointer;
}
.Accordion.focusVisible {
	background-color: rgba(0, 0, 0, 0.12);
}
.Accordion.disabled {
	opacity: 0.38;
}
.Accordion-expandIcon {
	transform: rotate(0deg);
	transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	padding: 0 0.5rem;
}
.Accordion-expandIcon:hover {
	background-color: transparent;
}
.Accordion.expanded .Accordion-expandIcon {
	transform: rotate(90deg);
}

.Accordion-expandIcon span svg {
	display: block;
	margin: auto;
}
.Accordion-hidden {
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.Accordion.not-active.expanded {
	cursor: default;
	}

.Accordion:after {
	content: "";
	width: 100%;
	height: 0.1rem;
	display: block;
	position: absolute;
	background: var(--white);
	bottom: 0;
	left: 0;
}


/* title accordion on strategy approval */
.Accordion.not-active {
    padding-left: 0.5rem;
	cursor: default !important;
}


/* CONTENT DETAIL PAGES (Accordion-container content-main) */
.content-main .formRead.twoColumns .select_list ul,
.content-main .formRead.oneColumns .select_list ul{
	display: flex;
	flex-direction: column;
	place-content: flex-start;
	row-gap: 1rem;
}
.twoColumns ul li, .form_container ul:not(.button-list) > li {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 2rem;
}

.Accordion-container.item-as-row .oneColumns ul {
	flex-direction: column;
}

.Accordion-container .pagination-root .pagination-display .InputBase-root {
	width: auto;}



.twoColumns ul li.allLine, .form_container ul li.allLine {
	max-width: calc(50% - 6rem);
	margin-right: 50%;
}

.internalFormDiv .Accordion-container.content-main .oneColumns{
	padding-bottom: 2rem;
}

.oneColumns > ul {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1rem;
}

.oneColumns > ul > li{
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.FormField {
	min-width: 0;
	margin: 0;
	position: relative;
	display: inline-flex;
	flex-direction: column;
	vertical-align: top;
	padding: 0;
	border: 0;
}
.FormField-xs {
	min-width: 5rem;
	max-width: 5rem;
}
.FormField-small {
	min-width: 7rem;
	max-width: 12rem;
}

.FormField-micro {
	min-width: 8rem;
	max-width: 8rem;
}
.FormField-medium {
	min-width: 21.3rem;
	max-width: 26rem;
}
.FormField-large {
	min-width: 34rem;
	max-width: 54rem;
}

.FormField .form_question{
	font-weight: 500;
}
.FormField .form_question a{
	font-weight: 400;
}

.FormField-Label {
	flex:auto;
	display: flex;
	align-items: center;
	margin-bottom: 0.2rem;
	color: var(--black);}

.FormField-Label label {
	display: inline-flex;
}

.FormField-Label label .icon-onlyCnt {
    margin-top: -0.4rem;
}

.FormField-Label .withError {
	width: 100%;
	min-width: 11rem;
	display: flex;
	flex-direction: row;
	place-content: flex-start;
	place-items: center;
	line-height: 0.8;
}
.FormField-Label label img {
	max-width: 2rem;
}

/* AI components */
.FormField.ai-element .InputBase-root {
	border-image-source: linear-gradient(127.87deg, rgba(83, 0, 206, 1.0) 0%, rgba(226, 43, 131, 1.0) 100%);
	border-width: 0.2rem;
	border-image-slice: 1;
	background-image: url(../png/sparkles-filled0lp9.png);
	background-size: 1.8rem;
	background-repeat: no-repeat;
	background-position: center right;
	background-position-x: 99%;
}

.FormField.ai-element .InputBase-root.Input-Disabled input {
    line-height: 1.8rem;
}

.AI-cls-1 { fill: url(#AI-linear-gradient);}
.AI-cls-2 { fill: var(--white);}


.mandatory-field {
	max-height: 1rem;
	padding-right: 0.7rem; 
	font-size: 1.6rem; 
	font-weight: 900; 
}

.form_question .form_question_label{
	color: var(--black);
	font-weight: 500;
}
.form_question .FormField-Label label .form_question_label ,
legend.form_question .form_question_label{
	font-weight: 400;
}

.asmtReport .form_question .form_question_label{
	display: flex;
}

/*  rfq formula page  */
.rfq-formula-page .internalFormDiv{
    overflow-x: auto;
}
.rfq-formula-page .internalFormDiv .Accordion-container.content-main .oneColumns ul{
	flex-wrap: nowrap;
}

.form_question {
	display: flex;
	align-items: center;
	color: var(--black);
	line-height: 1;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.form_question svg {
	margin-left: 0.5rem;
	vertical-align: middle;
}

.revert .Accordion-container .twoColumns ul li .form_question svg {
	margin-left:0;
}

.form_answer {
	max-width: 100%;
	min-height: 1.6rem;
}

.additionalSidebar .form_answer {
	text-overflow: ellipsis;
	word-break: break-word;
}

.item-as-row .oneColumns ul li .form_question {
    height: auto;
}

.Accordion-container.content-main .formRead.twoColumns ul li .form_answer .form_answer_value {
    word-break: break-word;
}


/* SELECT LIST IN TO DIJIT DIALOG */
.dijitDialogPaneContent .content-main .formRead.oneColumns .select_list .form_answer_value ul{margin-top: 1rem;}
.dijitDialogPaneContent .content-main .formRead.oneColumns .select_list .form_answer_value ul li{display: block;}

.dijitDialogPaneContent .content-main .formRead.oneColumns .select_list .form_answer_value ul li .form_answer{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 1rem;
}
.dijitDialogPaneContent .content-main .formRead.oneColumns .select_list .form_answer_value ul li .form_answer input[type="radio"]{
	max-width: 2rem;
	margin: 0;
}

/*  page form previw  */
.FormPreview .FormField-Label {
	display: inline-block;
	margin-bottom: 1rem;
}

/*  variables for 6rem spaces  */
.oneColumns .FormField-large:first-child:not(.displayNone){
	margin-right: 4rem;
}
.oneColumns .allList.FormField-large .select_list {
	width: max-content;
}
.oneColumns .FormField-small, .oneColumns .FormField-medium, .oneColumns .FormField-large {
	margin-right: 1.95rem;
}
.oneColumns .FormField-medium:not(.displayNone):nth-child(2n), .FormField-small:not(.displayNone):nth-child(4n){
	margin-right: 4rem;
}
.sidebarCard .oneColumns .FormField-large,
.oneColumns .FormField-medium:nth-child(4n), .FormField-small:nth-child(8n) {
	margin-right: 0;
}

/* remove margin for table in to accordion */
.Accordion-container.content-main ul li .form_answer .table-root{
	margin: 0;
}
/* add margin for for double fnd indentation */
.Accordion-container.content-main .Accordion-container.content-main {
	margin-left: 2rem;
}

#reportWizardFEBean .revert .Accordion-container.content-main{
	margin: 2rem 0;
}

/*  custom basic parameter  */
.textWithButtonContainer .wrapper-link {
    width: calc(100% - 11rem);
}
.textWithButtonContainer .textWithButton {
    display: flex;
    flex-direction: row;
	column-gap: 1rem;
}
.textWithButtonContainer .textWithButton div:first-child{
    flex: 1;
}
.textWithButtonContainer .textWithButton .edit-save-wrapper button{
    height: 4rem;
}

li.textWithButtonContainer .InputBase-root.inputNoIcon {
	width: 90%;
}
.dialogMode li.textWithButtonContainer .InputBase-root.inputNoIcon {
	width: 100%;
}
/*  CLASS FOR MORE ELEMENTS AFTER LABEL */
.wrapper-link{
	width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    place-content: space-between;
	column-gap: 0.5rem;
    padding-right: 1rem;
}

.wrapperButton {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	flex: 1;
}

/* CONTENT DETAIL PAGES -  SPECIFIC RULE > FIELDSET */
.content-main .formRead.twoColumns ul li.allList, .content-main .formRead.twoColumns ul li.allList .select_list li {
	max-width: 100%;
	flex: auto;
	padding: 0;
	margin: 0 0 1rem 0 !important;
}

.select_list {
	margin-top: 1rem;
}
.select_list div.form_answer,
.oneColumns fieldset .select_list .form_answer {
	display: flex;
	column-gap: 1rem;
}
.oneColumns fieldset .select_list .form_answer .RadioButton, .oneColumns .select_list .RadioButton {
	margin: 0;
}

.select_list div.form_answer input {
	margin-right: 1rem;
}

.select_list .RadioButton {
    margin: -0.3rem 1.1rem 0.5rem 0;
}

.select_list div.textB {
	min-width: 13rem;
	font-weight: normal;
	text-overflow: ellipsis;}

.oneColumns .select_list div.textB {
	max-width: 13rem;
}


.select_list_btn {
    display: flex;}
.select_list_btn a {
    line-height: normal;
    margin-left: 3rem;}



/*  fix Select Assessment Dimension */
.allList fieldset .paragraph .form_question_label span{
    display: block;
	padding-bottom: 2rem;
}

.dir-col .form_answer_value{
	display: flex;
	flex-direction: column;
}

.select_list .form_answer .dijitLeft {margin-left: 1rem;}
/*  PAGE ERROR 500 */
.containerEmpty {
	flex: 1 100%;
	padding: 2rem;
}
/* Cnt page - Layout fixed */
#cntDetail.fixed {
	margin-top: 9rem;}
	/* da verificare > fine */
.containerEmpty .content-toolbar.toolbar-root {
	top: 0;
}

.containerEmpty .content-header{
	padding-left: 0;
}
.containerEmpty .content-header .Accordion.not-active{
	padding-left: 0;
}

.dialogMode .containerEmpty .content-header .Accordion.not-active{
	padding-left: 1rem;
}

/* Title page */
#titleGraphic {
	background: none repeat scroll 0 0 var(--grey50);
	border: 0.1rem solid var(--grey50);
	border-radius: 0.4rem;
	padding: 1.2rem 1.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;}
.clpsarrow {
	background: url("../png/detailpage-titleicon-collapsed5m16.png") no-repeat scroll 0 0.8rem transparent;
	cursor: pointer;
	height: 4rem;
	position: absolute;
	width: 2rem;}
#title.open .clpsarrow {
	background: url("../png/detailpage-titleicon-expanded6fp9.png") no-repeat scroll 0 0.8rem transparent;}
#subtitle {
	display: flex;
	flex-direction: column;}
#subtitle.arrow {
	padding-left: 2rem;}
#subtitle .maintitle {
	color: #465053;
	font-size: 2.2rem;
	line-height: 2.8rem;
	margin-top: 0;}
#subtitle > div {
	display: flex;
	width: 100%;
	align-items: center;}
.subtitle_01, .subtitle_02, .subtitle_03, .subtitle_04, .subtitle_05, .subtitle_06, .subtitle_07, .subtitle_08 {
	color: #465053;
	font-size: 1.3rem;
	margin-top: 0.8rem;}
#subtitle a {
	font-weight: bold;}
.subtitle_02 img {
	margin: 0 0.5rem 0 0.5rem;}
.subtitle_01.maintitle .fa {
	font-size: 1.9rem;
	padding-right:0.5rem;}
.maintitle .subtitleExtraInfo, .subtitle_02 .subtitleExtraInfo {
	position: relative;
	display: inline-flex !important;
	justify-content: flex-end;
	flex-direction: row;
	flex-grow: 1;
	align-items: center;}
.subtitleExtraInfo {
	min-width: 20rem;
	display: inline;
	margin-left: 0.5rem;
	font-size: 1.3rem;
	text-align: right;
	line-height: 1.6rem;}
span.subtitleExtraInfo img {
	margin-right: 0.2rem;}

.extraInfoLevel2 {
	height: 3.2rem;
	position: absolute;
	top: 3.3rem;
	right: -1.2rem;
	border: 0.1rem solid var(--yellow30);
	border-radius: 0.5rem;
	line-height: 3.2rem;
	color: var(--red20);
	padding: 0 1.2rem 0 3.5rem;
	background: url("../png/info6mpy.png") no-repeat scroll 1rem center #FFEDB6;
	z-index: 1;
}
.extraInfoLevel2:after {
	content: "";
	width: 1rem;
	height: 1rem;
	display: block;
	position: absolute;
	top: -0.6rem;
	right: 2.7rem;
	border: 0.1rem solid var(--yellow30);
	background-color: var(--yellow40);
	border-bottom: 0;
	border-right: 0;
	transform: rotate(45deg);
	z-index: -1;
}

.content-breadcrumbs .messageBreadcrumbs{
	display: flex;
    place-content: flex-start;
    place-items: center;
}
.content-breadcrumbs .messageBreadcrumbs a{
	padding-left: 0.3rem;
}

.messageBreadcrumbs {
	height: 3.2rem;
	margin-bottom: 0;
	border-bottom: 0;
	font-size: 1.3rem;
	line-height: 2.2rem;
	padding: 0;
}
.messageBreadcrumbs a {
	color:var(--grey30);
}
.messageBreadcrumbs a:hover {
	text-decoration: underline;
}
.messageBreadcrumbs a:after, .messageBreadcrumbs span a:after {
	content: "";
	width: 0.8rem;
	height: 0.9rem;
	display: inline-block;
	background: url("../png/breadcrum-arrowiybz.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin-left: 0.5rem;
	color: var(--grey30);}

.messageTitle {
	background-color: var(--yellow30);
	border: 0.1rem solid var(--yellow30);
	border-radius: 0.5rem;
	padding: 1.2rem;
	margin-bottom: 1rem;
	color: #C95814;
	line-height: 1.7rem;
	display: block;
	clear: right;
	width: 100%;
	font-size: 1.6rem;}
.messageTitle > span.textAttention {
	box-shadow: none;
	font-style: italic;}

/* Title page - Layout fixed */
.fixed #titleGraphic {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	left: 6rem;
	margin-top: 0;
	padding: 0.9rem 0 0;
	position: fixed;
	top: 0;
	width: calc(100% - 6rem);
	z-index: 9;
	cursor: inherit;
	text-indent: 1rem;
}

#cntAllPage .fixed #titleGraphic {
	left: 0;
	width: 100%;
}

.fixed .clpsarrow {
	display: none;}
.fixed #subtitle.arrow {
	padding-left: 0;}
.fixed #subtitle .maintitle {
	display: block;
	font-size: 2rem;
	line-height: 2.4rem;
	margin-top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 20rem);}
.fixed .subtitleExtraInfo {
	display: table-cell;
	font-size: 1.3rem;
	position: absolute;
	right: 0.6rem;
	text-align: right;
	top: 0.9rem;
	width: 20rem;
	overflow: hidden;
	text-overflow: ellipsis;}
.fixed .maintitle .subtitleExtraInfo {
	position: absolute;
	display: table-cell !important;}
.fixed #subtitle .showableTitleRow {
	display: none;}
#title.fixed #subtitle.arrow {
	background-color: transparent;}

/* Div title info - Layout fixed */
#fixedHeader {
	height: 0;}
#fixedHeader.slide-height {
	transition: height 0.1s linear 0s;}
#fixedHeader.fixed {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 0.4rem #96A1AB;
	height: 9rem;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
	transition: left 0.5s 0s ease, width 0.5s 0s ease;
}
.paragraphBtn div {
	display: inline-block;}

.paragraphBtn .section-header .toolbar-secondSide .action-wrap {padding-right: 0;}

.paragraphBtn .section-header .toolbar-secondSide .action-wrap .button-placeholder{
	margin-left: 0.5rem;
}

.paragraphDescription {
	display: block;
	font-size: 1.3rem;
	font-style: normal;
	padding: 0;
}
.localeCapitalization .paragraphDescription {
	text-transform: capitalize;
}

caption.paragraphDescription {
	display: revert;
	text-align: left;
	padding-left: 1.5rem;
	padding-bottom: 0.5rem;}

.paragraphTitle {
	background-color: var(--grey50);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.4rem;
	padding: 1.2rem 1.5rem;
	margin-bottom: 0.5rem;
	color: var(--grey20);}
.paragraphTitle h3 {
	font-size: 2.0rem;
	line-height: 2.8rem;}
.paragraphTitle span {
	font-size: 1.5rem;
	line-height: 1.8rem;
	font-style: italic;
	font-weight: normal;}

tr.inactive td {
	background: rgb(230, 230, 230);
	pointer-events: none;
	opacity: 0.5;}

th.cellEmpty, td.cellEmpty {
	background-image: url(../png/black-white-seamless-pattern-diagonalqti5.png);
	background-repeat: repeat-x;
	opacity: 0.5;}

table.withBorder th {
	border-bottom: 0.1rem solid var(--grey50);
	border-left: 0.1rem solid var(--grey50);
	border-right: 0.1rem solid var(--grey50);
	text-align: center;}
table.withBorder td {
	border-right: 0.1rem solid var(--grey50);
	text-align: center;}

.tdNumber {
	text-align: right;}
.tdCheckbox {
	width: 1rem;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;}
.status {
	width: 1rem;
	text-align: center;
	padding-right: 1.5rem;
}
.secondaryStatus, th.secondaryStatus {
	text-align: center;}

.secondaryStatus .SVG-user + img{vertical-align: unset;}
td.secondaryStatus .displayInline-flex {
	width: auto;
}
.tdAction {
	width: 8rem;
	position: sticky!important;
	right: 0;
	background-color: var(--white);
	text-align: right;
	white-space: nowrap;
	z-index: 1;
}
td.tdAction .formResponseBtn a {
	width: auto;}
.icon-only.butToLoad .IconButton-label {
	padding-right: 0.5rem!important;
}
.tdAction button .IconButton-label {
	margin-right: 0.5rem;
}
td.tdAction {
	padding-top: 1.1rem;
}

td.col_SUPPLIER_NAME{
	padding-right: 1.6rem;
}
td.col_SUPPLIER_NAME .SvgSize16{
    top: 1.6rem;
    right: 0.2rem;
}

/* column number/column date */
input[type="number"] {
	-moz-appearance: textfield;
	text-align: right;
}
input.numberInput {
	text-align: left;}

.col_ROWS_NUMBER {
	text-align: right;
}

th.column-number, td.column-number {
	text-align: right !important;
}

th.column-date, td.column-date {
	text-align: right !important;
}

td.column-date div.displayInline-flex {
    justify-content: flex-end;
}


/* new version for detal of cst_35 category strategy */
.tdAction.button-1 {
	width: 4rem;
}
.table_cnt_body_on .tdAction.button-1 .content-toolbar.toolbar-root .button-placeholder {
    margin-top: 0;}
.tdAction.button-2 {
	width: 8rem;
	z-index: 1;
}
.tdAction.button-3 {
	width: 12rem;}
.thTxtHidden a {
	visibility: hidden;
	font-size: 0;}

/* TD table size */
tr.typeFourCols > td, td.typeFourCols, th.typeFourCols {
	width: 25%;}
tr.typeThreeCols > td, td.typeThreeCols, th.typeThreeCols {
	width: 33%;}
tr.typeTwoCols > td {
	width: 50%;}
tr.typeTwoCols > td div {
	display: inline-block;}
tr.typeTwoCols > td select {
	margin-right: 0.5rem;}
.ColBigText {
	min-width: 20rem;}

.tdXS { width: 5rem;}
.tdLarge 	{ width: 25rem;}
.tdMedium 	{ width: 18rem;}
.tdSmall 	{ width: 10rem;}
.tdRowNumber { width: 6rem;}

/*  TREE DOTS IN TABLE  */
.table_cnt_body_a td .toolbar-root, .table_cnt_body_b td .toolbar-root {
	height: 100%;
    background: transparent;
	border-bottom: none;
}
.table_cnt_body_on td .toolbar-root {
	height: 100.1%;
    background: transparent;
}

.table_cnt_body_b textarea, .table_cnt_body_a textarea{
	width: 100%!important;
	min-width: unset;
	resize: vertical;
}
.table_cnt_body_b textarea:focus, .table_cnt_body_a textarea:focus{
	max-height: unset!important;
}

.disabled {
	color: rgba(0, 0, 0, 0.38);
	cursor: default;
	pointer-events: none;}

.hidden {
	position: absolute;
	left: -999rem;}

/* Paging table list */
.PagingTableList {
	background-color: var(--white);
}
.PagingContainer {
	color: var(--black);
	font-weight: bold;
	display: table;
	width: 100%;}
.PagingContainer > div {
	display: table-cell;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	vertical-align: middle;}
.PagingContainer .columnLeft {
	text-align: left;}
.PagingContainer .columnCenter {
	margin-right: 3rem;}
.PagingContainer .columnCenter span, .PagingContainer .columnLeft span {
	margin-left: 1rem;}
.PagingContainer .columnRight {
	font-size: 1.3rem;
	padding-right: 1rem;
	text-align: right;}
span.NavBtn {
	background: none repeat scroll 0 0 var(--grey50);
	border: 0.1rem solid var(--grey50);
	border-radius: 0.3rem;
	margin: 0.2rem;
	line-height: 0;
	display: inline-block;}
.NavBtn a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	height: 2.5rem;
	width: 2.5rem;
	line-height: 2.5rem;}
.NavBtnPage {
	padding: 0.5rem;}
.NavBtnPage > a {
	color: var(--blue200);}

/* NEW Paging table list */
section.tablewrap-root {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.pagination-root {
	height: 5rem;
	display: flex;
	background: var(--grey50);
}
.containerDetail .pagination-root {
	margin-left: 2rem;
}
.content-page .pagination-root {
	margin-left: 0;
}
.content-page .table-root{
	margin-left: 0;
}
.pagination-counter {
	display: flex;
	align-items: center;
	padding: 0 2rem;
}
.containerDetail .pagination-counter {
	padding: 0 2rem 0 1.4rem;
}
.pagination-counter span.textB {
	margin-left: 0.4rem;
	margin-right: 0.4rem;
}
.pagination-display {
	display: flex;
	align-items: center;
	padding: 0 2rem;
	border-left: 0.1rem solid var(--white);
}
.pagination-display .FormField {
	flex-direction: row;
}
.pagination-display .FormField-Label {
	margin-bottom: 0;
}
.pagination-display .Select-root {
	width: auto;
	background-color: transparent;
	padding: 0;
}
.pagination-display .Select-icon{
	margin: 0;
}
.pagination-display .InputBase-root, .pagination-display .InputBase-root:hover {
	background-color: transparent;
	margin-left: 0.5rem;
	border: 0;
}
.pagination-display .Select-placeholder{
	font-weight: 700;
	color: var(--black);
}
.pagination-navigation {
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
	padding-right: 1rem;
}
.pagination-navigation .IconButton:first-child{
	top: 0.09rem;
	margin-right: 0.5rem;
}
.PaginationButton .IconButton-label {
	padding: 0.3rem 0.8rem 0.2rem 0.8rem;
}
.ButtonBase.PaginationButton {
	width:auto;
	height: 2.5rem;
	margin-right: 0.5rem;
	border: 0.1rem solid transparent;
	border-top-right-radius: 1.3rem;
	border-bottom-left-radius: 1.3rem;
	border-bottom-right-radius: 1.3rem;
	border-top-left-radius: 1.3rem;
	font-size: 1.2rem;
	text-align: center;
}

.ButtonBase.PaginationButton.active {
	background: var(--blue20);
	color: var(--white);
	cursor: auto;
}

.pagination-root .pagination-navigation .ButtonBase.IconButton span {
    top: 0.12rem;
}


/*  tree Dots from paginations  */
.pagination-navigation button.disabled {
	background-color: transparent;
}

.ButtonBase.PaginationButton:hover {
	border: 0.1rem solid var(--blue20);
}

/* contract price preview custom */
.saytPriceList .sayt-tag {
    display: flex;
    flex-direction: row-reverse;
    place-items: center;
}

.multichoice-sayt .InputBase-root {
	height: auto;
    place-items: flex-start;
}
.multichoice-sayt .InputBase-root ul.categoryList {
    padding: 1rem 0.5rem 0.2rem 0.5rem;
}

/* GENERAL CLASSES */
/* Display */
.displayBlock {
	display: block !important;}
.displayBlock > span {
	padding: 0.2rem;}
.displayBlock > label {
	margin-left: 0.5rem;}
fieldset .displayBlock {
	padding: 0.5rem;}
.displayInline {
	display: inline;}
.displayTable {
	display: table;}

.displayTable-cell {
	display: table-cell;
	padding: 0.5rem;
	vertical-align: middle;}
.displayGrid {
	display: inline-grid !important;}
.displayFlex {
	display: flex !important;
	column-gap: 0.5rem;
}
.displayInline-block {
	display: inline-block;}
.displayInline-flex {
	display: inline-flex !important;
	align-items: center;
	column-gap: 0.5rem;
	/*align-items: baseline; commented to avoid errors on alignment*/
}

.displayInline-flex .SvgSize16,
.displayInline-flex .openNewPage,
.displayInline-flex .icon-only{
	margin: -1rem 0 -1.1rem 0;
}

.displayInline-flex .SvgSize16 + .SvgSize16{
	margin: auto;
}

.align-between{
	place-content: space-between;
}

td .displayInline-flex {
	width: 100%;
}
.displayInline-flex .Checkbox {
	padding-top: 1rem !important;
}
.form_answer > .displayInline-flex, .form_answer_value > .displayInline-flex {
	width: 100%;
}

.display-flex-column {
	display: flex;
    flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;	
}
.display-flex-column .fieldEnable {
	float: none;
	flex: 1 2%;
}
.display-flex-column .InputBase-root{
	flex: 1 90%;
}
.display-flex-column .counterText{
	flex: 1 100%;
}
.display-flex-column.form_answer.multi-selection-tree fieldset{
	width: 100%;
	display: grid;
	grid-template-columns:10% 90%;
	grid-row-gap: 1rem;
}
.display-flex-column.form_answer.multi-selection-tree fieldset.Input-Error{
	grid-template-columns: 8% 5% 87%;
}
.display-flex-column.form_answer.multi-selection-tree fieldset.Input-Error .Checkbox-IconButton{
	margin: -0.2rem 0 0 0;
}

.display-flex-column.form_answer.multi-selection-tree fieldset .ICON-ERROR {
    position: relative;
    top: unset;
    right: unset;
}
.display-flex-column .form_answer.multi-selection-tree fieldset label {
	display: inline-block;
    margin-bottom: 1rem;
}

.multi-selection-tree .form_question .FormField-Label {
	font-weight: 400;
}

.list-tbody tr td .form_answer.multi-selection-tree.display-flex-column img,
.form_container ul li .form_answer .form_answer.multi-selection-tree.display-flex-column img{
	max-width: 1.6rem;
	max-height: 1.6rem;
}
.list-tbody tr td .form_answer.multi-selection-tree.display-flex-column br,
.form_container ul li .form_answer .form_answer.multi-selection-tree.display-flex-column br{
	display: none;
}

/* align correct icons and link */
.list-tbody tr td a {
    line-height: unset;
}

/*  alignment info attachment after fieldset */
.dataElementTable tr td .multi-selection-tree.display-flex-column + .display-flex-column{
	padding: 1rem 0 0 1.5rem;
}

/*  fix multi selection on supplier directory detail */
.display-flex-column .categoryList.basketItem_select{
	display: flex;
	flex-wrap: wrap;
	padding: 0.5rem 0 0 1.5rem;
}
.display-flex-column .categoryList.basketItem_select li{
	flex: unset;
}
.display-flex-column .categoryList.basketItem_select li .form_answer{
	width: auto;
}
.display-flex-column .categoryList.basketItem_select li .form_answer .categoryName{
	width: auto;
	margin-left: 0;
	margin-right: 0rem;
	padding-right: 0;
}
.display-flex-column .categoryList.basketItem_select li .form_answer .categoryName > a{
	display: inline-block;
	position: relative;
	top: 0.3rem;
	right: 0;
}

.displayNone {
	display: none !important;
}
/* end */

/* Clear */
.clearRight {
	clear: right;}
.clearNone {
	clear: none !important;}
.clearBoth {
	clear: both !important;}

/* Float */
.floatRight {
	float: right !important;}
.floatLeft {
	float: left !important;}
.floatNone {
	float: none !important;}

/* Align */
.alignCx {
	text-align: center !important;}

/* Accessibility */
.accessHidden, .accessShortcut, .tableHidden {
	position: absolute;
	left: -9990.9rem;
	top: -9990.9rem;}
.accessShortcut, .accessShortcut a {
	font-size: 0;
	color: transparent;}

/* Javascript disable */
.buttonSetNoJs {
	margin: 0.4rem 0;
	position: relative;
	text-align: center;
	z-index: 5010;}
.buttonSetNoJs button {
	background-color: var(--red30);
	border: 0.1rem solid var(--red30);
	border-radius: 0.3rem;
	color: var(--white);
	height: 3rem;
	padding: 0 0.5rem;
	vertical-align: middle;
	cursor: pointer;}
.noScript #mainToolbar .leftArea {
	position: relative;}
.noScript li.toolbar-button a {
	border: 0.1rem solid var(--grey50);
	border-radius: 0.5rem;
	display: inline-block;
	padding: 0.3rem;}

/* INLINE MESSAGE */

/* Alert message */
.alert {
	background: url("../png/error-iconviu7.png") no-repeat scroll 1rem center #FFBA88;
	border: 0.1rem solid var(--red30);
	border-radius: 0.5rem;
	color: var(--red10);
	display: block;
	line-height: 1.7rem;
	padding: 1.2rem 1.2rem 1.2rem 3.5rem;
	clear: right;}

	.alert li {
		list-style: disc;
		line-height: 2.4rem;
		margin-left: 1.6rem;
	}

div.form_answer_value > .alert {
	width: 30%;
	padding: 1rem 1rem 1rem 3.5rem;}

/*  fix alert  */
.Alert-bar {
	max-height: 6.5rem;
	max-height: 6rem;
	display: flex;
	place-items: flex-start;
	border-radius: 0;
	padding: 0.3rem 0.5rem 0.7rem 2.5rem;
	font-weight: 500;
	-webkit-box-align: center;
	margin: 0;
}

/* Important message */
.importantValue, .textAttention {
	background: none repeat scroll 0 0 var(--yellow40);
	background-image: none !important;
	border-radius: 0.3rem;
	color: var(--black);
	display: inline-block;
	padding: 0.4rem 0.8rem;}
.importantValue {
	margin-top: 1rem;
	padding: 0.8rem;
	width: 100%;}
.form_answer > .importantValue {
	margin-top: 0;
	width: auto;}
td.textAttention {
	margin-top: 0.5rem;}
tr.textAttention {
	display: table-row;}
.textAttention > a {
	color: var(--red20);}
.textAttention > a:hover {
	text-decoration: underline;}
.messageTitle .textAttention {
	display: inline;}

/* Standard message */
.message {
	background: url("../png/info6mpy.png") no-repeat scroll 1rem center #FFEDB6;
	border: 0.1rem solid var(--yellow30);
	border-radius: 0.5rem;
	padding: 1.2rem 1.2rem 1.2rem 3.5rem;
	margin-bottom: 0.5rem;
	color: var(--red20);
	line-height: 1.7rem;
	clear: right;
	width: 100%;
	align-items: center;}
td div.message {
	margin: 0;
	padding: 0.5rem 0 0.5rem 3.5rem;
	font-weight: bold;}

/* Btn into Standard message */
.list-message .searchTwinButton a {
	background: transparent;
	border: 0;
	height: 1.5rem;
	color: var(--red20);
	text-decoration: none;
	font-weight: bold;}
.list-message .searchTwinButton a:hover {
	text-decoration: underline;}

.messageInfo {
	color: var(--red20);}
.text--red{
	color: var(--red20);
}
/* OK message */
.messageOK {
	background: url("../png/infoOkrxip.png") no-repeat;
	border:none;
	line-height: 1.7rem;
	display: block;}
li.messageOK, tr.messageOK, td.messageOK {
	background-image: none;
	color: var(--grey20);
	margin-top: 0;}
li.messageOK {
	padding: 0;
	padding-left: 0.5rem;}
tr.messageOK, td.messageOK {
	padding: 0;
	display: table-row;}
td.messageOK {
	display: table-cell;}

:not(td) > .message, :not(td) > .alert, :not(td) > .messageOK {
	margin-bottom: 1rem;
	margin-top: 1rem;}
.formResponseInfo + .message {
	margin-top: -0.1rem;}

/* Error report */
.inputError {
	border: 0.2rem solid var(--red40) !important;
	position: relative;}

/* rule temporanea per annullare gli error su dialog */
.ba-dialog.inputError {
	border: unset !important;
	position: unset;}

/* Font italic */
.textEM {
	font-style: italic;
	font-weight: normal;}

/* Font bold */
.textB {
	font-weight: bold;}

/**  TEXT TRANSFORM NONE  **/
.txtNormal {
	text-transform: none!important;
}

.errorPage h2 {
	text-transform: none!important;
}

/** NEW RULES CSS V.22.1 **/
.sidebar {
	width: 22rem;
	height: 100%;
	position: fixed;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: var(--nav-primary-bg-color);
	box-shadow: 0 0 1rem 0 rgb(0 0 0 / 20%);
	font-size: 1.3rem;
	z-index: 10;
	transition: 0.5s width 0s ease;
}
.sidebar.open + .main {
	margin-left: 22rem;
}
.sidebar.closed {
	width: 6rem;
}
.detailPage-edit .main {
	margin-left: 0;
}

/* BUTTONS */
.ButtonBase {
	color: inherit;
	border: 0;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	outline: 0;
	padding: 0;
	position: relative;
	align-items: center;
	user-select: none;
	border-radius: 0;
	vertical-align: middle;
	-moz-appearance: none;
	justify-content: center;
	text-decoration: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

button:hover{
	cursor: pointer;
}

button.ButtonBase-standard {
	min-width: 8rem;
	max-width: none;
	height: 3rem;
	border: 0.2rem solid transparent;
	border-radius: 0.3rem;
	text-transform: none;
	padding: 0.5rem 2rem;
	letter-spacing: 0.02rem;
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: 400;
	transition: 0.3s;
	box-shadow: none;
}
.localeCapitalization button.ButtonBase-standard {
	text-transform: capitalize;
}
/*PRIMARY*/
button.Button-primary {
	border-color: var(--blue20);
	background-color: var(--blue20);
}
button.Button-primary .Button-label{
	color:var(--white);
}
button.Button-primary:hover {
	opacity: 0.8;
}
button.Button-primary.focusVisible,
button.Button-primary:focus {
	border-color: var(--black);
}

/*SECONDARY*/
button.Button-secondary {
	border:0.1rem solid var(--navy30);
	background-color: var(--white);
}
button.Button-secondary:after {
    content: "";
    width: calc(100% + 0.2rem);
    height: calc(100% + 0.2rem);
    display: block;
    position: absolute;
    top: -0.1rem;
    left: -0.1rem;
    border: 0.2rem solid transparent;
    border-radius: 0.3rem;
	transition: 0.3s;
}
.content-header .Accordion .toolbar-secondSide .Button-secondary {
    border-color: var(--white);
    background-color: var(--white);
}
button.Button-secondary:hover {
	background-color: var(--navy50);
}
button.Button-secondary.focusVisible:after,
button.Button-secondary:focus:after {
    border-color: var(--black);
}

/*DANGER*/
button.Button-danger {
	border-color: var(--red10);
	background-color: var(--red10);
}
button.Button-danger .Button-label{
	color:var(--white);
}
button.Button-danger:hover {
	box-shadow: #00000033 0 0.2rem 0.5rem 0;
}
button.Button-danger.focusVisible {
	border-color: var(--white);
	box-shadow: var(--red10) 0 0 0 0.2rem;
}

button.disabled{
	color: rgba(0, 0, 0, 0.26);
	pointer-events: none;
}
button.disabled .Button-label{
	color:var(--grey20);
}
/* ICON BUTTON */

.IconButton {
	flex: 0 0 auto;
	color: var(--black);
	overflow: visible;
	font-size: 1.6rem;
	text-align: center;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	border-radius: 0;
	z-index: 1;
}

.IconButton span{
	position: relative;
}

.IconButton span:first-child:before{
	content: "";
    width: 3rem;
    height: 3rem;
    display: block;
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    background: var(--navy50);
	border-radius: 0.3rem;
    z-index: -1;
	opacity: 0;
    transition: 0.3s;
}

/* .toolbar-secondSide .IconButton span:before, */
.nav-tool-section .IconButton span:before,
.config-stored-filter .IconButton span:before,
.filter-area .Accordion .IconButton span:before,
.sidebarCard-header .IconButton span:before,
.pagination-navigation .IconButton span:before,
.table_cnt_body_on .IconButton span:before{
	background: var(--white);
}

.Switch-FormControlLabel .Switch-root .IconButton span:before,
.MultiSelect-tagsWrap .Chip-root .Chip-deleteIcon .IconButton span:before,
.Checkbox span:first-child:before,
.InputBase-root .IconButton span:before,
.RadioButton span:first-child:before,
.content-toolbar .toolbar-firstSide .content-title .IconButton span:before,
.Accordion-container .dataElementTable .de_section_title .IconButton span:first-child:before,
.sidebarCard-header-accordion .IconButton span:before{
	display: none;
}

.Accordion-container .dataElementTable .de_section_title button.IconButton:hover svg{
	fill: var(--black);
}

.highcharts-button-normal .highcharts-button-box, .highcharts-button-hover .highcharts-button-box{
	x: -6.5;
    y: -5.9;
	transition: 0.3s;
}

.content-header .toolbar-secondSide .button-placeholder button {
    margin-right: 1rem;
}

.content-header .toolbar-secondSide .button-placeholder .SplitButton button {
    margin-right: 0;
}


.IconButton span.ICON-LABELHELP:before{left: 0;}
.IconButton span.ICON-HISTORY:before{left: 0.1rem;}

.IconButton:hover span:before{
	opacity: 1;
}

.IconButton-label {
	width: 100%;
	display: flex;
	align-items: inherit;
	justify-content: inherit;
}
.IconButton-label p{
	padding-left: 0.5rem;
	color: var(--blue20);
}
.IconButton:hover .IconButton-label {
	text-decoration: underline;
}
button.IconButton:hover svg {
	fill: var(--blue20);
}
.SvgSize16 svg, .SvgSize16 img {
	width: 1.6rem;
	height: 1.6rem;
}
.SvgSize20 svg, .SvgSize20 img {
	width: 2rem;
}
.SvgSize24 svg, .SvgSize24 img {
	width: 2.4rem;
}
.SvgSize32 svg, .SvgSize32 img {
	width: 3.2rem;
}
.IconButton svg {
	fill: var(--black);
}
.IconButton:hover svg {
	fill: var(--black);
}
.ButtonBase.IconButton.focusVisible .IconButton-label {
	border-radius: 50%;
	background-color: var(--grey50);
}
.ButtonBase.IconButton.focusVisible.RadioButton .IconButton-label, .ButtonBase.IconButton.focusVisible.Checkbox .IconButton-label {
	border-radius: unset;
	background-color: unset;
}
.ButtonBase.IconButton.focusVisible svg {
	fill: var(--black);
}

/* CHECKBOX */
.FormControlLabel {
	max-width: 60rem;
	display: flex;
	margin: 1rem 1rem 1rem 0;
	align-items: center;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
.Checkbox.IconButton {
	width: 2rem;
	flex: 0 0 auto;
	align-self: start;
	padding: 0;
	margin: -0.2rem 1.2rem 0 0;
	border-radius: 50%;
	overflow: visible;
	font-size: 1.6rem;
	text-align: center;
	line-height: 0;
	color: rgba(0, 0, 0, 0.54);
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.Checkbox .IconButton-label {
	width: 2rem!important;
	height: 2rem!important;
	display: flex!important;
	justify-content: inherit;
	align-items: inherit;
	border: 0.1rem solid var(--grey40);
	background-color: var(--white);
	padding: 0;
}
.Checkbox:hover .IconButton-label {
	background-color: var(--white);
	border-color: var(--blue20);
}
.Checkbox .IconButton-label svg{
	width: 1.6rem;
	height: 1.6rem;
}
.Checkbox.focusVisible .IconButton-label {
	background-color: var(--white);
	border:0.2rem solid var(--blue20);
	border-radius: 0;
}
.Checkbox input[type="checkbox"] {
	height: 2.3rem!important;
}

.Checkbox input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	z-index: 1;
	cursor: inherit;
}
.IconButton.Checkbox-checked .IconButton-label {
	background-color:var(--blue20);
	border-color: var(--blue20);
}
.IconButton.Checkbox-checked:hover .IconButton-label {
	background-color: var(--white);
	border-color: var(--blue20);
}
.IconButton.Checkbox-checked svg {
	fill: var(--white);
}
.IconButton.Checkbox-checked:hover .IconButton-label svg {
	fill: var(--blue20);
}
.IconButton.Checkbox-error .IconButton-label {
	width: 2rem;
	height: 2rem;
	border: 0.1rem solid var(--red10);
	background-color: var(--white);
}

.IconButton.Checkbox-disabled .IconButton-label svg {
	fill: var(--grey10);
}

.IconButton.Checkbox-disabled .IconButton-label {
	background-color: var(--grey40);
	border: none;
}

.IconButton.Checkbox-disabled {
	color: rgba(0, 0, 0, 0.38);
	pointer-events: none;
}

/* checkbox align to center */
.tdCheckbox.tdXS .Checkbox.IconButton{
	margin-right: 0;
}
.containerDetail .internalFormDiv .tablewrap-root .list-tbody td.tdXS.tdCheckbox {
    padding: 1.7rem 1.2rem 1.2rem 1rem;
}

.containerDetail .list-table .ButtonBase.IconButton.Checkbox {
    display: block;
    margin: auto;
}

/* SPLIT BUTTON */
.SplitButton{
	display: flex;
}
button.SplitButton{
	min-width: auto;
	padding: 0.5rem;
	border-left: 0.1rem solid var(--white);
}
button.SplitButton.Button-primary svg {
	fill: var(--white);
}

.SplitButton button.Button-container {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-right: 0;
}


.SplitButton .SplitButton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	border-left: 0.1rem solid var(--navy30);
}
.SplitButton .SplitButton span:first-child:before {
	width: 2.8rem;
    height: 2.7rem;
    top: -0.3rem;
	left: -0.4rem;
}
.SplitButton .SplitButton:focus:after {
    border-color: transparent;
}

/* COUNTER */
.counter {
	width: min-content;
	min-width: 2rem;
	height: 2rem;
	border-radius: 1rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 0.5rem;
	font-size: 1.2rem;
}

.counter.primary {
	background-color: var(--blue20);
	color: var(--white);
}

/* DROPDOWN */
.Menu-paper {
	box-shadow: rgba(0,0,0,0.2) 0 0.2rem 0.5rem 0;
}
.Popover-paper {
	width: auto;
	min-width: 1.6rem;
    max-width: 54rem;
	min-height: 1.6rem;
	max-height: 25rem;
	/*position: fixed;  commented fixed and restored "absolute" since this "fix" for JAISS-19779 introduced a regression causing JAISS-19847, to be reviewed by Trunzo*/
	position: absolute;
	background-color: var(--white);
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
	z-index: 3;
}

.toolbar-root.floating.sticky-secondary .Popover-paper,
.button-wrap .Popover-paper, 
.button-placeholder .Popover-paper{
	position: absolute;
}

.FormField .Popover-root {
	width: 100%;
}
.FormField .Popover-root .Popover-paper {
	width: 100%;
}
.Menu-list.Action-menu {
	min-width: 20rem;
	max-width: 30rem;

}
.Menu-list.Select-list {
	min-width: 10rem;
	max-width: 100%;
	padding: 0.5rem 0;
}
.Menu-list {
	outline: 0;
}

.Menu-list.Action-menu .ListItem-root {
	flex: 1 100%;
    overflow: visible;
	text-overflow: unset;
    white-space: break-spaces;
}
.Menu-list.Action-menu .ListItem-root a span {
    line-height: 1.2;
}

.List-root {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.MenuItem-root {
	width: auto;
	min-height: 4.8rem;
	font-size: 1.3rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	box-sizing: border-box;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.00938em;
	white-space: nowrap;
	overflow: hidden;
}

.ListItem-root:hover, .ListItem-root.Mui-selected, .ListItem-root.focusVisible, .ListItem-root.Mui-focused, .ListItem-root.Mui-selected:hover {
	border-left-color: var(--accent-color);
	background-color: var(--grey50);
	text-decoration: none;
	cursor: pointer;
}
.ListItem-root {
	min-height: 3.1rem;
	display: block;
	-webkit-box-pack: justify;
	justify-content: space-between;
	border-left: 0.3rem solid transparent;
	font-size: 1.3rem;
	color: var(--black);
	text-align: left;
	text-transform: none;
	padding-left: 1rem;
	overflow: hidden;
	white-space: nowrap;
}
.localeCapitalization .ListItem-root {
	text-transform: capitalize;
}
.ListItem-root a span{
	width: auto;
	max-width: unset;
	height: 100%;
	margin-left: -0.3rem;
	display: block;
	padding: 0.5rem 1rem 0.5rem 1rem;
    overflow-x: hidden;
	text-overflow: ellipsis;
}
.ListItem-root a {
	color: var(--black);
}
.ListItem-root a:hover {
	text-decoration: none;
}
.Hidden {
	visibility: hidden;
	overflow: hidden;
	height: 0;
	width: 0;
}

/* FORM */
input::placeholder {
	width: auto;
	height: 2rem;
	color: var(--grey20);
	font-size: 1.3rem;
	letter-spacing: 0.02rem;
	line-height: 2rem;
}
.InputBase-root {
	width: 100%;
	height: 4rem;
	min-height: 4rem;
	display: inline-flex;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	background-color: var(--white);
	border: 0.1rem solid var(--grey40);
	border-radius: 0;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.1876em;
	letter-spacing: 0.00938em;
	color: rgba(0, 0, 0, 0.87);
	cursor: text;
	transition: 0.3s;
}
.InputBase-input {
	width: 100%;
	min-width: 0;
	height: auto;
	display: block;
	margin: 0;
	background: none;
	border: 0;
	box-sizing: content-box;
	-webkit-tap-highlight-color: transparent;
	font: inherit;
	padding: 0.9rem 1.5rem;
	font-size: 1.3rem;
	line-height: 2rem;
	letter-spacing: inherit;
	color: currentColor;
	text-overflow: ellipsis;
	animation-duration: 10ms;
}

.InputBase-root:hover {
	border: 0.1rem solid var(--black);
}

#storedFilterId{
	outline: 0.1rem solid transparent;
	transition: 0.2s;
}

.InputBase-root.focusVisible, #storedFilterId:focus{
	outline: 0.1rem solid var(--black);
}

.format_Hour .InputBase-root input:focus {
	border: 0.18rem solid var(--black);
}

.InputBase-root.focusVisible input::placeholder {
	color: var(--black);
}
.InputBase-root.InputBase-opened {
	box-shadow: rgba(0,0,0,0.2) 0 0.2rem 0.5rem 0;
	border: 0;
}
.InputBase-root.InputBase-opened:hover{
	border: 0;
}

.InputBase-root select, li.FormField select {
	width: 100%;
}
.InputBase-root select {
	border: none;
}
.FormField-Label .IconButton .IconButton-label {
	padding: 0;
}
.Input-Disabled{
	pointer-events: none;
}
.Input-Disabled input {
	background: var(--grey50);
	pointer-events: none;
}
.filter-line .InputBase-root.Input-Disabled input {
	height: auto;
	min-width: 16.8rem;
}
.InputBase-root.Input-Error {
	border: 0.1rem solid var(--red10);
}
.attachTag_left.Input-Error, .attachTag_standard.Input-Error {
	border: 0.1rem solid var(--red10);
}

.sayt-tag.Input-Error {
	border: 0.1rem solid var(--red10);
}
.supplier-registration-nowrap .Input-Error + div {
    display: block;
    position: absolute;
	margin: auto;
    right: 0;
}
.supplier-registration-nowrap #alertof_1 svg{
    top: 1rem;
}

.Error-Message {
	width: 8.1rem;
	height: 2rem;
	font-size: 1.2rem;
	line-height: 2rem;
	color: var(--red10);
	letter-spacing: 0.02rem;
}
.Error-Icon > svg {
	fill: var(--red10);
}

.InputBase-root .ButtonBase .IconButton-label {
	padding: 1rem 1rem 1rem 0;
}




.FormField-Label-Action {
	flex-grow: 1;
	text-align: right;
}
.InputBase-root.inputWidthIcon .SvgSize16{
	position: absolute;
    top: 1.1rem;
    right: 0.9rem;
}

.InputBase-root.inputWidthIcon .InputBase-input {
    padding: 0.9rem 3rem 0.9rem 1.5rem;
}

.format_Hour .Error-Message {
	width: auto;
	height: auto;
    display: block;
	line-height: 1.4rem;
	padding-top: 0.3rem;
}

/* New version for Select Business Units  */
.multi-selection-tree .FormField .headerBlock .wrapperButton a{
	font-weight: 400;
	line-height: 1.7rem;
}

.FormField .headerBlock {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	place-items: flex-end;
	flex-wrap: wrap;
	padding-bottom: 0.3rem;
}
.FormField .headerBlock.customLink .important-button{
	position: absolute;
	top: -0.2rem;
	right: 0;
}

.FormField .headerBlock label {
	flex: 1;
}
.FormField .headerBlock .wrapperButton {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	flex: 1;
	gap: 1rem;
}
.FormField .headerBlock button {
	background: none;
	border: none;
	color: var(--blue20);
}
.FormField .headerBlock button:not(:last-child) {
	margin-right: 1rem;
}

.FormField.FormField-medium .headerBlock .wrapperButton {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.FormField.FormField-medium .headerBlock label{
	flex: 1 100%;
}

/* TEXTAREAN IN FORM */
.InputBase-root.InputBase-TextArea {
	height: 12rem;
	align-items: flex-start;
	overflow: hidden;
	resize: vertical;
}

.InputBase-root.InputBase-TextArea textarea.textarea {
	width: 100%;
    min-height: 12rem;
	height: 100%;
}

/* TEXTAREAN IN TABLE */
td .InputBase-root.InputBase-TextArea {
	height: 4rem;
	align-items: flex-start;
	overflow: hidden;
	resize: vertical;
}

td .InputBase-root.InputBase-TextArea textarea.textarea {
    min-height: 4rem;
	height: 100%;
}

	.InputBase-root.InputBase-TextArea.Input-Error,
.dijitReset.dijitInputField.dijitInputContainer.Input-Error {
	border: 0.1rem solid var(--red10);
}

.formResponseElement .FormPreview tr td .InputBase-root.InputBase-TextArea textarea{
	resize: vertical;
}

/* textarea disable */
.InputBase-TextArea.Input-Disabled{
	max-height: 3rem;
}


/*  FORMAT TABLE DETAIL  */
.formResponseElement .formResponseElementTitle .left .section-header.heading-3 {
    background-color: var(--navy40);
    padding: 1.8rem 0 2rem 0;
}
.containerDetail .formResponseElement .formResponseElementCnt .FormPreview .table_cnt_head,
.formResponseElement .formResponseElementCnt .FormPreview tbody .table_cnt_head th {
	background-color: var(--grey50);
}

.accordionTh th {
	padding: 0;
}

.formResponseElement .formResponseElementCnt .FormPreview .section-title {
    padding: 0.3rem 2rem 0rem 2rem;
}
.formResponseElement .formResponseElementCnt .FormPreview .section-title h3 .collapseNode > span{
	vertical-align: middle;
}

.formResponseElement .formResponseElementCnt h3 .collapseNode,
.formResponseElement .formResponseElementCnt h4 .collapseNode{
	display: flex;
    align-content: center;
}

.counterText{
	color: var(--grey20);
}
.Input-Disabled textarea.textarea {
	background: var(--grey50);
	pointer-events: none;
	resize: none;
}
.InputBase-root.InputBase-TextArea:after {
	content: "";
	width: 2rem;
	height: 2rem;
	background-color: var(--grey40);
	position: absolute;
	right: -1rem;
	bottom: -1rem;
	z-index: 1;
	pointer-events: none;
	transform: rotate(-45deg);
}
.InputBase-root.InputBase-TextArea:hover:after{
	background-color: var(--black);
}
.FormField-button{
	height: 2.5rem;
	position: absolute;
	right: 0;
	display: flex;
	align-items: flex-end;
}
.FormField-button > a + a {padding-left: 1rem}

/* SEGMENTED BUTTON */

.ToggleButtonGroup {
	display: inline-flex;
}
.ToggleButtonGroup .ButtonBase:not(:last-child) {
	margin-right: 0.2rem;
}
.ToggleButtonGroup .ButtonBase {
	width: 100%;
	height: auto;
	min-height: 3rem;
	background-color: var(--grey50);
	border: 0.2rem solid transparent;
	color: var(--black);
	text-transform: initial;
	min-width: 12rem;
}
.ToggleButtonGroup.ToggleButtonGroup-white .ButtonBase {
	background-color: var(--white);
}
.ToggleButtonGroup .ButtonBase:hover {
	background-color: var(--blue20);
	color: var(--white);
}

.ToggleButtonGroup .ButtonBase.selected {
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1) 0s;
	background-color:var(--blue20);
	color: var(--white);
}

.ToggleButtonGroup .ButtonBase.focusVisible {
	border: 0.2rem solid var(--blue20);
}

.ToggleButtonGroup-small .ButtonBase{
	min-width: 6rem;
}

/* SELECT */
.Select-Input {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
}
.Select-placeholder {
	font-size: 0.8125rem;
	letter-spacing: 0.0125em;
	color: var(--grey20);
	overflow: hidden;
	text-overflow: ellipsis;
}
.Select-root {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 0;
	background-color: rgb(255, 255, 255);
	padding: 1rem 1.5rem;
	text-transform: none;
	line-height: 2rem;
}
.localeCapitalization .Select-root {
	text-transform: capitalize;
}
.Select-selectMenu {
	height: auto;
	min-height: 1.1876em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.Select-select {
	width: 100%;
	min-width: 1.6rem;
	height: 100%;
	user-select: none;
	cursor: pointer;
}
.Select-icon {
	margin: 1rem 1rem 1rem 0;
}

.MultiSelect-option{
	max-width: calc(100% - 2.5rem);
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.MultiSelect-selectedIcon{
	display: inline-block;
	position: absolute;
	right: 1.6rem;
	margin-top: 0.2rem;
}
.MultiSelect-tagsWrap{
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem;
}



#notificationBar.Alert-root.Alert-bar {
	position: sticky;
	top:0;
	z-index: 5;
}

.Alert-root {
	min-width: 30rem;
	min-height: 4rem;
	display: flex;
	column-gap: 1rem;
	position: relative;
	margin: 0;
	border-radius: 0;
	background-color: var(--grey50);
	border: 0.1rem solid var(--grey40);
	border-left: none;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.43;
	padding: 0.7rem 2rem;
	text-align: left;
	letter-spacing: 0.01071em;
}

.Alert-icon {
	position: relative;
	top: 0.1rem;
	margin: 0;
	padding: 0;
	opacity: 0.9;
}

.Alert-root .Alert-action svg, .Alert-root .ButtonBase svg, .Alert-icon svg{
	width: 2rem;
	height: 2rem;
}

.Alert-info .Alert-icon svg {
	fill: var(--blue20);
}
.Alert-info.no-minWidth{
	min-width: auto;
}
.Alert-success .Alert-icon svg {
	fill: var(--green10);
}
.Alert-warning .Alert-icon svg {
	fill: var(--yellow20);
}
.Alert-error .Alert-icon svg {
	fill: var(--red10);
}

.Alert-info::before {
	content: "";
	width: 0.3rem;
	height: calc(100% + 0.2rem);
	background: var(--blue20);
	display: block;
	position: absolute;
	top: -0.1rem;
	left: 0;
}
.Alert-success::before {
	content: "";
	width: 0.3rem;
	height: calc(100% + 0.2rem);
	display: block;
	position: absolute;
	top: -0.1rem;
	left: 0;
	background: var(--green10);
}
.Alert-warning::before {
	content: "";
	width: 0.3rem;
	height: calc(100% + 0.2rem);
	display: block;
	position: absolute;
	top: -0.1rem;
	left: 0;
	background: var(--yellow20);
}
.Alert-error::before {
	content: "";
	width: 0.3rem;
	height: calc(100% + 0.2rem);
	display: block;
	position: absolute;
	top: -0.1rem;
	left: 0;
	background: var(--red10);
}

.Alert-message span {
	font-size:1.3rem;
	line-height: 1.3;
	letter-spacing: 0.0125rem;
	font-weight: 400;
	color: var(--black);
}

.Alert-message .Alert-link{
	min-width: 4rem;
	display: block;
	margin:0 1rem;
	text-decoration: underline;
}

.Alert-root .Alert-message-container {
	display: flex;
	place-content: space-between;
	place-items: flex-start;
}

.Alert-root .Alert-message-container .Alert-link {
	line-height: unset;
}

.Alert-message .IconButton{
	top: -0.1rem;
}

.Alert-message a{
	text-decoration: underline;
}
.Alert-message {
	flex-grow: 1;
	display: flex;
	align-items: flex-start;
	padding: 0.3rem 0 0 0;
}

.content-page .Alert-root .Alert-message {
	padding: 0.4rem 0 0 0;
}

.Alert-message > span{
	flex-grow: 1;
}
.Alert-barInfo {
	background-color: var(--blue20);
	color: var(--white);
}
.Alert-barSuccess {
	background-color: var(--green10);
	color: var(--white);
}
.Alert-barError {
	background-color: var(--red10);
	color: var(--white);
}
.Alert-barWarning {
	background-color: var(--yellow20);
	color: var(--black);
}
.Alert-barInfo .IconButton svg, .Alert-barInfo .Alert-icon svg, .Alert-barInfo button.IconButton:hover svg {
	fill: var(--white);
}
.Alert-barSuccess .IconButton svg, .Alert-barSuccess .Alert-icon svg, .Alert-barSuccess button.IconButton:hover svg {
	fill: var(--white);
}
.Alert-barError .IconButton svg, .Alert-barError .Alert-icon svg, .Alert-barError button.IconButton:hover svg {
	fill: var(--white);
}
.Alert-barWarning .IconButton svg, .Alert-barWarning .Alert-icon svg, .Alert-barWarning button.IconButton:hover svg {
	fill: var(--black);
}
.Alert-bar .Alert-message span, .Alert-bar .Alert-message a {
	color: var(--white);
}
.Alert-barWarning .Alert-message span, .Alert-barWarning .Alert-message a {
	color: var(--black);
}

.Alert-wrap {
	position: relative;
}
.Alert-wrap .Alert-bar {
	width: 100%;
	display: flex;
	place-items: center;
	position: absolute;
	z-index: -1;
}
.Alert-wrap .Alert-bar.Alert-active{
	z-index: 1;
}
.Alert-nav{
	display: flex;
	place-items: center;
	white-space: nowrap;
}

/*  ALERT IN PAGE */
.content-page .Alert-root {
	margin: 2rem;
}
.content-page .treeResult-list .Alert-root {
	margin: 2rem 0;
}
.containerList .Alert-root{
	margin: 2rem;
}
.content-page .Accordion-container .Alert-root{
	margin-left: 0;
	margin-right: 0;
}

.dijitDialogPaneContentText .Alert-root{
    margin-bottom: 2.5rem;
}

/* ellipsis in alert bar*/
.Alert-bar .Alert-message {
	max-width: calc(100% - 2.5rem);
	justify-content: space-between;
	padding: 0.4rem 0 0 0;
}
.Alert-bar .Alert-message .bars-dialog-btn{flex: unset;}
.Alert-bar .Alert-message .bars-dialog-btn a{line-height: 1.7rem;}
.Alert-bar .Alert-message .Alert-message-container{
	flex: 2;
	display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 2rem;
}

.Alert-bar .Alert-message a {
    line-height: 1.6rem;
}

/*Radio Button*/
.RadioButton {
	width: 2rem;
	height: 2rem;
	border: 0.1rem solid var(--grey40);
	padding: 0;
	margin-right: 1rem;
	border-radius: 50%;
	background-color: var(--white);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.FormControlLabel-root {
	display: inline-flex;
	align-items: flex-start;
	vertical-align: middle;
	margin: 0;
	cursor: pointer;
}
.RadioButton input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	cursor: inherit;
	z-index: 1;
	opacity: 0;
}
.RadioButton-checked {
	color: var(--blue20);
}
.RadioButton-dot{
	opacity: 0;
}
.RadioButton-checked .RadioButton-dot {
	width: 1.2rem;
	height: 1.2rem;
	display: block;
    position: absolute;
    left: 50%;
	background-color: var(--blue20);
	border: 0.1rem solid var(--blue20);
	border-radius: 50%;
	transform: translateX(-50%);
	opacity: 1;
}
.RadioButton .IconButton-label {
	padding: 0;
	position: initial;
}
.RadioButton:hover {
	border: 0.1rem solid var(--blue20);
	background-color: rgba(63, 81, 181, 0.04);
}

.RadioButton-error, .RadioButton-error:hover {
	border: 0.1rem solid var(--red20);
}
.RadioButton.focusVisible{
	border: 0.2rem solid var(--blue20);
	background-color: rgba(63, 81, 181, 0.04);
}

.RadioButton.disabled:not(.RadioButton-checked) {
	background: var(--grey40);
	pointer-events: none;
}
.RadioButton.disabled {
	color: rgba(0, 0, 0, 0.26);
}

.RadioButton.disabled.RadioButton-checked .RadioButton-dot {
	background-color: var(--grey40);
	border: 0.1rem solid var(--grey40);
}


/*STATUS*/
.status-root {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.5rem;
}
.status-icon {
	width: 1rem;
	min-width: 1rem;
	height: 1rem;
	border-radius: 0.5rem;
}
.status-root.tick > .status-icon {
	width: auto;
	height: auto;
}

/*  BADGE CODE 25.3  */
.badge {
	width: 100%;
	max-width: max-content;
	display: block;
	border: 0.1rem solid var(--grey20);
	border-radius: 3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0.3rem 1rem;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.8rem;
	text-align: center;
	color: var(--grey20);
}

.badge a{
	color: inherit;
	line-height: 1.8rem;
	letter-spacing:0;
}

td .badge {
	margin-top: -0.5rem; /*vertical alignment inside tables*/
}

/*special situation when forcing using "yellow" badge in extra status string as fallback, so remove padding/margin and avoid multi line*/
#titleToolbar .badge.badge-extra-status-fallback > * {
	display: inline-flex;
	padding: 0;
	margin: 0;
}

.badge.badge-green{
	border-color: var(--green05);
	background-color: var(--green50);
	color: var(--green05);
}

.badge.badge-blue{
	border-color: var(--blue05);
	background-color: var(--blue50);
	color: var(--blue05);
}

.badge.badge-red{
	border-color: var(--red05);
	background-color: var(--red50);
	color: var(--red05);
}

.badge.badge-yellow{
	border-color: var(--yellow05);
	background-color: var(--yellow50);
	color: var(--yellow05);
}

.badge.badge-purple{
	border-color: var(--purple05);
	background-color: var(--purple50);
	color: var(--purple05);
}

.badge.badge-teal{
	border-color: var(--teal05);
	background-color: var(--teal50);
	color: var(--teal05);
}

.badge.badge-pink{
	border-color: var(--pink05);
	background-color: var(--pink50);
	color: var(--pink05);
}

.badge.badge-navy{
	border-color: var(--navy05);
	background-color: var(--navy50);
	color: var(--navy05);
}

.badge.badge-orange{
	border-color: var(--orange05);
	background-color: var(--orange50);
	color: var(--orange05);
}

.badge.badge-magenta{
	border-color: var(--magenta05);
	background-color: var(--magenta50);
	color: var(--magenta05);
}

.badge.badge-olive{
	border-color: var(--olive05);
	background-color: var(--olive50);
	color: var(--olive05);
}

.badge.badge-turquoise{
	border-color: var(--turquoise05);
	background-color: var(--turquoise50);
	color: var(--turquoise05);
}

.badge.badge-grey{
	border-color: var(--grey05);
	background-color: var(--grey50);
	color: var(--grey05);
}

.badge.badge-tan{
	border-color: var(--tan05);
	background-color: var(--tan50);
	color: var(--tan05);
}

/*WIZARD*/
.wizard-root {
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--blue50);
	border-bottom: 0.1rem solid var(--grey40);
	position: relative;
	overflow: hidden;
	z-index: 1;
}

/*Additional Sidebar*/
.additionalSidebar {
	background-color: var(--grey50);
	overflow-y: auto;
	overflow-x: hidden;
}
.additionalSidebar.collapsed {
	overflow-y: hidden;
}

.additionalSidebar.collapsed .sidebarCard-content,
.additionalSidebar.collapsed .sidebarCard-header-accordion h2,
.additionalSidebar.collapsed .sidebarCard-header-accordion .icon-only.additional-sidebar-accordion-opener {
	display: none;
}

.additionalSidebar.fixed.open {
	width: auto;
}
.additionalSidebar.collapsed .sidebarCard {
	margin-left: -34rem;
}
main .additionalSidebar.collapsed .sidebarCard {
	margin-left: -30rem;
}
@media screen and (max-width:1365px){
	main .additionalSidebar.collapsed .sidebarCard {
		margin-left: -22rem;
	}
	.additionalSidebar.with-scroll.open .sidebarCard {
		width: 24.5rem;
	}
}

main .additionalSidebar .sidebarCard {
	transition: margin-left ease-out 0.5s;
}

main .additionalSidebar.collapsed .additional-sidebar-opener span svg {
	transform: rotate(180deg);
}

.additionalSidebar .sidebarCard .sidebarCard-content .messageBreadcrumbs {
    height: auto;
}

.sidebarCard {
	width: 34rem;
	padding: 1rem 1.3rem 2rem 2rem;
}
@media screen and (max-width:1365px){
	.sidebarCard {
		width: 26rem;
	}
}

/************************************************************
    INDEX SIDEBAR
/***********************************************************/

section.nav-index {
	width: 30rem;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 1.6rem;
	overflow-y: auto;
}

section.nav-index:after {
	content: "";
	width: 0.2rem;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: var(--grey50);
	z-index: -2;
}

.nav-index + .additionalSidebar + .containerDetail {
	max-width: calc(100% - 64rem);
}

.nav-index + button + button + .containerDetail {
	max-width: calc(100% - 30rem);
}

.nav-index + .additionalSidebar.fixed {
	margin-left: 30rem;
}

section.nav-index.fixed {
	position: fixed;
}

.nav-index.fixed + .additionalSidebar, .nav-index.fixed + button + button + .containerDetail {
	margin-left: 30rem;
}

.nav-index.fixed + .additionalSidebar.fixed + .containerDetail {
	margin-left: 64rem;
}

.nav-index + .additionalSidebar.collapsed + .containerDetail {
	max-width: calc(100% - 34rem);
	margin-left: 0rem;
}

.nav-index.fixed + .additionalSidebar.fixed.collapsed + .containerDetail {
	margin-left: 34rem;
}

.nav-index li.nav-index-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	line-height: 1.2rem;
	padding-bottom: 1.5rem;
}

.nav-index li.nav-index-container .nav-index-container-text {
	padding-left: 0.4rem;
	line-height: 1.6rem;
}

.nav-index-item {
	min-height: 3rem;
	display: flex;
	place-items: flex-start;
	align-items: center;
	column-gap: 0.5rem;
	position: relative;
}

.nav-index-item-label {
	width: 100%;
	height: 100%;
}

.nav-index-item:before {
	content: "";
	width: calc(100% + 3.6rem);
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: -2rem;
	background: transparent;
	z-index: -1;
}

.nav-index-item.item-selected {
	font-weight: 600;
}

.nav-index-item.item-selected:before {
	background: var(--blue50);
	border-right: 0.2rem solid var(--accent-color);
}

.nav-index-item:hover:before {
	background: var(--grey50);
	border-right: 0.2rem solid var(--accent-color);
}

.nav-index .nav-index-header h2 {
	line-height: 3rem;
}

.nav-index .nav-index-menu {
	padding-top: 1.2rem;
}

span.nav-index-item-status {
	display: flex;
}

span.nav-index-item-status span {
	display: flex;
	place-self: center;
	margin-left: 0.5rem;
}

.nav-index-item-status span.js_svg {
	display: none;
}

.nav-index-item-status span.js_svg svg {
	width: 1.6rem;
	height: 1.6rem;
	display: block;
}

.nav-index-item-status .loader-root {
	display: none;
}

.nav-index-item-status.item-success span.success-icon.js_svg {
	display: inline;
}
.nav-index-item-status.item-partial span.partial-icon.js_svg {
	display: inline;
}

.nav-index-item-status.item-failure span.failure-icon.js_svg {
	display: inline;
}

.nav-index-item-status.item-success span.success-icon svg {
	fill: var(--green10);
}

.nav-index-item-status.item-partial span.partial-icon svg {
	fill: var(--grey30);
}

.nav-index-item-status.item-failure span.failure-icon svg {
	fill: var(--red10);
}

.nav-index-item-status.item-loading .loader-root {
	display: flex;
}

.nav-index-item-status.item-loading svg.MuiCircularProgress-svg {
	display: block;
	width: unset;
	height: unset
}

.nav-index-container-label {
	flex: 1 100%;
	display: flex;
	padding-bottom: 0.5rem;
	cursor: pointer;
}

.nav-index-container-label.nav-index-empty {
	cursor: text;
}

.nav-index-container .ButtonBase.IconButton,
.nav-index-container-label .ButtonBase.IconButton {
	top: -0.3rem;
}

.nav-index-container-label span.ICON-MOVE_DOWN:before {
	display: none;
}

.nav-index-container .nav-index-subMenu {
	width: 100%;
	margin-left: 1.8rem;
}

.nav-index-subMenu .nav-index-item {
	line-height: 1.2;
}

button.nav-index-section-opener.off {
	transform: rotate(-90deg);
}

.nav-index-container-label button {
	flex-basis: min-content;
	transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.nav-index-item-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	place-items: flex-start;
	column-gap: 0.6rem;
	padding: 0.5rem 0;
}

.nav-index-item-label a:hover {
	text-decoration: none;
}

.nav-index-item-label a {
	width: 100%;
	height: 100%;
	display: block;
	color: var(--black);
	line-height: 1.7rem;
}

.hamburger-menu {
	cursor: pointer;
	display: none;
	flex-direction: column;
	width: 30px;
	margin: 0;
	height: fit-content;
}

.hamburger-menu div {
	background-color: var(--grey15);
	height: 3px;
	margin: 2px 0;
	transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s cubic-bezier(0.4,0,0.2,1);
}

.hamburger-menu.open > div {
	visibility:hidden;
	opacity:0;
}
.hamburger-menu.open > div:first-child {
	visibility:inherit;
	opacity:1;
	transform: translateY(11px) rotate(45deg);
}
.hamburger-menu.open > div:last-of-type {
	visibility:inherit;
	opacity:1;
	transform: translateY(-10px) rotate(-45deg);
}

.accessibility .hamburger-menu:focus > div {
	background-color: var(--grey15) !important;
}

@media screen and (max-width: 767px) {
	.hamburger-menu {
		display: flex;
	}
	.nav-index-collapsed {
		display:none;
	}
}

/* J1P INTEGRATION (ONBOARDING, SUPPLIER PROFILE */
body.j1p-integration #titleToolbar  {
	display: none;
}
body.j1p-integration.j1p-with-title-toolbar #titleToolbar   {
	display: flex !important;
}


body.j1p-integration main {
	position: absolute;
	left: 30rem;
	height: calc(100vh - 10rem);
	width: calc(100% - 30rem);
	overflow-y: auto;
}

body.j1p-integration.j1p-tree-hidden main {
	left: unset;
	width: calc(100% - 6rem);
}


body.j1p-integration.j1p-tab-shown  main {
	top: unset;
}

body.j1p-integration.j1p-toc-inside-detail  main {
	top: 20rem;
	height: calc(100vh - 20rem);
}

.j1p-toolbar-over-toc {
	position: absolute !important;
	top: 15.1rem !important;
	left: 36rem;
	width: calc(100% - 36rem) !important;
	overflow-y: auto;
}

body.j1p-integration {
	overflow-y: hidden;
}

body.j1p-integration #notificationBar.Alert-root.Alert-bar {
	position: fixed;
	width: 100%;
}

.j1p-whole-container #j1p-asset + #main .cntDetail {
	width: calc(100% - 36rem);
	height: calc(100vh - 15.1rem);
	left: 36rem;
}

/** j1p-asset: space corresponding to MFE content, temporary set by these classes (then removed at MFE loading completion) */
body.j1p-integration #j1p-asset.j1p-top-level-1 {
	height: 5.1rem;
}
body.j1p-integration #j1p-asset.j1p-top-level-2 {
	height: 10.1rem;
}
body.j1p-integration #j1p-asset.j1p-top-level-3 {
	height: 15.1rem;
}
/**j1p-asset space: end */

body.j1p-integration .content-page {
	width: calc(100% - 2rem);
}
body.j1p-integration.j1p-tree-hidden .j1p-whole-container #j1p-asset + #main .cntDetail {
	width: calc(100% - 6rem);
	left: unset;
}


/* TOC */
body.j1p-integration section.additionalSidebar.open, body.j1p-integration section.additionalSidebar.open .sidebarCard {
	max-width:30rem;
}

body.j1p-integration section.additionalSidebar.j1p-fixed-toc {
	position: sticky;
	top: 0;
	height: calc(100vh - 15.1rem) !important;
}
body.j1p-integration .additionalSidebar + .containerDetail {
	width: 100%;
	padding: 0;
}



body.j1p-integration #main .cntDetail.j1p-smooth {
	scroll-behavior: smooth;
}

/* END J1P INTEGRATION */

/*Content*/
.sidebarCard .sidebarCard-content ul li .form_question{
	height: auto;
	color: var(--black);
    font-weight: 500;
    line-height: 1.4;
}

.sidebarCard.quickNavigation {
	background: var(--grey50);
	z-index: 1;
}

.sidebarCard-content {
	width: 100%;
	background: var(--white);
	padding: 1rem 2rem;
	box-shadow: 0 0.2rem 0.5rem 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}

.sidebarCard-content ul li .trsxButtonClass {
    margin-top: -0.5rem;
}

.additionalSidebar.collapsed .sidebarCard .sidebarCard-content {
	opacity: 0;
	visibility: hidden;
}

.sidebarCard-header {
	height: 3.6rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sidebarCard-header .IconButton-label.SvgSize16 {
	padding-right: 0;
}

/* delete min with from sidebar item */
.sidebarCard .sidebarCard-content .FormField-large {
    min-width: unset;
}

/** COLLAPSIBLE SIDEBAR  **/
.sidebarCard-header-accordion {
	display: flex;
	cursor: pointer;
}
.sidebarCard-header-accordion button {
	flex-basis: min-content;
	transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}
.additional-sidebar-accordion-opener.off {
	transform: rotate(-90deg);
}
.sidebarCard-content.oneColumns ul li .form_answer{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    column-gap: 1rem;
}
.sidebarCard-content.oneColumns ul li .form_answer .trsxButtonClass {
    margin-left: 0;
}
.sidebarCard-content.oneColumns ul li .form_answer .counter {
    margin-bottom: 1rem;
}

/*  Add line white after card no last */
.sidebarCard:not(:last-child):after{
	content: "";
    width: 100%;
    height: 0.1rem;
    display: block;
    position: relative;
    background: var(--white);
    margin-top: 2rem;
	margin-bottom: -1.5rem;
}

.additionalSidebar.collapsed .sidebarCard:not(:last-child):after{
	display: none;
}

/*Quick Navigation and Left Cards*/
.quickNavigation ul li {
	height: 3rem;
	display: flex;
	align-items: center;
	border-left: 0.3rem solid var(--grey50);
	padding-left: 1rem;
}
.quickNavigation li a {
	display: block;
	color: var(--black);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.quickNavigation li a:hover{
	text-decoration:none;
}
.quickNavigation li.selected a {font-weight: 700;}
.quickNavigation ul li:hover {
	cursor: pointer;
	border-left: 0.3rem solid var(--accent-color);
	background-color: var(--grey50);
}
.quickNavigation ul li.selected{
	border-left: 0.3rem solid var(--accent-color);
}

/*by ALBY for quick navigation current item selected, ask graphic to check*/
.quickNavigation li.active {
	border-left: 0.3rem solid var(--accent-color);
	font-weight: bold;
}

/*Wizard step bar*/
.wizard-base {
	display: flex;
	position: relative;
	column-gap: 4rem;
}

.step {
	display: flex;
	align-content: center;
	flex-wrap: nowrap;
	padding-left: 0;
}

.wizard-base .step:last-of-type {
	margin-right: 0;
}
.stepIcon {
	margin-right: 1rem;
	display: flex;
	align-items: center;
}
.step .counter {
    max-width: 2.1rem;
    height: 2rem;
    place-content: center;
    text-align: center;
    padding: 0 0.9rem;
}
.step.enabled .counter {
	border: 0.1rem solid var(--blue20);
	background-color: transparent;
	color: var(--blue20);
}
.step.active .counter {
	background-color: var(--blue20);
	color:var(--white);
}
.step svg {
	width: 2rem;
	height: 2rem;
}
.step.enabled .ICON-CONFIRM svg, .step.visited .ICON-CONFIRM svg {
	fill: var(--green10);
}
.step a {
	color: var(--black);
}
.stepLabel {
	color: var(--black);
	display: flex;
	align-items: center;
	white-space: nowrap;
}

/*LOADER*/
.loader-root {
	width: 100%;
	height: 100%;
	display: flex;
	place-content: center;
	place-items: center;
	position: relative;
}
.MuiCircularProgress-colorPrimary {
	color: var(--grey50);
}
.MuiCircularProgress-colorPrimary.MuiCircularProgress-indeterminate {
	color: var(--blue20);
	position: absolute;
}
.MuiCircularProgress-root {
	display: inline-block;
}
.MuiCircularProgress-indeterminate {
	animation: MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite;
}
.MuiCircularProgress-determinate {
	transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCircularProgress-svg {
	display: block;
}
.MuiCircularProgress-circle {
	stroke: currentColor;
}
.MuiCircularProgress-circleIndeterminate {
	animation: MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;
	stroke-dasharray: 8rem, 20rem;
	stroke-dashoffset: 0;
}
.MuiCircularProgress-circleDeterminate {
	transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}


@-webkit-keyframes MuiCircularProgress-keyframes-circular-rotate {
	0% {
		transform-origin: 50% 50%;
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes MuiCircularProgress-keyframes-circular-dash {
	0% {
		stroke-dasharray: 0.1rem, 20rem;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 10rem, 20rem;
		stroke-dashoffset: -1.5rem;
	}
	100% {
		stroke-dasharray: 10rem, 20rem;
		stroke-dashoffset: -12.5rem;
	}
}

/*Toggle*/
.box-root {display: flex;}

.Switch-FormControlLabel {
	align-items: flex-start;
	margin: 0;
}
.Switch-root {
	display: inline-flex;
	z-index: 0;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	flex-shrink: 0;
	vertical-align: middle;
	width: 4rem;
	height: 2rem;
	margin: 0;
	padding: 0;
}
.Switch-switchBase {
	top: 0.1rem;
	left: 0.1rem;
	color: var(--grey50);
	z-index: 1;
	position: absolute;
	transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	padding: 0.1rem;
}
.Switch-switchBase .IconButton-label{
	padding: 0;
}
.Switch-switchBase.checked {
	transform: translateX(2rem);
}
.Switch-input {
	top: 0;
	left: -100%;
	width: 300%;
	cursor: inherit;
	height: 100%;
	margin: 0;
	opacity: 0;
	padding: 0;
	z-index: 1;
	position: absolute;
}
.Switch-thumb {
	border-radius: 50%;
	box-shadow: rgb(0 0 0 / 20%) 0.05rem 0.05rem 0.1rem;
	background-color: rgb(255, 255, 255);
	width: 1.6rem;
	height: 1.6rem;
}
.Switch-track {
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: -1;
	transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	border-radius: 1.3rem;
	background-color: var(--grey40);

}
.Switch-root .checked + .Switch-track {
	background-color: var(--blue20);
}

.Switch-FormControlLabel .MuiFormControlLabel-label {
	color: var(--black);
	font-size: 0.8125rem;
	line-height: 1.25rem;
	letter-spacing: 0.0125rem;
	margin-left: 1rem;
	max-width: 60rem;
	text-transform: none;
}
.localeCapitalization .Switch-FormControlLabel .MuiFormControlLabel-label {
	text-transform: capitalize;
}
.Switch-root .disabled + .Switch-track {
	opacity: 1;
	border: none;
	background: var(--grey40);
}
.Switch-root .disabled .Switch-thumb {
	background-color: var(--grey50);
	box-shadow: none;
}
.Switch-FormControlLabel.disabled {
	cursor: default;
}
.Switch-root .focusVisible .Switch-thumb {
	border: 0.2rem solid var(--blue20);
}

/*  delete border in detail/edit mode  */
.form_container ul .allLine .form_answer .form_answerTable td{
	border: none;
    padding: 0;
}

/* form_answerTable - NEW --*/
.FormField-table {
background-color: greenyellow;}
.FormField-left {
	margin-right: 3rem;
}
.FormField-left .form_answer {
	margin-right: 0rem;
}

/**************************************************
	formRead TH SECTION
**************************************************/
.dataElementTable .paragraph {
	background-color: var(--navy40);
}
.dataElementTable .table_cnt_head th {
	background-color: var(--grey50);
	
}

.containerDetail .summaryElement .list-table tr td:first-child,
.containerDetail .Accordion-container .asmtTd.asmtGrid,
.containerDetail .first-column {
    border-left: 0.1rem solid var(--navy40);
}

.formRead .dataElementTable .paragraph h4{
	font-size: 1.3rem;
	font-weight: 500;
	padding-left: 0;
}

.formRead .dataElementTable .de_section_header .paragraph h4 .icon-only.IconButton{
    margin-right: 1rem;
}

.formRead .dataElementTable .paragraph .paragraphDescription {
	font-size: 1.3rem;
	font-weight: 400;
	font-style: normal;
    padding-left: 2.4rem;
	text-transform: none;
}
.de_section_image.off {
	transform: rotate(90deg);
}
h4.de_section_title, h3.de_section_title {
	cursor: pointer;
}

.de_section_header{
	position: relative;
}

table .de_section_header:not(:first-child) th{
	border-top: 0.2rem solid var(--white);
}

.dataElementTable {
	margin-bottom: 1rem;}

.pageDetails .dataElementTable {
	width: calc(100% - 2rem);
    margin-left: 2rem;
	border: 0.1rem solid var(--grey40);
}

table.dataElementTable textarea {
	width: 30rem !important;
	height: 100%;
}
/* align checkbox */
.dataElementTable .displayInline-flex fieldset .ButtonBase.IconButton.Checkbox {
    margin-bottom: 1rem;
    vertical-align: text-top;
}
.dataElementTable .displayInline-flex fieldset .ButtonBase.IconButton.Checkbox.Checkbox-checked {
    margin-bottom: 1rem;
    vertical-align: sub;
}

.formRead .reorderDiv table .dndContainer .dojoDndItem{
	display: flex;
}
.formRead .reorderDiv table .dndContainer .dojoDndItem .floatRight{
	position: absolute;
    right: 0;
}

/**************************************************
# FIX NEW VENDOR
**************************************************/
.dataElementTable .displayInline-flex {
    flex-wrap: wrap;
}
.dataElementTable .dataelementwrapper-readOnly .displayInline-flex {
    flex-wrap: nowrap;
}
.dataElementTable .ICON-ERROR {
    position: relative;
	top: -0.9rem;
    right: 4rem;
}
.display-flex-column #alertof_1 svg, .display-flex-column #alertof_2 svg, .display-flex-column #alertof_3 svg {
    top: 1.3rem;
    right: -3rem;
}

.dataElementTable .Input-Error textarea + .ICON-ERROR {
	top: 1.1rem;
    right: 4rem;
}

.dataElementTable table fieldset {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    place-content: flex-start;
    place-items: flex-start;
}
.dataElementTable table fieldset .Error-Message {
    padding-left: 2.5rem;
}
.dataElementTable table fieldset .ICON-ERROR {
    position: absolute;
    top: -1.1rem;
	right: unset;
    left: 1rem;
}
.dataElementTable a.de-url-anchor {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}


/**************************************************
# FIX BG COLOR TABLE
**************************************************/
table#datagrid tfoot {
	display: none !important;
}

.DTFC_RightBodyLiner {
	width: unset !important;
}

.DTFC_ScrollWrapper, .DTFC_LeftBodyWrapper, .DTFC_RightBodyWrapper, .DTFC_RightBodyLiner, .DTFC_LeftBodyLiner {
	height: auto!important;
    overflow: visible!important;
}
.DTFC_LeftBodyLiner {
	border-right: 0.1rem solid var(--grey50);
}

.DTFC_RightBodyWrapper td span {
	float: unset !important;
}

/* DETAIL AGENT LIST CONTAINER  */
.noSecondLevel .internalFormDiv{
	padding: 1.6rem 0 1.6rem 1.6rem;
}

.iframeUser{
	width: 100%!important;
}

.paragraph.titlePage {
    padding: 0 0 1rem 1.9rem;
}

.dojoxUploaderIcon{
	white-space: nowrap;
}
.dojoxUploaderFileName{
	white-space: nowrap;
}
.dojoxUploaderSize{
	white-space: nowrap;
}

.headerTips-multiUploader{
	display: flex;
	place-content: space-between;
	margin-bottom: 1rem;
}

.async-list-tbody .ICON-USERSLIST{
	vertical-align: sub;
}

/********************************************************
  # Multiple Task Completion Rules
/********************************************************/
tr.groupIndent > td.typeRule {
	text-indent: 4rem;
	border-left: solid 0.3rem black;
}

tr.groupIndent > td.typeRule .InputBase-root {
	width: calc(100% - 4rem);
}

.dataElementTable .displayInline-flex .ICON-DE_VISIBLE_SELLER{
	height: 1.8rem;
}

.list-table .displayInline-flex .textB.textEM{
	display: flex;
	align-items: center;
	column-gap: 1rem;
}

/**************************************************
SMART QUOTE
/*************************************************/

.activity-card-container{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 3rem;
}

.activity-card {
	width: 100%;
	max-width: 20rem;
	min-width: 20rem;
	height:auto;
    min-height: 28rem;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	row-gap: 2rem;
	background: var(--white);
	box-shadow: 0 0.1rem 0.5rem 0.2rem rgba(0, 0, 0, 0.1);
	padding: 1.2rem 2rem;
}

.activity-card-title {
	max-width: 100%;
	display: flex;
    justify-content: center;
    column-gap: 0.5rem;
}

.activity-card-title .SvgSize16{
	margin-bottom: -0.2rem;

}
.activity-card-title > span{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	font-size: 1.6rem;
	font-weight: 400;
	text-overflow: ellipsis;
	text-align: center;
}

.activity-date {
	line-height: 1.4;
}

.activity-date .activity-tit-item{
	font-weight: 500;
}

.activity-status {
	width: fit-content;
	background: var(--white);
	border: 0.1rem solid var(--grey40);
	border-radius: 2.5rem;
	text-align: center;
	padding: 0.5rem 1.5rem;
}

.activity-status.progress {
	background: var(--yellow50);
	border: 0.1rem solid var(--yellow05);
	color: var(--yellow05);
}
.activity-status.pending {
	background: var(--navy45);
	border: 0.1rem solid var(--navy15);
	color: var(--navy15);
}
.activity-status.declined {
	background: var(--red45);
	border: 0.1rem solid var(--red20);
	color: var(--red20);
}
.activity-status.accepted {
	background: var(--yellow50);
	border: 0.1rem solid var(--yellow05);
	color: var(--yellow05);
}
.activity-status.completed{
	background: var(--turquoise45);
	border: 0.1rem solid var(--turquoise10);
	color: var(--turquoise10);
}
.activity-status.submitted {
	background: var(--green45);
	border: 0.1rem solid var(--green10);
	color: var(--green10);
}
.activity-status.withdrawn {
	background: var(--red45);
	border: 0.1rem solid var(--red20);
	color: var(--red20);
}

.smart-quote-app .conversation{overflow:initial !important;}

.activity-card-footer {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.activity-progressBar{
	width: 100%;
	height: 1.3rem;
	margin: 0 auto 5rem;
}
.activity-progressBar .progressBar{
	width: 100%;
	height: 1.3rem;
	background: var(--yellow50);
	border: 0.1rem solid var(--yellow05);
}
.activity-progressBar .progressBar span{
	width: 100%;
	height: 100%;
	display: block;
	background: var(--yellow20);
}
.activity-progressBar .progressBar-txt{
	font-size: 1.1rem;
	color: var(--yellow05);
	text-align: center;
	padding: 0.3rem;
}

.activity-progressBar.completed .progressBar{
	background: var(--turquoise35);
	border: 0.1rem solid var(--turquoise20);
}
.activity-progressBar.completed .progressBar-txt{
	color: var(--turquoise20);
}
.activity-progressBar.completed .progressBar span{
	background: var(--turquoise20);
}

/* SMQ NO AWARD TABLE */
.noAwardTable tr td {
	border-color: transparent;
	vertical-align: middle;
}

.container-centred hr {
	width: calc(100% + 4rem);
    height: 0.2rem;
    left: -2rem;
    position: relative;
    border: none;
    background: var(--grey50);
}
.container-centred #suggestedQuestions {
    margin-bottom: 2rem;
}

.Accordion-container.smqDetails .oneColumns ul {
	justify-content: space-between;
}
.Accordion-container.smqDetails ul li:nth-child(2),
.Accordion-container.smqDetails ul li:nth-child(3){
	width: calc(50% - 0.5rem);
    max-width: inherit;
    margin-right: 0 !important;
} 
.Accordion-container.smqDetails ul li .format_DateHour .format_Date{
	width: 100%;
}

/* COMPARISON */
.comparisonCard {
    margin-bottom: 2rem;
	border: 0.1rem solid var(--grey40);
    border-radius: 1rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 1rem 2rem;
}
.comparisonCard .comparisonCard-header{
	margin-bottom: 2rem;
}

.comparisonCard .comparisonCard-header a{
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 3rem;
	letter-spacing: 0.03rem;	
}
.comparisonCard-header .content-toolbar.toolbar-root {
	width: fit-content;
	position: absolute !important;
    top: 0 !important;
	right: 0!important;
    background: transparent;
	border-color: transparent;
}

.comparisonCard-body {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 2rem;
}

.comparisonCard-body .comparisonCard-item {
	flex: 2;
	width: 100%;
	min-width: 30rem;
	margin: 0;
}
.comparisonCard-body .comparisonCard-item .wrapper-itemCard{
	padding: 10px 20px;
}

.comparisonCard-body .comparisonCard-item:nth-child(1) {
	flex: 1;
	width: 100%;
	min-width: 20rem;
	max-width: 21rem;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;
	gap: 2rem 1rem;
}

.comparisonCard-body .comparisonCard-item:nth-child(2),
.comparisonCard-body .comparisonCard-item:nth-child(3){
	max-height: 20rem;
	overflow: hidden;
	overflow-y: auto;
}

.comparisonCard-body .comparisonCard-item .comparisonCard-element {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--navy35);
    border-radius: 1rem;
    padding: 1rem 2rem;
}
.comparisonCard-body .comparisonCard-item .comparisonCard-element .asmtUl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    column-gap: 0.5rem;
}
.comparisonCard-body .comparisonCard-item .comparisonCard-element.sqr {
	flex: 1;
	max-width: calc(100% - 6.5rem - 1rem);
}
.comparisonCard-body .comparisonCard-item .comparisonCard-element.sss {
	width: 6.5rem;
	aspect-ratio: 1/1;
	background: var(--navy35);
}
.comparisonCard-body .comparisonCard-item .comparisonCard-element.price {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.comparisonCard-body .comparisonCard-item .comparisonCard-element.price .elementPrice-detail {
	flex: 1 100%;
	font-size: 1.3rem;
    font-weight: 400;
    color: var(--grey20);
}
.comparisonCard-body .comparisonCard-item .comparisonCard-element.price .elementPrice-price {
	font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0.03rem;
}
.comparisonCard-body .comparisonCard-item .comparisonCard-element.price .elementPrice-currency {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.03rem;
}

.comparisonCard .comparisonCard-header .content-toolbar {
    width: fit-content;
	top: 0.6rem !important;
}

@-moz-document url-prefix() {
	.ai-buttonWrapper {
		min-height: calc(100% + 100%);
	}
}

@media screen and (max-width: 1023px) {
	.comparisonCard-body {
		flex-wrap: wrap;
	}
	.comparisonCard-body .comparisonCard-item .comparisonCard-element {
		padding: 1rem;
	}
}
@media screen and (max-width: 767px) {
	main {
		flex-wrap: wrap;
	}
	.nav-index.fixed + .additionalSidebar{
		margin-left: 0;
	}
	.nav-index.fixed + .additionalSidebar.fixed + .containerDetail {
		margin-left: 34rem;
	}
	.nav-index.fixed + .additionalSidebar.fixed.collapsed + .containerDetail {
		margin-left: 0;
	}

	#titleToolbar .toolbar-firstSide .headline-wrap {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: nowrap;
		margin-right: 0;
	}
	.toggleMobile{
		display: flex;
	}
	.nav-index + .additionalSidebar.collapsed + .containerDetail {
		max-width: calc(100% - 4rem);
	}
	section.nav-index {
		width: 100%;
		height: 0!important;
		position: fixed;
		overflow: hidden;
		background: white;
		opacity: 0;
		transition: 0.3s;
	}
	section.nav-index.open {
		height: calc(100vh - 12rem) !important;
		overflow-y: auto;
		opacity: 1;
		z-index: 2;
	}
	.nav-index.fixed + button + button + .containerDetail,
	.nav-index + button + button + .containerDetail {
		max-width: 100%;
		margin-left: 0;
	}
	.comparisonCard-body {
		gap: 1rem;
	}
	.comparisonCard-body .comparisonCard-item {
		min-width: 23rem;
	}
	.comparisonCard-body .comparisonCard-item:nth-child(1) {
		max-width: 100%;
	}
	.comparisonCard-body .comparisonCard-item .comparisonCard-element {
		width: calc(50% - 0.5rem);
	}
	.comparisonCard-body .comparisonCard-item .comparisonCard-element.price {
		width: 100%;
	}
	.comparisonCard-header .content-toolbar.toolbar-root {
		width: fit-content;
    	top: 1rem !important;
	}
}
@media screen and (max-width: 500px) {
	.toggleMobile{
		top: 2.4rem;
	}
	.nav-index + .additionalSidebar.collapsed + .containerDetail {
		max-width: 100%;
		margin-left: 0rem;
	}
	.comparisonCard-header .content-toolbar.toolbar-root.sticky-secondary {
    	top: 1rem !important;
	}
	.Accordion-container.smqDetails ul li:nth-child(2),
	.Accordion-container.smqDetails ul li:nth-child(3){
		width: 100%;
		margin-right: 0 !important;
	} 
	.Accordion-container.smqDetails ul li .format_DateHour .format_Date{
		width: 100%;
	}
}

/*  MESSAGES  */
.messageList tr.unreadMessage td {
	font-weight: bold;
}

.messageList tr.unreadMessage td:first-child {
	position: relative;
	padding-left: 25px;
}

.messageList tr.unreadMessage td:first-child::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 5px;
	background-color: var(--blue20);
}

.messageList td .displayInline-flex {
	justify-content: center;
}

.messageList td .displayInline-flex .SvgSize16 {
	flex: 1;
}

.messageList tr.unreadMessage .unreadIcon {
	display: unset;
}
.messageList tr:not(.unreadMessage) .unreadIcon {
	display: none;
}
.messageList tr.readMessage .readIcon {
	display: unset;
}
.messageList tr:not(.readMessage) .readIcon {
	display: none;
}

.messageList tr.followUpMessage:not(.table_cnt_body_on) td, .messageList tr.followUpMessage:not(.table_cnt_body_on) th {
	background-color:var(--yellow45)
}

.messageList tr.followUpMessage .followUpIcon {
	display: unset;
}
.messageList tr:not(.followUpMessage) .followUpIcon {
	display: none;
}
.messageList tr.completedMessage .completedIcon {
	display: unset;
}
.messageList tr:not(.completedMessage) .completedIcon {
	display: none;
}
.messageList td.first-column div {
	width: min-content;
}

/******************  MOBILE VERSION  *******************/

@media screen and (max-width:1365px) {
	.additionalSidebar + .containerDetail {
		max-width: calc(100% - 26rem);
	}
	.additionalSidebar.fixed + .containerDetail {
		margin-left: 26rem;
	}
	.additionalSidebar.with-scroll.open .sidebarCard {
		width: 24.5rem;
	}
	.additionalSidebar.fixed.open.with-scroll .sidebarCard {
		padding-right: 0;
		width: 24.5rem;
	}

}

@media screen and (max-width: 840px) {
	.container-centred{
		width: calc(100% - 4rem);
		min-width: unset;
	}
}

@media screen and (max-width: 767px) {
	.Alert-bar {
		max-height: unset;
	}
	.Alert-root {
		column-gap: 1.4rem;
		padding: 0.7rem;
	}
	.twoColumns ul li.allLine, .form_container ul li.allLine {
		max-width: 100%;
		margin-right: 0;
	}
	.form-extended-x{
		overflow-x: auto;
	}
	.form-extended-x .dataElementTable{
		white-space: nowrap;
	}
}
@media screen and (max-width: 500px) {

	.sidebar.closed {
		width: 4rem;
	}

	main {
		overflow-x: hidden;
	}

	.additionalSidebar.collapsed + .containerDetail{
		width: 100%;
		max-width: unset;
		padding-right: 0;
	}

	.sidebar.closed ~ section.main {
		margin-left: 4rem;
	}

	.additionalSidebar{
		display: none;
	}

	.additionalSidebar.fixed + .containerDetail,
	.additionalSidebar.open + .containerDetail{
		width: 100%;
		max-width: unset;
		margin-left: 0;
	}

	.additionalSidebar.collapsed.fixed + .containerDetail {
		margin-left: 0;
	}
	
	/*  SELECT  */
	select:not([multiple]){
		width: 100%;
	}

	.content-main, .form_container {
		padding: 0 1.6rem;
	}

	.paragraph.titlePage {
		padding: 1.6rem;
	}

	table{
		white-space: nowrap;
	}

	table .table_cnt_head th{
		white-space: normal;
	}


	.containerDetail .internalFormDiv .tablewrap-root .list-tbody td,
	.containerDetail .internalFormDiv .tablewrap-root .list-tbody th[scope=row] {
		height: 3rem;
		padding: 1rem 1rem 0.3rem 1rem;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.containerDetail .internalFormDiv .tablewrap-root .list-tbody td div a{
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.Accordion-container, .Accordion-container.content-main.item-as-row {
		padding-left: 1.5rem;
	}

	/*  SUB MENU  */
	.Popover-paper {
		position: fixed;
		left: calc(0 + 23.5rem);
	}

	/*  ALERT BAR  */
	.Alert-bar {
		max-height: unset;
	}
	.Alert-message{
		word-break: break-word;
	}
	
	.Alert-message a{
		font-size: 1.2rem;
		line-height: 1.4rem;
	}

	.content-page .Alert-root{min-width: unset;}
	.content-page .Alert-root .Alert-icon {
		left: 0.8rem;
	}

	.spidAccess .Alert-root.Alert-info .Alert-icon {
		left: 1rem;
	}
	
	
	/*  PAGINATION PAGE LIST  */
	.tablewrap-root .pagination-root {
		height: auto;
		flex-wrap: wrap;
		place-content: center;
	}
	.tablewrap-root .pagination-root .pagination-navigation {
		padding: 0.5rem 0;
	}

	.pageDetails .dataElementTable{
		overflow-x: auto;
		margin-left: 0;
	}
	.content-toolbar.toolbar-root.sticky-secondary{
		top: 0!important;
	}

	.form_answer_value ul li{
		margin-bottom: 0.5rem;
	}

	.content-page .formResponse .formResponseElement{
		overflow-x: auto;
	}

	.content-header{
		column-gap: 1rem;
	}



	.FormField .headerBlock {
		column-gap: 1rem;
	}

	.form_question{
		white-space: normal;
	}

	.PagingContainer .columnRight {
		text-align: center;
	}

	.containerEmpty .content-header{
		padding-left: 1rem;
	}

}

/*  400%  ZOOM MODE   */

@media screen and (max-width: 480px) {
	.sidebar.closed{
		width: 4.2rem;
	}
	header, .toolbar-root {
		height: auto!important;
		position: relative!important;
		top: 0!important;
	}
	th:not(th[scope=row]) {
		height: 3rem;
		padding: 0.8rem;
		line-height: 1.5rem;
	}
	.list-tbody tr td a,
	.list-tbody tr td {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.list-tbody tr td {
		display: table-cell;
	}
	.pagination-display .InputBase-root select{
		width: 4.8rem;
		min-width: 4.8rem;
		padding-left: 0;
	}
	.pagination-root .toolbar-secondSide {
		justify-content: center;
	}
	.pagination-root .toolbar-firstSide .pagination-counter{
		display: none;
	}
	.table-root{
		max-height: unset!important;
	}
	.step {
		flex: initial;
	}
	.content-header .toolbar-secondSide .button-placeholder .ButtonBase.ButtonBase-standard.Button-secondary{
		height: auto;
		min-width: 12rem;
		padding: 0.5rem;
	}
}

@media screen and (max-width: 450px) {
	.step {
		flex: 1;
	}
}


/*   CODICE TEMPORANEO  DASHBOARD   */

@media screen and (max-width: 1023px) {
	#unused-cntDashboard{overflow: unset;}
	.dijitTabPaneWrapper.dijitTabContainerTop-container.dijitAlignCenter{
		width: 100%!important;
		height: 100%!important;
		position: relative;
		left: 0;
		overflow: unset;
	}
	.dijitTabPaneWrapper, .dashboardContentPane, .dijitBorderContainer {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: visible;
	}
	.dashboardContentPane,
	.dijitBorderContainer {
		width: 100%!important;
		height: 100%!important;
		padding: 0!important;
	}

	.dashboardColumn.layout-75,
	.dashboardColumn.layout-25,
	.dijitContentPane.layout-25{
		width: 100%!important;
		height: 100%!important;
		position: relative!important;
		overflow: visible;
		left: 0!important;
	}
}
/*!* TOP CSS *!
/*new UI header*/
header {
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 0;
	background-color: var(--grey50);
	border-radius: 0;
	position: sticky;
	top: 0;
	z-index: 4;
}

section.logo-section img {
	height: 2.5rem;}

section.nav-tool-section {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 2rem;}
section.nav-tool-section > ul {
	display: flex;
	align-items: center;}
section.nav-tool-section > ul > li {
	position: relative;}

section.nav-tool-section > ul > li .IconButton{
	padding-right: 0.6rem;
}

section.nav-tool-section svg {
	width: 2rem;
	height: 2rem;
	fill: var(--black);}
section.nav-tool-section .active svg, section.nav-tool-section a:hover svg {
	fill: var(--blue20);}

section.info-area-section, section.SSOPartnerIntegration-area-section {
	position: absolute;
	top: 2.8rem;
	right: 0;
	background: var(--white);
	width: 50rem;
	box-shadow: 0 0.2rem 0.4rem 0 rgba(50, 50, 50, 0.2);
	z-index: 12;
}
.info-area-content, .SSOPartnerIntegration-area-content{
	max-height: calc(100vh - 20rem);
	overflow-y:auto;
	padding:1.6rem;
}

.info-area-section .info-area-detail .attachTaglink span, .SSOPartnerIntegration-area-section .SSOPartnerIntegration-area-detail .attachTaglink span {
    padding-left: 0;
}

section.user-profile-section {
	width: 35rem;
	position: absolute;
	top: 2.8rem;
	right: 0;
	background: var(--white);
	box-shadow: 0 0.2rem 0.4rem 0 rgba(50, 50, 50, 0.2);
	z-index: 12;
}

section.nav-tool-section .active + .info-area-section, section.nav-tool-section .active + .SSOPartnerIntegration-area-section{ display: block;}
section.nav-tool-section .active + .user-profile-section{ display: block;}

a.user-profile-link {
	display: flex;
	margin-left: 0.5rem;
}

.nav-tool-section	a.user-profile-link:before {
	content: "";
    width: 3rem;
    height: 3rem;
    display: block;
    position: absolute;
    top: -0.5rem;
    left: 0;
    background: var(--navy50);
    border-radius: 0.3rem;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
}
.nav-tool-section	a.user-profile-link:hover:before {
	background: var(--white);
	opacity: 1;
}

.info-area-title, .SSOPartnerIntegration-area-title  {
	background-color: var(--nav-primary-bg-color);
	cursor: default;
	padding: 0.5rem 1rem 0.5rem 1.5rem;
	font-size: 1.5rem;
	line-height: 2rem;
	color:  var(--nav-primary-fg-color);
	min-height: 3rem;}

.user-profile-title {
	background-color: var(--nav-primary-bg-color);
	cursor: default;
	padding: 0.5rem 1rem 0.5rem 1.5rem;
	font-size: 1.5rem;
	line-height: 2rem;
	color:  var(--nav-primary-fg-color);
	min-height: 3rem;}


.user-profile-detail {
	border-bottom: 0.1rem solid var(--grey50);
	padding: 1rem 0;}

.user-profile-detail > li a, .user-profile-detail > li.timestamp {
	color: #1c1c1c;
	padding: 0 1.5rem;
	font-size: 1.3rem;
	line-height: 3rem;
	text-align: left;
	cursor: pointer;
	border-left: 0.3rem solid transparent;
	display: block;}
.user-profile-detail > li.timestamp {
	border-top: 0.1rem solid var(--grey50);
	line-height: 2rem;
	padding: 1rem 1.5rem 0 1.5rem;
	font-size: 1.1rem;}
.user-profile-detail > li a:focus, .user-profile-detail > li a:hover, .user-profile-detail > li a:active, .user-profile-detail > li .select-wrapper:hover {
	border-color: var(--accent-color);
	background-color: var(--grey50);
	text-decoration: none;
	transition: background-color 500ms ease;}

.user-profile-button {
	display: flex;
	justify-content: flex-end;
	padding: 1rem;
	align-items: center;
	white-space: nowrap;
	column-gap: 1rem;
}

/*  BUTTONS AND STATUS  */
.user-profile-button a {
	min-width: 8.5rem;
	position: relative;
	border-radius: 0.3rem;
	font-size: 1.2rem;
	line-height: 3rem;
	text-align: center;
	padding: 0;
}
.user-profile-button a.secondary-button {
	background-color: var(--white);
    color: var(--black);
    border: 0.1rem solid var(--navy30);
}
.user-profile-button a.secondary-button:hover {
	background-color: var(--navy50);
}
.user-profile-button a.secondary-button:focus:before,
.user-profile-button a.primary-button:focus:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left:0;
	border: 0.2rem solid var(--black);
	background: transparent;
}
.user-profile-button a.secondary-button:disabled,
.user-profile-button a.primary-button:disabled {
	background-color: var(--grey50);
    color: var(--grey20);
    border: 0.1rem solid var(--grey40);
}

.user-profile-button a.primary-button {
	background-color: var(--blue20);
	color: var(--white);
}
.user-profile-button a.primary-button:hover {
	background-color: rgba(55,105,219,0.8);
}


/*ALBY STUFF*/
.standard-logo section.debug {
    line-height: 1.4rem;
    font-size: 1.2rem;
    text-align: left;
    padding: 0 0.5rem 0 1.2rem;
}

section.debug {
	line-height: 2rem;
	color: var(--black);
	text-align: center;
	padding: 0 0.5rem;
}

/*PREP STRING*/
header section.env-info {
	flex-grow: 1;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
	font-size: 1.8rem;}

/*legacy top user nominative*/
.welcome .userName {
	font-weight: bold;
	margin: 0 0.5rem;}
.user-legacy-logout {
	padding-right: 0.5rem;}

/*legacy top logout button*/
.user-legacy-logout span {
	display: none;}


section .user-profile-detail select#lang {
	cursor: pointer;
	height: 3rem;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

section .user-profile-detail .select-wrapper {
	width: 100%;
	display: flex;
	background: url(../svg/caret-downnk0x.svg) no-repeat scroll 100% center rgba(0, 0, 0, 0);
	background-size: 2rem;
	border-left: 0.3rem solid transparent;
}

section .user-profile-detail span.holder {
	display: block;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	font-weight: bold;
	z-index: 1;
	height: 3rem;
	line-height: 3rem;
	width: calc(100% - 1.5rem);
	padding: 0 1.5rem;
}

section .SSOPartnerIntegration-area-section a.openNewPage img {
	display: none;
}
section .info-area-section a.openNewPage img {
	display: none;
}
section .user-profile-section a.openNewPage img {
	display: none;
}

section.logo-section {
	padding-left: 1rem;
}

.user-profile-button a:hover{
	text-decoration: none;
}


/******************  MOBILE VERSION  *******************/

@media screen and (max-width: 1365px) {
	header section.debug{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	section.nav-tool-section {
		padding-right: 1.2rem;
	}

	.standard-logo .logo-section img {
		max-width: 10rem;
		height: auto;
	}
}

/* SIDEBAR CSS */

/*NEW UI SIDEBAR*/
.sidebar ::-webkit-scrollbar {
	width: 1.4rem;
}
.sidebar ::-webkit-scrollbar-track{
	box-shadow: inset 0 0 1.4rem 1.4rem transparent;
	border: solid 0.4rem transparent;
}
.sidebar ::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 1.4rem 1.4rem var(--grey20);
	border: solid 0.4rem transparent;
	border-radius: 1.4rem;
}
.sidebar {
	position: fixed;
	background-color: var(--nav-primary-bg-color);
	z-index: 10;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 0 1rem 0 rgba(0,0,0,0.20);
	font-size: 1.3rem;
}
.sidebar a:hover {
	text-decoration: none;
}
.sidebar > .sidebar-scroll {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.first-level-menu-link {
	min-width: 16rem;
	position: relative;
	display: flex;
	max-height: 6rem;
	min-height: 3.5rem;
	flex-grow: 1;
	transition: 0.5s min-width 0s ease;
}
.first-level-menu-a {
	display: flex;
	align-items: center;
	flex-grow: 1;
	position: relative;
	z-index: 1;
}
.first-level-icon {
	width: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.first-level-icon svg {
	height: 2.6rem;
}

/*ALBY PROVE PER APP SWITCHER */
.sidebar li.application-switcher {
	z-index: 2;
}

.sidebar li.application-switcher > div {
	display: flex;
	align-items: center;
	flex-grow: 1;
	position: relative;
	z-index: 1;
}

/*ALBY SIDEBAR AND TEMPLATE*/
.sidebar svg {fill: var(--nav-primary-fg-color);}

.main.no-sidebar { /* MODIFICHE ALBY SIDEBAR */
	margin-left: 0;
}

.sidebar .first-level-menu-link:hover svg, .sidebar .first-level-menu-link.open svg {
	fill: var(--accent-color);
	transition-duration: 0.7s;
	transition-timing-function: ease;
}
section.sidebar-second-level {
	position: absolute;
	top: 0;
	background-color: var(--nav-secondary-bg-color);
	width: 26rem;
	padding-bottom: 0.9rem;
	box-shadow: 0 0 1rem 0 rgba(0,0,0,0.20);
	max-height: 91vh;
	transition: 0.5s left 0s, 0.5s right 0s;
	display: block !important;
	/*to avoid JS but need to erase it*/
}
section.sidebar-third-level {
	position: absolute;
	left: 26rem;
	top: 0;
	width: 26rem;
	background-color: var(--nav-primary-bg-color);
	height: 100%;
	box-shadow: 0.7rem 0 0.9rem 0 rgba(0,0,0,0.10);
	transition: 0.3s left 0s, 0.3s right 0s;
	z-index: -1;
}
.sidebar-first-level-link {
	color: var(--nav-primary-fg-color);
	text-decoration: none;
	width: 16rem;
	padding-right: 1rem;
	transition: 0.5s width 0s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.first-level-menu-link:hover,
.first-level-menu-link.open {
	background: none repeat scroll 0 0 var(--nav-secondary-bg-color);
	cursor: pointer;
}
.first-level-menu-link:hover:before,
.first-level-menu-link.open:before,
.first-level-menu-link.active:before {
	content: "";
	width: 0.5rem;
	height: 100%;
	background-color: var(--accent-color);
	position: absolute;
}
.first-level-icon .js_svg {
	height: 3rem;
	text-align: center;
}
.sidebar-section-title {
	height: 5rem;
	padding-top: 2rem;
	font-size: 1.6rem;
	padding-left: 2rem;
	max-width: 24rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sidebar-second-level > .sidebar-section-title {
	color:var(--nav-secondary-fg-color);
}

.sidebar-second-level-link, .sidebar-third-level-link {
	display: flex;
	height: 3.5rem;
	position: static;
}
.sidebar-second-level-link:hover {
	background-color: var(--nav-primary-bg-color);
}
.sidebar-third-level > .sidebar-section-title {
	color: var(--nav-primary-fg-color);
}

.sidebar-third-level-link > a {
	color: var(--nav-primary-fg-color);
}

.sidebar-third-level-link:hover {
	background-color: var(--nav-secondary-bg-color);
}
.sidebar-third-level-link:hover > a {
	color: var(--nav-secondary-fg-color);
}



.sidebar-second-level-link a {
	text-decoration: none;
	padding: 0 2rem;
	display: flex;
	position: relative;
	flex-grow: 1;
	align-items: center;
}
.sidebar-second-level-link > a {
	color: var(--nav-secondary-fg-color);
}

.sidebar-second-level-link:hover > a {
	color: var(--nav-primary-fg-color);
}
.sidebar-second-level-link:hover > a:before, .sidebar-second-level-link.open > a:before, .sidebar-third-level-link:hover > a:before, .sidebar-second-level-link.active > a:before, .sidebar-third-level-link.active > a:before {
	content: "";
	width: 0.3rem;
	height: 3.5rem;
	background-color: var(--accent-color);
	position: absolute;
	top: 0;
	left: 0;
}
.sidebar-second-level-link > a:after {
	content: "";
	display: block;
	position: absolute;
	width: 2.5rem;
	height: 0.8rem;
	right: 0;
	border-left: 0.4rem solid var(--nav-secondary-fg-color);
	border-top: 0.4rem solid transparent;
	border-bottom: 0.4rem solid transparent;
	box-sizing: border-box;
	top: 1.3rem;
}
.sidebar-second-level-link:hover > a:after{
	border-left: 0.4rem solid var(--nav-primary-fg-color);
}
.sidebar-second-level-link.noSub > a:after {
	display: none;
}
li.sidebar-second-level-link:hover section.sidebar-third-level {
	top: 0;
}
.sidebar-second-level-scroll {
	max-height: calc(91vh - 6rem);
	min-height: 17rem;
}
.sidebar-third-level-scroll{ 	max-height: calc( 100% - 6rem); }
.sidebar-second-level-scroll, .sidebar-third-level-scroll {
	overflow-y: auto;
	overflow-x: hidden;
}

.menu1-img-LABS .sidebar-first-level-link,
.menu1-img-LABS section.sidebar-second-level > div,
.menu1-img-LABS section.sidebar-third-level > div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sidebar .expand-icon svg {
	width: 2.4rem;
	fill: var(--nav-secondary-fg-color);
}

.sidebar.open .expand-icon svg {
	transform: scaleX(-1);
}
.expand-box {
	background-color: var(--nav-secondary-bg-color);
	display: flex;
	align-items: center;
	justify-content: center;
}
.sidebar.closed .first-level-menu-link {
	min-width: 6rem;
	transition: 0.5s min-width 0s ease;
}
.sidebar.closed .sidebar-first-level-link {
	width: 0;
	transition: 0.5s width 0s ease;
	overflow: hidden;
	padding-right: 0;
	white-space: nowrap;
}
ul.sidebar-tools .first-level-menu-link {
	height: 6rem;
}
.search-level section.sidebar-second-level {
	width: 46.5rem;
	height: 10rem;
	top: -4rem;
}
.search-level .sidebar-section-title {
	height: 5rem;
}
.sidebar-search-level {
	height: 5rem;
	background-color: var(--nav-primary-bg-color);
	display: flex;
	justify-content: space-between;
	padding: 0 2rem;
}

.sidebar-search-level svg {
	width: 1.5rem;
}

.sidebar-search-level input {
	background-color: var(--nav-primary-bg-color);
	width: 100%;
	border: none;
	color: var(--nav-primary-fg-color);
}

.sidebar-search-level input::placeholder { color: var(--nav-primary-fg-color); }
.sidebar-search-level input:focus {
	outline: none;
}
.sidebar-search-level input::placeholder:focus{ color:var(--red10);}

/* TEMP CSS BY ALBY per resettare main e altro */

.sidebar.closed + #main {
	margin-left:6rem;
}
.sidebar.open + #main {
	margin-left: 22rem;
}
#cnt {
	padding-left:2rem !important;
}

#search-menu , #widget_quickNav {
	width: 100%;
}


li.first-level-menu-link.active.open {
	overflow: inherit;
}

section.sidebar-second-level.displayNone {
	right: 26rem;
	z-index: -1;
}

.sidebar-background {
	box-shadow: 0 0 1rem 0 rgba(0,0,0,0.2);
	background-color: var(--nav-primary-bg-color);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}




.first-level-menu-link > a:hover, .first-level-menu-link.open > a, .first-level-menu-link.active > a {
	background: none repeat scroll 0 0 var(--nav-secondary-bg-color);
	cursor: pointer;
}


.first-level-menu-link > a:hover:before, .first-level-menu-link.open > a:before, .first-level-menu-link.active > a:before {
	content: "";
	width: 0.5rem;
	height: 100%;
	background-color: var(--accent-color);
	position: absolute;
	top: 0;
}
.first-level-menu-link.active > a {
	color: var(--nav-secondary-fg-color);
}
.first-level-menu-link.active > a .sidebar-first-level-link {
	color: var(--nav-secondary-fg-color);
}
.first-level-menu-link.active > a .first-level-icon svg {
	fill: var(--nav-secondary-fg-color);
}
.first-level-menu-link.active:hover > a .first-level-icon svg {
	fill: var(--accent-color);
}


.expand-icon {
	position: relative;
	z-index: 1;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	background-color: var(--nav-secondary-bg-color);
	cursor: pointer;
	height: 3rem;
}

.sidebar section.sidebar-second-level {
	right: 26rem;
}
.sidebar .open > section.sidebar-second-level {
	right: -26rem;
}

.sidebar.closed .open.search-level > section.sidebar-second-level {
	left: 6rem;
}
.sidebar.closed .search-level section.sidebar-second-level {
	left: -46.5rem;
}
.sidebar .search-level section.sidebar-second-level {
	right: 46.5rem;
}
.sidebar .open.search-level > section.sidebar-second-level {
	right: -46.5rem;
}

.sidebar li.open section.sidebar-third-level.displayNone {
	display: block !important;
	left: 0;
	z-index: -1;
	box-shadow: none;
}
.sidebar .nav-search .dijitTextBox {
	background-color: transparent;
	border: 0;
}

.sidebar .dijitPlaceHolder {
	color: var(--nav-primary-fg-color);
	font-style: normal;
}

.nav-search {
	display: flex;
	align-items: center;
}
.nav-search .dijitComboBox .dijitButtonNode {
	display: none;
}

#widget_quickNav input {
	color: var(--nav-primary-fg-color);
}
#secondhome_page #widget_quickNav input {
	color: var(--black);
}


.sidebar-search-level input, .nav-search .dijitComboBox .dijitButtonNode, .nav-search .dijitTextBoxFocused .dijitInputContainer {
	background-color: transparent !important;
}

/* start buyer left-menu integration with J1P */
#j1pLeftMenu.sidebar {
	width: 6rem;
	background-color: var(--nav-primary-bg-color);
}

#j1pLeftMenu {
	background-color: var(--nav-primary-bg-color);
	min-height: 100vh;
	z-index:6; /*to be in foreground but below the "left" vertical menu icons/text and also header bar*/
}

#j1pLeftMenu p {
	color: var(--white);
	padding: 1rem;
}

#j1pLeftMenu .j1p-mfe-as__icon > svg {
	height: 2.6rem;
	width: 2.6rem;
	fill: var(--nav-primary-fg-color);
}

#j1pLeftMenu .j1p-mfe-as__icon + p {
	color: var(--nav-primary-fg-color);
}

#j1pLeftMenu .j1p-mfe-as li {
	list-style: none;
	max-height: 6rem;
	min-height: 3.5rem;
	display: flex;
	place-items: center;
	padding-left: 1.7rem;
}

#j1pLeftMenu .j1p-mfe-as ul > li ul > li {
	height: 3.5rem;
	padding: 0 1rem;
}

#j1pLeftMenu .AppSwitchNavigation {
	display: flex;
	justify-content: flex-start;
}

#j1pLeftMenu .AppSwitchNavigation .j1p-mfe-as__icon > svg {
	height: 38px;
	width: 38px;
}

#j1pLeftMenu .AppSwitchNavigation .j1p-mfe-as__icon {
	padding-left: 10px;
}

#j1pLeftMenu .AppSwitchNavigationContainer h2 {
	font-size: 16px;
	display: flex;
	align-self: center;
}

/*search box*/
#j1pLeftMenu input.MuiInputBase-input {
	font-size: 14px;
}

#j1pLeftMenu input.MuiInputBase-input::placeholder {
	font-size: 14px;
	font-style: normal;
}

/*search results*/
body > .j1p-mfe-as p{
	color: var(--nav-primary-fg-color);
}
body > .j1p-mfe-as > div > div > div {
	padding: 1rem;
}

/*conf dialog*/
.MuiDialog-container ul li {
	font-size: 13px;
}

.MuiDialog-container div > h2 {
	font-size: 16px;
	line-height: 1.5;
}

.j1p-whole-container {
	display: flex;
}

.j1p-whole-container section.main {
	margin: 0px;
	width: 100%;
	overflow-y: auto;
	height: 100vh;
}

body.j1p-menu-loaded {
	overflow-y: hidden;
}


body.j1p-menu-loaded > .MuiPopper-root[role="menu"] {
	z-index: 5;
	/*
	 z-index=5 to be in foreground compared to
	 main toolbar-title
	 header when scrolling page
	 popup menu of sublevels
	*/
}

/* end buyer left-menu integration with J1P */



/******************  MOBILE VERSION  *******************/

@media screen and (max-width: 767px) {

	.sidebar.closed .first-level-menu-link {
		min-width: 4rem;
	}

	.sidebar > .sidebar-scroll {
		overflow-y: unset;
	}
	.first-level-icon {
		width: 4rem;
	}
	.first-level-menu-link {
		max-height: 4rem;
	}

	.first-level-menu-link.open .sidebar-second-level {
    	position: fixed;
		top: 0!important;
		right: unset!important;
		left: 4rem;
		background: black;
	}
	li.first-level-menu-link.open .sidebar-section-title {
		background: black;
		position: relative;
	}
	.sidebar-second-level-scroll {
		width: 100%;
		background: black;
	}
	li.sidebar-second-level-link:hover section.sidebar-third-level {
		top: 0;
		left: 0;
		z-index: 1;
	}

}

@media only screen and (max-width: 480px) {
	.sidebar ::-webkit-scrollbar {
		width: 0.6rem;
	}
	.sidebar > .sidebar-scroll {
		min-width: 4.6rem;
		overflow-y: auto;
		overflow-x: visible;
	}
	.first-level-menu-link.open .sidebar-second-level {
		z-index: 1;
	}
}



/************************************************************
    NEW SIDEBAR
/***********************************************************/
.sk-nav .ico-avatarSection {
	width: 4rem;
	height: 4rem;
	display: block;
	border-radius: 50%;
	background: var(--grey45);
	margin: 0 1rem;
}

.sk-nav .ico-itemMenu {
	width: 2rem;
	height: 2rem;
	display: block;
	margin: auto;
	border-radius: 0.5rem;
	background: var(--grey45);
}

nav.sk-nav {
	width: 6rem;
	height: 100%;
	max-height: 100%;
	display: block;
	transition: 0.4s;
	position: fixed;
	background-color: var(--j1-primary-bg-color);
	z-index: 100;
}

.sk-nav.open {
	width: 29rem;
}

.sk-nav .burger-menu {
	width: 100%;
	height: 5rem;
	margin-bottom: 1rem;
	background: var(--j1-secondary-bg-color);
	padding: 1.5rem 2rem;
}

.sk-nav .burger-menu img {
	max-width: 2rem;
	max-height: 2rem;
	display: block;
}

.sk-nav .burger-menu.bento-white img {
	filter: invert(1);
}

.sk-nav .wrapper-menu {
	height: calc(100% - 14rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 2rem;
	padding: 2rem;
}

.sk-nav .wrapper-menu ul.sk-menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 2rem;
}

.sk-nav .toggle-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
	padding: 0 2rem;
}

.sk-nav .toggle-wrapper img {
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	filter: invert(1);
	display: block;
	transform: rotate(180deg);
	transition: 0.3s;
}

.sk-nav.open .toggle-wrapper {
	justify-content: flex-end;
}

.sk-nav.open .toggle-wrapper img {
	transform: none;
}

.Tabs-flexContainer {
    width: 100%;
    display: flex;
    flex-direction: column;}

.Tab-Section {
    width: 100%;
    display: flex;
    position: relative;
    border-bottom: 0.1rem solid var(--grey50);
    background-color: var(--white);
    overflow: visible;
}

.Tab-Section.Tab-Section-FirstLevel {
    background-color: var(--grey50);}

.Tab-base {
    min-width: auto;
    max-width: 26.4rem;
    min-height: 5rem;
    position: relative;
    display: flex;
    flex-shrink: 0;
    margin: 0 1.5rem -0.1rem;
    box-sizing: border-box;
    padding: 0;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.25;
    text-align: center;
    letter-spacing: 0.0125em;
    text-transform: none;
    color: var(--grey20);
    opacity: 1;
    white-space: nowrap;
    pointer-events: auto;
    cursor: pointer;
    transition: background-color 200ms ease 0s;
}

 .Tab-base a {
    padding: 1.3rem 0;
    color: var(--grey20);
    max-width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Tab-base a:hover {
    text-decoration: none;
    color: var(--black);
}

.Tab-base.selected a {
    color: var(--black);
}

.Tab-Section.Tab-Section-FirstLevel .Tab-base.selected{
    background: var(--white);
}

.pending-selection{
    overflow: hidden;
}
.pending-selection main{
    pointer-events: none;
    opacity: 0.1;
}

.others-selectbox:focus{text-decoration: none;}

.pending-selection #area-menu-wrapper {
    box-shadow: 0rem 0.3rem 0.7rem 0rem rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 1365px) {
    .Tab-Section-SecondLevel .Tab-base {
        margin: 0;
    }
}
@media screen and (max-width: 1150px) {
    .Tab-Section-SecondLevel {
        flex-wrap: wrap;
    }
}

/* .area2On - Area highlight */
.Tab-base.highlight:before {
    content: "";
    fill: var(--blue20);
    width: 1rem;
    height: 1rem;
    background-color: var(--blue20);
    display: block;
    border-radius: 0.5rem;
    margin-top: 2rem;
    margin-left: 1rem;
}

.Tab-label {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 1rem;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 5rem;
}

.Tab-wrapper {
    width: 100%;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.Tab-label::after {
    content: "";
    width: 0;
    height: 0.2rem;
    background: var(--accent-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s;
}

.Tab-base:hover .Tab-label.selected,
.Tab-base:hover .Tab-label::after,
.Tab-base.selected .Tab-label::after {
    width: 100%;
}

.Tab-base.disabled {
    color: #b0b0b0;
    opacity: 1;
    pointer-events: none;
    cursor: not-allowed;
}

.Tab-base:hover {
    background-color: var(--grey50);
}
.Tab-base:hover .Tab-label a{
    font-weight: 400;
    color: var(--black);
}

.Tab-base .counter {
    margin-left: 0.5rem;
}

.Tab-WithSubTabs {
    overflow: visible;
}


.Tab-label .IconButton-label {
    width: auto;
    padding: 0;
}


.Tab-labelText {
    max-width: unset;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*  VERTICAL ALIGN ARROW IN THE SUBMENU ITEM */
.Tab-base .Tab-label {
    line-height: 0;
}

/* TAB PRIMO LEVEL */
.Tab-Section-FirstLevel .Tab-label a {
    color: var(--grey10);
}

/* TAB SECOND LEVEL */
.Tab-Section-SecondLevel .Tab-base{
    white-space: unset;
}
.Tab-Section-SecondLevel .Tab-base a{
    color: var(--grey10);
    overflow: unset;
    text-overflow: unset;
}
/* TOOLBAR CSS */

.toolbar {
	vertical-align: baseline;
	position: relative;}

/* Toolbar first level */
#mainToolbar {
	text-align: right;
	margin-bottom: 1rem;
	min-height: 2.5rem;
	display: flex;}

ul.select-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-grow: 1;
}
ul.select-list li {
	display: flex;
	margin-right: 1rem;
}
ul.select-list li:last-child {
	margin-right: 0;
}
.formResponseElementTitle ul.select-list li:last-child {
	margin-right: 0.5rem;
}

ul.select-list li, .select-list a {
	font-size: 1.3rem;
	cursor: pointer;}
.select-list a:hover {
	text-decoration: underline;}
li.select-list {
	position: relative;}
.select-list img {
	margin-right: 0.2rem;
	display: inline-block;
	padding: 0;
	vertical-align: middle;}
.select-list li > a > img {
	margin-bottom: 0;}

.leftArea {
	left: 0;
	text-align: left;
	width: auto;}
.leftArea a {
	border: 0.1rem solid var(--grey50);
	border-radius: 0.5rem;
	color: var(--grey20);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	font-size: 1.3rem;
	height: 3.2rem;
	padding-left: 0.8rem;
	padding-right: 0.8rem;}
.leftArea li {
	display: inline-block;}
.leftArea li:not(.icon-only) img {
	margin-right: 0.5rem;
	vertical-align: middle;}
.leftArea span {
	display: inline-block;}
.leftArea li:hover, .leftArea a:hover {
	text-decoration: underline;
	background-color: var(--grey50);}
.toolbar.single-line .leftArea {
	display: inline-block;}
.secondary .leftArea {
	float: none;
	margin-bottom: 0.5rem;}

/* Toolbar first level -  External call */
#mainToolbar .extCallbutton.select-list .select-wrapper {
	border: 0.1rem solid var(--white);}
#mainToolbar .extCallbutton.select-list > a {
	background: none;
	line-height: 2.8rem;}
#mainToolbar .extCallbutton.select-list a:hover .select-wrapper {
	border: 0.1rem solid var(--grey50);
	transition: border 0.5s ease, box-shadow 0.5s ease;
	box-shadow: 0.1rem 0.1rem 0.1rem var(--grey40);}

td .extCallbutton.select-list .select-wrapper .holder {
	color: var(--blue20);
	font-weight: bold;}
/* Toolbar first level - Back to list button */
#mainToolbar .leftArea.aloneButton {
	position: relative;}

/* Toolbar first level - Layout fixed */
#mainToolbar.fixed {
	z-index: 9;}
#mainToolbar.fixed .leftArea.aloneButton {
	position: absolute !important;}

/* Secondary Toolbar */
.toolbar.secondary {
	margin-top: 0.8rem;}
.secondary ul {
	float: right;
	margin-bottom: 1rem;
	align-content: center;}
.formResponseElementTitle.header .secondary ul{ min-height: 4.5rem; }
.secondary li.toolbar-button a, .listToolbar li.toolbar-button a {
	background: linear-gradient(to bottom, var(--white) 0%, var(--grey50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	color: var(--blue20);
	display: inline-flex;
	align-items: center;
	font-size: 1.3rem;
	height: 3.2rem;
	padding: 0 0.9rem;}
.secondary li.toolbar-button a:hover, .listToolbar li.toolbar-button a:hover {
	text-decoration: none;}
li.toolbar-button a {
	display: inline-flex;
	height: 3.2rem;
	align-items: center;
}

td div.toolbar.secondary, td ul.select-list {
	margin: 0;
}

/* Secondary Toolbar -  floating */
.toolbar.secondary.floating.fixed {
  position: fixed;
  top: 8.3rem;
  right: 0;
  width: calc(100% - 6rem);
  justify-content: flex-start;
  background: rgba(250,250,250, 0.85);
  box-shadow: 0 0 0.4rem 0 #a0a0a0;
  z-index: 8;
  padding: 0 0.5rem;
  transition: left 0.5s 0s ease, width 0.5s 0s ease;}
.toolbar.secondary.floating.fixed ul.select-list {
	margin: 0.5rem;}
.toolbar.secondary.floating.fixed ul.leftArea {
	position: relative;
	float: left;
	margin: 0.5rem;}

/* Three Dots - Button */
a.others-selectbox {
	background: linear-gradient(to bottom, rgba(254, 255, 255, 1) 0%, rgba(249, 251, 253, 1) 47%, rgba(244, 248, 252, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: flex;
	align-items: center;
	height: 3.2rem;
	}
a.others-selectbox:hover {
	text-decoration: none;
}
.select-list.others-top.threeDots .others-selectbox .select-wrapper {
	background: none;
	min-width: inherit;}
.select-list .select-wrapper {
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	display: inline-flex;
	align-items: center;
	height: 3.2rem;
	position: relative;
	padding-right: 0;
	text-align: left;}
.select-wrapper {
	background: url("../png/dropdown-arrowmdel.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	display: inline-block;
	padding-right: 1.5rem;
	position: relative;
	width: auto;}
.select-list.others-top.threeDots .select-wrapper .holder {
	display: none;}
.select-list.others-top.threeDots .select-wrapper::after {
	content: "\2022\2022\2022"; /*Three bullets*/
	height: 3.2rem;
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	color: var(--black);
	padding: 0 0.9rem;
	visibility: visible;
}
.others-top.threeDots.active .others-selectbox {
	background-image: none !important;}
.select-list .select-wrapper .holder {
	display: inline-flex;
	align-items: center;
	font-size: 1.3rem;
	font-weight: normal;
	left: 0;
	overflow: hidden;
	padding: 0 2.1rem 0 0.9rem;}
span.holder {
	display: block;
	height: 3.2rem;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	font-weight: bold;
	z-index: 1;}

.select-list.others-top.threeDots.active .others-selectbox {
	background-color: var(--grey40);}
.others-top.active .others-selectbox {
	background: url("../png/actions_uparrow53n8.png") no-repeat scroll calc(100% - 0.4rem) center transparent !important;
	border-radius: 0.3rem;}
.others-selectbox .select-wrapper {
	background: url("../png/filter-arrow9lr9.png") no-repeat scroll right center content-box rgba(0, 0, 0, 0);}
.others-top.active .others-selectbox .select-wrapper, .others-top.active .others-selectbox .holder {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
li.select-list.active > a .select-wrapper {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

/* Three Dots - Dropdown */
.white-dropdown-wrap {
	position: absolute;
	top: 3.2rem;
	z-index: 99;}
.others-top .white-dropdown-wrap, .others-top1 .white-dropdown-wrap {
	right: -0.3rem;
	width: 18.5rem;}

.white_arrow {
	background: url("../png/white_arrow0mlq.png") no-repeat scroll right top rgba(0, 0, 0, 0);
	display: block;
	height: 0.5rem;
	position: relative;
	top: 0.1rem;
	left: -1rem;
	width: 100%;
	z-index: 99;}

ul.white-dropdown {
	background: none repeat scroll 0 0 var(--white);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.5rem;
	box-shadow: 0 0 0.4rem var(--grey30);
	margin-top: 0;}
.others-top ul.white-dropdown li, .others-top1 ul.white-dropdown li, .others-menu-content ul.white-dropdown li {
	border-bottom: 0.1rem solid var(--grey40);
	display: flex;
	margin: 0 0.7rem;
	padding: 0;
	text-align: left;}
.others-top ul.white-dropdown li a, .others-top1 ul.white-dropdown li a, .others-menu-content ul.white-dropdown li a, #actions-menu ul.white-dropdown > li > a {
	display: flex;
	line-height: 1.9rem;
	margin: 0;
	color: var(--blue20);
	align-items: center;
	width: 100%;}
.white-dropdown li:last-of-type {
	border: 0 !important;}
.white-dropdown > li > a > img {
	margin-bottom: 0.2rem;}
.others-top ul.white-dropdown li a span {
	display: flex;
	padding: 0.7rem 0.2rem;
	font-weight: normal;
	-ms-flex-positive: 1;
	flex-grow: 1;}
ul.white-dropdown > li > form {
	width: 100%;}

/* toolbar submenu item align to left */
.select-list li .white-dropdown-wrap .white-dropdown li{
	margin: 0.7rem 0.7rem 0.7rem 0;
}
.select-list li .white-dropdown-wrap .white-dropdown li .ButtonBase-standard{
	text-align: left;
	padding: 0.5rem 2rem 0.5rem 1.5rem;
}

/* Big buttons - Edit mode */
.floatingWrapper {
	margin-top: 1rem;
	margin-bottom: 1rem;}

.edit-save-wrapper {
	text-align: right;
	overflow: visible;
}
.edit-save-wrapper ul.button-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	white-space: nowrap;
	flex-grow: 1;
}
.edit-save-wrapper ul.button-list li{
	margin-right: 1rem;
}
ul.button-list {
	display: inline-flex;}
.button-list li {
	display: flex;
	margin-right: 0.5rem;
}
.button-list li:last-child {
	margin-right: 0;}
.formResponseElementTitle .button-list li:last-child {
	margin-right: 0.5rem;
}
.button-list li a {
	color: var(--blue20);
	display: inline-flex;
	align-items: center;
	font-weight: normal;
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	height: 3.2rem;
	padding: 0 0.9rem;
	background-color: var(--white);}
.button-list img {
	margin-left: 0;
	vertical-align: middle;
	margin-bottom: 0.5rem;}

.floatingWrapper .button-list a, #mainToolbar-wrapper .button-list a, .bigButton .button-list a, .blocked .button-list a {
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	display: inline-flex;
	align-items: center;
	height: 3.2rem;
	padding: 0 0.9rem;
	background-color: var(--white);}

/* Big buttons - Layout fixed */
.edit-save-wrapper.floating.fixed, #mainToolbar.fixed {
	position: fixed;
	left: 6rem;
	top: 4.7rem;
	width: calc(100% - 6rem);
	display: flex;
	justify-content: flex-start;
	padding: 0 1rem;
	transition: left 0.5s 0s ease, width 0.5s 0s ease;
}
#cntAllPage .edit-save-wrapper.floating.fixed {
	left: 0;
	width: 100%;
}

.edit-save-wrapper.floating.fixed {
	z-index: 9;}

/* Big buttons - inside formResponseElementTitle */
.formResponseElementTitle .floatingWrapper {
	float: right;
	margin: 0;
}
.formResponseElementTitle .floatingWrapper .button-list a {
	font-size: 1.2rem;
}
.formResponseElementTitle .edit-save-wrapper ul.button-list {
	display: flex;
	align-items: center;
	min-height: 4.5rem;
}

/* Role Buttons - Important (Main toolbar / Big buttons) */
.greenButton a, .edit-save-wrapper .important-button a, #mainToolbar .important-button a {
	background: linear-gradient(to bottom, #90BA4D 0%, #7FAF33 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border:0.1rem solid #7FAF33;
	border-radius: 0.3rem;
	color: var(--white);
	font-size: 1.2rem;
	line-height: 3.2rem;
	padding: 0 2.1rem;
	height: 3.2rem;}
.greenButton a:hover, .edit-save-wrapper .important-button a:hover, #mainToolbar .important-button a:hover {
	background: var(--green35) none repeat scroll 0 0;
	text-decoration: none;}
.greenButton > a img {
	display: none;}
.greenButton > a > img {
	display: none;}

/* Role Buttons - Important (Secondary toolbar / Cnt) */
.listToolbar li.toolbar-button.important-button a, li.toolbar-button.blue-button a, .secondary li.toolbar-button.important-button a, #searchManager-wrapper .edit-save-wrapper .important-button a, .formResponseBtn.important-button > a {
	background: none repeat scroll 0 0 var(--navy35);
	border: 0.1rem solid var(--navy35);
	color: var(--white);
	min-width: 4rem;}
.listToolbar li.toolbar-button.important-button a:hover, li.toolbar-button.blue-button a:hover, .secondary li.toolbar-button.important-button a:hover, #searchManager-wrapper .edit-save-wrapper .important-button a:hover, .formResponseBtn.important-button > a:hover {
	background-color: var(--blue30);
	border: 0.1rem solid var(--blue30);
	color: var(--white);}
/* Role Buttons - Important (Secondary toolbar: icon-ADD, icon-ADD_LINE, icon-ADD_COL) */
.toolbar .important-button.icon-ADD a, .toolbar .important-button.icon-ADD_LINE a, .toolbar .important-button.icon-ADD_COL a {
	border: 0.1rem solid var(--navy35) !important;
	padding-left: 2.5rem !important;}
.toolbar .important-button.icon-ADD a:hover, .toolbar .important-button.icon-ADD_LINE a:hover, .toolbar .important-button.icon-ADD_COL a:hover {
	border: 0.1rem solid var(--blue30) !important;
	padding-left: 2.5rem !important;}
/* Role Buttons - Important (Secondary toolbar: icon-SAVE) */
.toolbar .important-button.icon-SAVE a {
	border: 0.1rem solid var(--navy35) !important;
	padding-left: 2.5rem !important;}
.toolbar .important-button.icon-SAVE a:hover {
	border: 0.1rem solid var(--blue30) !important;
	padding-left: 2.5rem !important;}
.toolbar-button.important-button a img, .button-list .important-button a img {
	display: none;}

/* Role Buttons - Important (Button type icon: icon-SAVE) */
td .formResponseBtn.icon-only.important-button > a > img {
	display: none;}
td .formResponseBtn.icon-only.important-button a {
	border: 0.1rem solid var(--blue20) !important;
	padding-left: 2.5rem !important;}

/* Role Buttons -  Warning */
.warning-button a {
	color: var(--red300) !important;}

/* Buttons into cnt - Edit mode page */
div.formResponseBtn {
	display: inline;}
div.formResponseBtn a {
	background: linear-gradient(to bottom, #FFFFFF 0%, #F5f8FC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	color: var(--blue20);
	display: inline-flex;
	align-items: center;
	font-size: 1.3rem;
	height: 3.2rem;
	margin-left: 0.8rem;
	padding: 0 0.9rem;
	vertical-align: top;}
div.formResponseBtn img {
	margin-bottom: 0.2rem;
	padding-bottom: 0;
	padding-right: 0.5rem;}

/* Buttons into table (Icon only) */
td > div.formResponseBtn.icon-only {
	display: inline-table;}
.formResponseBtn.icon-only > a {
	margin-left: 0;
	vertical-align: middle;
	padding: 0 0.4rem;}
.formResponseBtn.icon-only img {
	padding-right: 0;}
.formResponseBtn.important-button > a > img {
	display: none;}

/* Buttons not actived (disabled) */
.disabled {
	opacity: 0.3;}
.disabled > a {
	cursor: default;}

/* Contex Helper tag */
.icon-onlyCnt .formResponseBtn.icon-only > a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;}

/* Secondary toolbar (navbar seller rfq / scorecard form) */
div.toolbarDiv {
	background-color: var(--grey50);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.5rem 0 0.5rem;
	margin-bottom: 0.5rem;}

div.toolbarDiv .toolbar.secondary {
	margin-top: 0.5rem;}
div.toolbarDiv .secondary ul {
	margin-bottom: 0.5rem;}
div.toolbarDiv ul.select-list li {
	margin-left: 0;}
div.toolbarDiv .floatingWrapper {
	margin: 0;}

div.toolbarDiv h3.paragraph {
	width: auto;
	text-transform: none;
	flex-grow: 1;
	border: none;
	margin: 0;
	margin-left: 0.5rem;
}
.localeCapitalization div.toolbarDiv h3.paragraph {
	text-transform: capitalize;
}

/*
classi nuove per toolbar JA20 da usare al posto di listToolbar
*/

.headerToolbar {
	background: linear-gradient(to bottom, var(--white) 0%, var(--grey50) 47%, var(--grey50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey40);
	padding: 1rem 1rem;
	margin-top: 0.5rem;
	clear: right;
	min-height: 3rem;
	display: flex;
	align-items: center;
}

.headerToolbar li:not(:last-of-type) {
	padding-right: 1rem;
}

.headerToolbar li.toolbar-button.icon-only {
	flex-grow: 1;
	justify-content: flex-end;
	display: flex;
}

.sidebar.open + #main #fixedHeader.fixed {
	left: 22.1rem;
}


.sidebar.open + #main .fixed #titleGraphic {
	left: 22rem;
	width: calc(100% - 22rem);
}
.sidebar.open + #main .edit-save-wrapper.floating.fixed, .sidebar.open + #main #mainToolbar.fixed {
	left: 22rem;
	width: calc(100% - 22rem);
}
.sidebar.open + #main .select-list.tableContent.fixed{
	left: 23rem;
}


/** NEW RULES CSS V.22.1 **/
.toolbar-root {
	width: 100%;
	height: 5rem;
	display: flex;
	flex-wrap: nowrap;
	place-content: flex-end;
	position: sticky;
	top: 4rem;
	background: var(--white);
	border-bottom: 0.1rem solid var(--grey50);
	z-index: 2;
}
.back-wrap {
	display: flex;
	align-items: center;
	padding-left: 1rem;
}
.headline-wrap {
	display: flex;
	padding: 0 2rem;
	align-items: center;
	position: relative;
}
#titleToolbar .headline-wrap {
	overflow: hidden;
	flex-wrap: nowrap;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.headline-wrap h1 {
	max-width: 60rem;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-transform: unset;
}

#titleToolbar .headline-wrap h1 {
	max-width: unset;
}

.headline-wrap h1 .mainTitle .trsxButtonClass {
	position: absolute;
	top: 1.5rem;
	right: 0.3rem;
}



/******************  MOBILE VERSION  *******************/

@media screen and (max-width: 767px) {
	.toolbar-root {
		height: auto;
		flex-wrap: wrap;
		place-content: flex-start;
		background: var(--white);
		padding: 0 1rem 0.5rem 1rem;
	}

	.toolbar-root .toolbar-firstSide {
		flex: 1 100%;
		width: 100%;
		max-width: 100%!important;
	}
	.toolbar-root .toolbar-firstSide .headline-wrap {
		margin-right: 0;
		padding: 0;
	}
	.toolbar-root .toolbar-secondSide {
		width: 100%;
		flex-wrap: wrap;
	}
	.toolbar-root .toolbar-secondSide .configure-wrap {
		position: absolute;
		top: 0.2rem;
		right: 0;
		margin-right: 1rem;
		padding-right: 0;
	}
	.toolbar-root .toolbar-secondSide .button-wrap {
		gap: 0.5rem;
	}
	.toolbar-root .toolbar-secondSide .button-wrap button.ButtonBase-standard {
		padding: 0.5rem 0.4rem;
		font-size: 1.2rem;
	}
	
		.Tabs-flexContainer {
		overflow: hidden;
	}
}

.supplier-registration-nowrap .headline-wrap h1{
	max-width: unset;
	white-space: normal;
    overflow: visible;
	line-height: 1.3;
}

.back-wrap + .headline-wrap{
	padding: 0 2rem 0 1rem;
}

span.mainTitle a {
	font-size: 1.8rem;
	padding-right: 1rem;
}
span.subTitle {
	padding-left: 1rem;
}
span.subTitle:before {
	content: " ";
	width: 0.6rem;
	height: 0.6rem;
	display: inline-block;
	position: absolute;
	margin-top: 1.3rem;
	margin-left: -1.5rem;
	border-radius: 0.3rem;
	background-color: var(--black);
}
.status-wrap {
	display: flex;
	align-items: center;
	padding: 0 2rem;
	border-left: 0.1rem solid var(--grey50);
}

#titleToolbar .toolbar-firstSide .status-wrap .status-text {
	white-space: nowrap;
}

#titleToolbar .toolbar-firstSide .headline-wrap h1 {
    margin-right: 1rem;
}
#titleToolbar .toolbar-firstSide .headline-wrap {
	margin-right: 1.5rem;
}

.sidebarToggle-wrap {
	display: flex;
	align-items: center;
	padding-left: 1rem;
	border-left: 0.1rem solid var(--grey50);
}
.configure-wrap {
	display: flex;
	align-items: center;
	padding-right: 1.9rem;
	border-right: 0.1rem solid var(--grey50);
	margin-right: 2rem;
}

.configure-wrap button svg,
.nav-tool-section button svg,
.config-stored-filter button svg,
.button-placeholder button svg{
	width: 2rem;
	height: 2rem;
}

.action-wrap {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0 2rem 0 0;
}

.action-wrap .ICON-EDIT,
.action-wrap .ICON-DELETE{
	margin-right: 0.7rem;
}

.action-wrap button .SVG-360 {
    margin-right: 1rem;
}

#mainActionWrap {
	padding: 0 1rem 0 0;
}
.button-wrap {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.button-wrap .threeDots {
    margin-right: 1rem;
}

.button-wrap .button-placeholder:last-of-type{
	margin-right: 2rem;
}

#titleToolbar .toolbar-secondSide .button-wrap span.Button-label {
	white-space: nowrap;
}

.toolbar-firstSide {
	display: flex;
	flex-grow: 1;
	text-align: center;
}

#titleToolbar .toolbar-firstSide {
	max-width: 100%;
}
.toolbar-secondSide {
	display: flex;
}

.toolbar-firstSide button.disabled {
    background-color: unset;
}

/*TOOLBAR DI SECONDO LIVELLO*/
.content-toolbar.toolbar-root {
	position: unset;
	padding-left: 2rem;
	z-index: 3;
}


/*  toolbar priceListFormObject  */
.priceListFormObject .content-title {
	width: 100%;
    place-content: space-between;
}
.priceListFormObject .dijitTextBox .dijitInputField {
	width: 100%;
}

.additionalSidebar.collapsed + .containerDetail .content-toolbar.toolbar-root .toolbar-firstSide .content-title{
	padding: 0 2rem 0 1.4rem;
}

.content-navigation {
	display: flex;
	column-gap: 1rem;
	padding-right: 1rem;
}

.content-toolbar .content-navigation {
	align-items: center;
}

.content-title {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	line-height: 2.5rem;
	letter-spacing: 0.02rem;
	padding-right: 2rem;
}
.content-title a{
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	line-height: 2.5rem;
	letter-spacing: 0.02rem;
	color: var(--blue20);
}
.content-breadcrumbs {
	display: flex;
	align-items: center;
	border-left: 0.1rem solid var(--grey50);
	padding: 0 2rem;
}
.content-breadcrumbs a {padding: 0 0.5rem 0 0.1rem;}

/*  page detail contract  */
.listmove .content-toolbar .toolbar-firstSide .content-title {
    width: 100%;
    place-content: space-between;
	font-weight: 500;
}

/*TOOLBAR DI SECONDO LIVELLO (fondo pagine - Tree)*/
.content-toolbar.toolbar-root.tree-toolbar-bottom, .show-tree-page .selectedNodes-wrapper {
	height: 6rem;
	background-color: var(--white);
	margin-left: 0;
	border: none;
	box-shadow: 0 -0.2rem 0.5rem 0 rgb(0 0 0 / 20%);
}

.content-toolbar.toolbar-root.tree-toolbar.tree-toolbar-bottom {
    width: 100%;
    position: fixed;
    top: unset;
    bottom: 0;
    left: 0;
}

.show-tree-page .selectedNodes-wrapper {
	margin-bottom: 1rem;
	height: auto;
}
.selectNumber {
	background-color: var(--blue20);
	border-radius: 5rem;
	height: 2rem;
	width: 2rem;
	place-content: center;
	display: flex;
	place-items: center;
	margin-left: 1rem;
	color: var(--white);
}

.tree-toolbar-bottom .toolbar-secondSide {
	width: 85%;
	justify-content: center;
}
.tree-toolbar-bottom button.disabled {
	display: none;
}


/*  Assessment Statuses  Fix*/
.dijitDialogPaneContentText .heading-2{
	margin: 1rem 0;
}
#testStatusColor {
    margin-top: 0.5rem;
    display: inline-block;
}

.section-header {
	display: flex;
	background-color: var(--grey50);
	min-height: 3.6rem;
	align-items: center;
}

.containerDetail .section-header{
	background-color: var(--navy40);
}
.containerDetail .table_cnt_head th > div.section-header {
	background-color: var(--white);
}

.formRead.twoColumns .section-header.heading-2 + ul {
    margin-top: 2rem;
}

.section-header .section-title {
	flex-grow: 1;
	padding-left: 2rem;
	padding-right: 0.8rem;
}
.section-header .section-title a{
	color: var(--black);
}

.section-header .section-title.Accordion{
	padding-left: 1rem;
}


.list-table + .section-header {
	margin-top: 2rem;
}

.content-toolbar .toolbar-secondSide .SVG-chevron-right, .content-toolbar .toolbar-firstSide .SVG-chevron-right{position:relative;}
.content-toolbar .toolbar-secondSide .SVG-chevron-right:before{
	content: "";
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	position: absolute;
	background: var(--white);
	top:0;
	left:0;
	z-index: -1;
}

/*  position more up for last toolbar  */
#area3MenuToolbar {
    position: sticky;
    z-index: 3;
}

/*  TEST SECOND SIDE ALIGNMENT RIGHT  */
.additionalSidebar + .containerDetail .content-page .toolbar-secondSide .button-wrap .button-placeholder:last-of-type {
	margin-right: 0;
}

.content-page .content-header{
	width: calc(100% + 2rem);
}
.content-page .auto-overflow .content-header {
    width: 100%;
}
/*

/*  TEST SECOND SIDE ALIGNMENT RIGHT  */


/******************  MOBILE VERSION  *******************/

@media screen and (max-width: 767px) {

	.toolbar-secondSide{
		flex: 1;
		width: 100%;
	}
	
	.toolbar-secondSide .button-wrap {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	#titleToolbar .toolbar-firstSide .headline-wrap h1 {
		margin-right: 0;
		font-size: 1.6rem;
	}
	#titleToolbar .toolbar-firstSide .headline-wrap {
		margin-right: 0.5rem;
	}

	.status-wrap {
		padding: 0 2rem 0 0;
	}

	.back-wrap {
		padding-right: 1.5rem;
		padding-left: 0;
	}

	#area3MenuToolbar {
		margin-bottom: 2rem;
		top: 0.5rem;
	}

	.content-toolbar.sticky-secondary .toolbar-firstSide .content-title {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.content-page .content-header .toolbar-secondSide {
		justify-content: flex-end;
	}
	.content-page .content-header .toolbar-secondSide .action-wrap{
		padding: 0 1rem 0 0;
	}


}

@media screen and (max-width: 500px) {

	.headline-wrap h1 .mainTitle{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.headline-wrap h1 .mainTitle a{
		padding-right: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.headline-wrap h1 .mainTitle .trsxButtonClass {
		position: relative;
		top: 0;
		right: 0;
	}

}

/* COMPONENTS CSS */

/* DIV / POP-UP */
/* loadingOverlay - Div overlay */
.pageOverlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.loadingOverlay {
	position: fixed;
	text-align: center;
	z-index: 5001;
	background-color: rgba(0, 0, 0, 0.3);
	display: table;
}
.loadingMessage {
	display: table-cell;
	vertical-align: middle;
}
.loadingMessage .loadingMessageContent {
	border-radius: 0.5rem;
	border-top: 0 none;
	margin: auto;
	width: 40rem;
	padding: 0;
	padding-top: 1rem;
}
.loadingMessage .loadingMessageContent > div {
	padding-bottom: 1rem;
	padding-top: 1rem;
}

/*  VISIBLE LABEL FOR SUPPLIER LIST*/
.listToolbar li.visible-label {
	display: flex;
    place-items: center;
    column-gap: 0.5rem;
}
.listToolbar li.visible-label .displayNone {
    display: block!important;
}

#unused-cntAllPage .treeSelection .table_tree_body_c, #unused-cntAllPage .treeSelection .table_tree_body_d {
    padding-left: 5.8rem;
}

/* waitDialogDiv - Div please wait */
.pleaseWaitDialog {
	text-align: center;}
.pleaseWaitDialog > div {
	padding-bottom: 1rem;
	padding-top: 1rem;
	min-width:25rem;
}

/* New Div please wait - Asynch list */
.xhr-busy {
	position: relative;}
.tbOverlay {
	display: none;}
.xhr-busy .tbOverlay {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background-color: var(--white);
	z-index: 300;
	opacity: 0.4;
}

/* Div popup modale */
.divCntIntoPage {
	width: 64rem;
	position: absolute;
	background-color: rgba(255, 255, 255, 1);
	border: 0.1rem solid var(--grey50);
	border-radius: 0.5rem;
	box-shadow: 0 0 0.4rem #96A1AB;
	padding: 1rem;
	z-index: 200;
}
.divCntIntoPage_Title {
	cursor: move;
	overflow: hidden;
	padding: 0.4em 0 0.1em;
	text-align: right;}
.divCntIntoPage_Title:hover {
	background: var(--grey50);}
.divCntIntoPage_Title .side {
	float: right;
	margin-bottom: 0.5rem;}
.divCntIntoPage_Cnt, .divCntIntoPage_Cnt_Small {
	max-height: 45rem;
	overflow-y: auto;
	padding: 0;}
.divCntIntoPage_Cnt_Small {
	min-height: 9.5rem;}
.divCntIntoPage_Btn {
	text-align: center;}
.divCntIntoPage_Cnt .reorderDiv table tr .sortable-td-container{
	width: 80%;
}
.divCntIntoPage_Cnt .reorderDiv table tr .typeThreeCols{
	width: 20%;
}
/* Div moreInfoBox */
.moreInfoBox {
	position: absolute;
	margin: 0.5rem;
	padding: 0.5rem;
	background-color: var(--white);
	border-radius: 0.3rem;
	box-shadow: 0 0.2rem 0.5rem 0 rgb(0 0 0 / 20%);
	z-index: 50;
}
.moreInfoBoxHeader {
	height: 4rem;
	background-color: var(--nav-primary-bg-color);
	border-bottom: none;
	line-height: 1.7rem;
	margin: -0.5rem -0.5rem 0.3rem;
	overflow: hidden;
	padding: 1.1rem 2rem;
	cursor: move;
	outline: 0;
	color: var(--nav-primary-fg-color);
}
.moreInfoBoxHeader > a {
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 0;
	cursor: pointer;
	display: block;
	margin-top: 0.5rem;
	float: right;
	font-size: 1rem;
	text-align: center;
	background-size: 1.6rem;
	text-indent: -999rem;
	color: var(--nav-secondary-fg-color)!important;
}
.not-migrated .moreInfoBoxHeader > a {
	background: url(../svg/close5nw6.svg) no-repeat;
	filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(8%) hue-rotate(162deg) brightness(104%) contrast(102%); /*white for svg in background*/
}
.not-migrated .moreInfoBoxHeader a:hover {
	background: url(../svg/close5nw6.svg) no-repeat;
	filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(8%) hue-rotate(162deg) brightness(104%) contrast(102%); /*white for svg in background*/
}
div.moreInfoBox table {
	background: none !important;}
.moreInfoBox .resize-wrapper .moreInfoBoxCnt .categoryList .form_answer {
	flex-direction: column;
}
.moreInfoBox .resize-wrapper .moreInfoBoxCnt .categoryList .form_answer .insideNode{
	padding: 0.5rem 0 0.5rem 3.5rem;
}
.moreInfoBox .resize-wrapper .moreInfoBoxCnt .categoryList .form_answer .displayFlex .mainLine {
    display: flex;
    gap: 0.5rem;
}
.moreInfoBoxHeader > span {
	display: inline-flex;
	flex-grow: 1;
	font-weight: 700;
	justify-content: center;}

.moreInfoBoxCnt {
	padding: 0.7rem;
	font-size: 1.3rem;
	padding-bottom: 0.2rem;
	font-weight: normal;}
.moreInfoBoxCnt h4, .moreInfoBoxCnt h4 a {
	font-size: 1.4rem;
	color: var(--black);
	font-weight: bold;
	margin-bottom: 0.5rem;}
.moreInfoBoxCnt h5 {
	font-size: 1.2rem;
	font-style: italic;
	margin-bottom: 0.5rem;}
.moreInfoBoxCnt hr {
	height: 0.1rem;
	background-color: var(--grey40);
	border: 0 none;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;}
.moreInfoBoxCnt p {
	margin-bottom: 0.5rem;}
.moreInfoBoxCnt_left, .moreInfoBoxCnt_leftAll {
	display: inline-block;
	font-style: italic;
	min-width: 50%;
	max-width: 75%;
	vertical-align: middle;}
.moreInfoBoxCnt_leftAll {
	width: 100%;}
.moreInfoBoxCnt_right {
	width: auto;
	display: inline-block;}
.moreInfoBoxCnt_right:before {
	content: "=";}

.moreInfoBox.alternativeCurrency {
	width: auto;
	min-width: 28rem;}
.moreInfoBox.alternativeCurrency > div:nth-child(2), .moreInfoBox.alternativeCurrency > div:nth-child(3) {
	line-height: 3rem;
	text-align: center;}
.moreInfoBox.alternativeCurrency > div + table {
	margin-top: 2rem;}
.moreInfoBox.alternativeCurrency table tr.table_cnt_head {
	background: var(--white);}
.moreInfoBox.alternativeCurrency table tr:nth-child(2) {
	background: var(--grey50);}

.moreInfoBox.bigInfoBox {
	width: auto;
	min-width: 80rem;
	max-height: 37.4rem;
	overflow-x: auto;
}
.moreInfoBox.bigInfoBox.not-migrated .moreInfoBoxHeader > a {
	width: 2rem;
	height: 2rem;
	margin-top: 0;
}

.moreInfoBoxResizable.moreInfoBox {
	width: auto;
	max-width: 80%;
}
.moreInfoBoxResizable .resize-wrapper {
	max-width: 100%;
	overflow: auto;
	margin-bottom: 1rem;}
.moreInfoBoxResizable .moreInfoBoxCnt > span {
	padding: 0;}
.moreInfoBoxResizable #treeContainer {
	border: 0;}
.moreInfoBoxResizable #treeContainer > ol {
	padding-left: 0;
	padding-right: 2rem;
	padding-bottom: 2rem;}
.moreInfoBoxResizable #treeContainer span {
	width: auto;}
.moreInfoBoxResizable #treeContainer .insideNode span {
	display: block;}
.moreInfoBoxResizable #treeContainer div.mainLine {
	width: auto;}
.moreInfoBoxResizable .dojoxResizeHandle {
	width: 2.5rem;
	height: 2.5rem;
	background: linear-gradient( 135deg, rgba(227, 227, 227, 0) 0%, rgba(227, 227, 227, 0) 50%, rgba(227, 227, 227, 0.8) 51%, rgba(227, 227, 227, 0.8) 100%);
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: nw-resize;}

.moreInfoBox select {
	max-width: 100%;}

.moreInfoBox.bigInfoBox.autoBox {
	min-width: 80rem;
	width: auto;
	overflow-x: auto;
	max-height: 37.4rem;}
.moreInfoBox.bigInfoBox.autoBox .table_cnt_head th {
	background-color: var(--white);
	position: sticky;
	top: 2.6rem;}
.moreInfoBox.bigInfoBox.autoBox .moreInfoBoxHeader {
	background-color: var(--grey40);
	border-bottom: 0.1rem solid var(--grey30);
	cursor: move;
	height: auto;
	line-height: 1.7rem;
	margin: -0.5rem -0.5rem 0.3rem;
	overflow: hidden;
	padding: 0.5rem;
	text-align: center;
	position: sticky;
	top: -0.6rem;
	z-index: 10;}

.moreInfoBox .formResponseElementTitle {
	font-size: 1.4rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem 0.5rem;}

.moreInfoBox  .table_tree_body_c, .moreInfoBox .table_tree_body_d {
	padding: 0.5rem !important;
	margin: 1rem;}



.resize-wrapper .moreInfoBoxCnt .categoryList .form_answer .collapseNode, .resize-wrapper .moreInfoBoxCnt .categoryList .form_answer .expandNode{
	margin-top: 0;
}
td.moreInfoBoxTdSelected {
	background-color: var(--grey50);}

/* fix Content Editable To Suppliers During New Round AREA */
.table_tree_body_d .FormField-Label, .table_tree_body_c .FormField-Label {
    display: inline-flex;
}

/* Div Registration data/User Picture */
.form_container li.preview {
	border-bottom: none !important;}
.preview .userImg {
	height: 8rem;
	width: 8rem;}

.form_answer.preview > div {
	display: table;
	table-layout: fixed;
	width: 100%;}
.form_answer.preview div.previewImg {
	display: table-cell;
	width: 9rem;}
.form_answer.preview div.previewText {
	font-weight: bold;
	font-size: 2.2rem;
	color: var(--grey20);
	display: table-cell;
	vertical-align: middle;}

/* USER DIV 19.2 */
.user-div {
	position: absolute;
	width: 52rem;
	min-height: 4.5rem;
	background-color: var(--white);
	box-shadow: 0 0 0.4rem #96A1AB;
	font-size: 1.3rem;
	border-radius: 0.3rem;
	z-index: 860;
}
.user-div-upper {
	background-color: var(--grey50);
	display: flex;
	height: 4rem;
	padding: 0 2rem 0 2rem;
}
.user-div-avatar-box {
	position: relative;
}
.user-div-name-box {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.user-div-name {
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: #465053;
	max-height: 5.7rem;
	overflow: hidden;
	padding: 0 1rem 0 1rem;
	text-align: center;
}
.user-div-management-role {
	font-size: 1.3rem;
	font-style: italic;
}
.user-div-management-role.super-user{ color: #FF9933;}
.user-div-management-role.division-manager{ color: #1AD1B0;}
.user-div-management-role.default-user{ color: #407FC3;}
.user-div-management-role.inactive-user{ color: #E3786A;}

.user-div-avatar .userImg {
	width: 8rem;
	height: 8rem;
	margin-top: 1.5rem;
}
.user-div-avatar {
	position: relative;
}
.user-div-status-icon {
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	background-color: var(--white);
	border-radius: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0.4rem #96A1AB;
	top: 1.5rem;
	right: 0;
}
.user-div-close-button {
	padding-top: 2rem;
}
.user-div-close-button > a {
	background-image: url(../svg/close5nw6.svg);
	height: 2.1rem;
	width: 2.1rem;
	display: block;
}
.user-div-close-button > a > img {
	opacity: 0;
}
.user-div-close-button > a:hover > img {
	opacity: 1;
}
.user-div-lower {
	padding: 2rem;
}
.user-div-lower-inside {
	display: flex;
	flex-direction: column;
}
.user-div-contacts {
	display: flex;
	flex-direction: column;
}
.user-div-contacts > div {
	display: flex;
	align-items: center;
	height: 3rem;
}
.user-div-details {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin-top: 1rem;
}
.user-div-detail-single {
	width: 23rem;
	min-height: 7.4rem;
	border: 0.1rem solid var(--grey50);
	border-radius: 0.3rem;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	margin-left: 0.3rem;
}
.user-div-detail-single > div:first-of-type {
	background-color: var(--grey50);
	height: 2.4rem;
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-weight: 700;
}
.user-div-detail-single > div:last-of-type {
	display: flex;
	align-items: center;
	padding: 1rem;
	flex-grow: 1;
}
.user-div-status > div:first-of-type {
	font-weight: 700;
	line-height: 2.4rem;
}
.user-div-username {word-break: break-all;}

.user-div-min .user-div-upper {
	height: auto;
	justify-content: flex-end;
}

.user-div-min .user-div-upper .user-div-close-button {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.user-div.user-div-min {
	min-height: 40rem;
}

.user-div-status {
	position: absolute;
	top: 8rem;
	left: 6rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.7rem;
}

.status-active {
	background-color: var(--green35);
	border: 0.1rem solid var(--grey50);
}
.status-inactive {
	background-color: var(--red30);
	border: 0.1rem solid var(--grey50);
}
.user-div.user-div-console {
	width: 74rem;
}

.user-div-upper:hover {
	cursor: move;
}


/**  PopoUp User Detail  **/

.user-div .Accordion-container {
	margin: 1.6rem 2rem 0 2rem;
}

#userDetailDiv .user-div-name-box {
	width: 95%;
    display: inline-block;
}

#userDetailDiv .user-div-upper .user-div-name-box .user-div-name{
	font-size: 1.6rem;
	text-align: left;
	color: var(--nav-primary-fg-color);
	padding: 0.5rem 0 0 0;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-div hr {
	width: 92%;
	border: 0.1rem solid var(--grey50);
	margin: auto;
}

.user-div .Accordion-container .form_question {
	font-weight: 400;
}

.multi-selection-tree.edit-mode .multi-selection-tree .saytTagWidth {
    width: 100% !important;
	border: 0.1rem solid var(--grey40);
}
.multi-selection-tree.edit-mode .FormField-Label {
    flex: initial;
}

.multi-selection-tree.edit-mode .FormField-large {
    width: 100%;
    max-width: unset;
}
.form_answer.multi-selection-tree.withError .dijitTextBox {
	border: 0.1rem solid var(--red30);
}


.multi-selection-tree.edit-mode ul li .form_answer {
	width: 100%;
}

.Accordion-container .formRead ul li .form_answer{
	word-break: break-word;
}

.Accordion-container.content-main .formRead.twoColumns .FormField  .form_answer .icon-only.ButtonBase.IconButton{
	margin: 0 0 0.4rem 0.5rem;
}


#statusSymbol {
    width: 100%;
    border: 0.1rem solid var(--grey50);
    padding: 0.85rem;
	transition: 0.2s;
}
#statusSymbol:hover {
    border: 0.1rem solid var(--black);
}

.form_answer .Link-root.icon-EDIT, .form_answer .Link-root.warning-button.icon-DELETE{
	white-space: nowrap;
}

/**  OWNER DETAIL WINDOW  **/
#userDetailDiv .user-div-close-button > a {
	background-image:none;
}
#userDetailDiv .user-div-upper {
	background-color: var(--nav-primary-bg-color);
}

#userDetailDiv .user-div-upper .user-div-name-box .user-div-management-role{
	width: 100%;
	padding-left: 3rem;
}
#userDetailDiv .user-div-upper .user-div-close-button {
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    right: -1rem;
    padding: 0;
}

#userDetailDiv .user-div-upper .user-div-close-button > a {
	fill: var(--nav-primary-fg-color);
}
#userDetailDiv .user-div-contacts:nth-child(1) div{margin-right: 0.3rem;}
#userDetailDiv .content-main{padding: 0;}
#userDetailDiv .content-main .twoColumns ul li{
	min-width: unset;
	max-width: unset;
}

/* UPLOAD */
/* Upload page */

div.uploaderPanel {
	display: block;}

#uploaderControls .dijitButton {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(254, 255, 255, 1) 0%, rgba(249, 251, 253, 1) 47%, rgba(244, 248, 252, 1) 100%) repeat scroll 0 0;
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	display: inline-block;
	height: 3.1rem;
	line-height: 3.1rem;
	padding: 0 0.9rem;}
#uploaderControls .dijitButton .dijitButtonNode, .dijitDropDownButton .dijitButtonNode, .dijitComboButton .dijitButtonNode, .dijitToggleButton .dijitButtonNode {
	background-color: transparent;
	border: 0 none;
	border-radius: 0;
	color: inherit;
	padding: 0;
	box-shadow: none;}
#uploaderControls .dijitButton .dijitButtonNode {
	color: #426DA9;
	font-weight: bold;}

#uploaderDropTarget {
	border: 0.1rem solid var(--grey40);
	min-height: 15rem;
	text-align: center;}
#uploaderDropTarget .dojoxUploaderFileList {
	border: 0 !important;}
#uploaderDropTarget .dojoxUploaderFileListTable {
	border: 0 none !important;
	border-collapse: inherit;
	margin-top: 0 !important;
	width: 100%;}
#uploaderDropTarget .dojoxUploaderFileListHeader th {
	background-color: var(--white);
	padding: 0.9rem 1.1rem;}
#uploaderDropTarget .dojoxUploaderFileListContent td {
	text-align: left;}
#uploaderDropTarget #dropTargetLabel {
	color: var(--grey40);
	display: block;
	font-size: 1.5rem;
	font-style: italic;
	margin-top: 4.4rem;}

.dropZone:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 10000;}
.dropZone:after {
	content: "";
	width: 60%;
	height: 60%;
	display: block;
	position: absolute;
	top: 20%;
	left: 20%;
	border-radius: 1rem;
	background: url("../png/dropfilesqr77.png") no-repeat scroll center center rgba(218, 218, 218, 0.5);
	z-index: 10001;
}

/* Attach tag into table */
.attachTag {
	background: transparent;
	border: 0.1rem solid var(--grey40);
	border-collapse: collapse;
	border-spacing: 1rem;
	color: var(--black);
	padding: 0.4rem;
}
.attachTag_left, .attachTag_right {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5rem;
	min-width: 10em;
	line-height: 2.3rem;}
.attachTag_right {
	border-left: 0.1rem solid var(--grey50);}
.form_answer .attachTag_right {
	border-left: none;}
.attachTag_left .openNewPage > img:nth-of-type(2) {
	display: none;}
.attachTag_left .formResponseBtn.icon-only > a {
	height: inherit;
	line-height: inherit;
	margin-left: 0;
	padding: 0.2rem;
	vertical-align: middle;}
.attachTag_bottom {
	border-top: 0.1rem solid var(--grey50);
}
.attachTag_bottom > label, .attachTag_bottom > span {
	display: table-cell;}

.attachTag_left{
	display: table-cell;
	vertical-align: top;
	padding: 0.5rem;
	min-width: 10em;
	line-height: 2.3rem;
}

/** image on detail page edit mode **/
.attachTag img, .attachTaglink img{
	max-width: 1.8rem;
	vertical-align: sub;
}
.attachTag span, .attachTaglink span{
	vertical-align: middle;
	padding-right: 0.5rem;
	padding-left: 0.3rem;
}

.dijitComboBox .textBoxClearIcon {
	right: 0.5rem;
	top: 0;
}
.dijitComboBox .textBoxClearIcon span svg{
	width: 1.6rem;
	height: 1.6rem;
}

/* NEW ATTACHMENT FILE INPUT */
.attachTag_standard{
	border: 0.1rem solid var(--grey40);
	height: 4rem;
	display: flex;
	place-items: center;
	position: relative;
	padding: 0 1rem;
}
.attachTag_standard > div{
	display: flex;
    place-items: center;
}
.attachTag_standard > div span.SvgSize16 {
    position: relative;
    top: 0.1rem;
}
.attachTag_standard div:nth-child(1){
	width: 100%;
	display: flex;
	justify-content: start;
	place-items: center;
}
  
.attachTag_standard .attachTaglink span {
    max-width: 100%;
	display: inline-block;
	margin: 0;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.attachTag_standard .attachTaglink span svg{
	width: 1.6rem;
	height: 1.6rem;
	margin-top: 0.1rem;
}
.attachTag_standard span svg{
	width: 1.6rem;
	height: 1.6rem;
}
  
  /* after atttachment */
  
.attachTag_standard .displayFlex {
	place-items: center;
}
  
.attachTag_standard .attachTaglink {
	overflow: hidden;
	line-height: 1.4;
	padding-left: 0.3rem;
}
.attachTag_standard .attachTaglink + span{
	padding-right: 5rem;
}


.attachTag_standard .cntNoWrap {
	white-space: nowrap;
	position: absolute;
	right: 1rem;
}
.attachTag_standard .cntNoWrap .IconButton {
	margin-left: 0.7rem;
}
.attachTag_standard .cntNoWrap .IconButton span:first-child:before {
    top: -0.7rem;
    left: -0.8rem;
}

.ba-dialog.dijitDialog .attachTag_standard .filename-span{
	white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 10rem);
    overflow: hidden;
}
.ba-dialog.dijitDialog .attachTag_standard .filename-span + span{
	white-space: nowrap;
}
.ba-dialog.dijitDialog .attachTag_standard .cntNoWrap {
	position: relative;
    right: unset;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 0.6rem;
}
.ba-dialog.dijitDialog .attachTag_standard .cntNoWrap .icon-only.ButtonBase.IconButton{
	margin: 0!important;
}

/* STORED FILTERS */
#filterManager-wrapper {
	background: var(--grey50);
	padding: 1.5rem;
	border-bottom: 0.1rem solid var(--grey50);
	border-left: 0.1rem solid var(--grey50);
	border-right: 0.1rem solid var(--grey50);
}
#filterManageName {
	width: 23.5rem;
	float: left;}
#filterManageName select {
	border: 0.1rem solid var(--grey50);
	border-radius: 0.2rem;
	color: var(--grey20);
	font-size: 1.2rem;
	height: 12rem;
	background-image: none;
	overflow-y: scroll;
}
#filterManageName select option {
	padding-left: 0.3rem;}

#filterManageDescription {
	display: block;
	margin-left: 27rem;
	min-height: 11rem;}
#filterManageDescription .form_container {
	margin-bottom: 0;}
#filterManageDescription .form_container > ul > li {
	clear: none;
	float: left;
	margin-bottom: 1.5rem;
	padding-right: 2rem;
	width: 15rem;}
#filterManageDescription .form_container > ul > li:first-of-type {
	width: 30rem;}

#filterManageDescription .bigButton {
	margin-left: 0;}
#filterManageDescription .bigButton ul {
	display: flex;}
#filterManageDescription ul.button-list li {
	margin-bottom: 0;}
#filterManageDescription .button-list > li a > img {
	margin: 0;
	vertical-align: middle;}
#filterManageDescription .button-list > li a > span {
	display: inline-block;
	vertical-align: middle;}
#filterManageDescription li.stored-filter-sort {
	flex-grow: 1;
}
#filterManageDescription li.stored-filter-delete a {
	color: var(--red30);}

/* SEARCH FILTER BOX (#search-wrapper) */

.listToolbar + #search-wrapper {
	border-bottom: 0;}
#search-wrapper {
	position: relative;
	clear: right;
	padding: 0;
	padding-top: 0.1rem;
	background: var(--white);
	border: 0.1rem solid var(--grey50);
	border-top: none;
}
#search-wrapper .button-list {
	display: block;}
#search-wrapper .bigButton li.searchButton a,
#search-wrapper .bigButton li.confirmSaveFilterButton a
{
	background: var(--navy35) none repeat scroll 0 0;
	border: 0.1rem solid var(--navy35);
	border-radius: 0.3rem;
	color: var(--white);
	padding: 0 0.8rem;}
#search-wrapper .bigButton li.saveFilterButton > a {
	background: linear-gradient(to bottom, #FFFFFF 0%, #F4F8FC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey50);
	border-radius: 0.3rem;
	padding: 0 0.5rem;}
#search-wrapper.form_container .bigButton ul {
	display: flex;
	justify-content: flex-end;
	margin: 1rem 1.7rem 0 0;
}
#search-wrapper li {
	display: table;
	float: none;
	margin-bottom: 0;
	width: 100%;}

#search-wrapper .button-list li {
	display: inline-block;
	width: auto;}
#search-wrapper .button-list a {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FFFFFF 0%, #F4F8FC 100%) repeat scroll 0 0;}

#selected-filters-label {
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 0.3rem;}
#selected-filters-label .selected-filters-arrow {
	background: url("../png/detailpage-titleicon-collapsed5m16.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
	margin-left: 0.5rem;
	width: 2rem;
	height: 1.2rem;
}
#selected-filters-label .selected-filters-arrow.expanded {
	background: url("../png/detailpage-titleicon-expanded6fp9.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);}
#selected-filters-label .bigButton {
	display: inline-block;
	position: absolute;
	right: 0.8rem;
	top: 0.8rem;}

#search-wrapper .wrapper-filter .filter-ul .item-filter .date-interval-fi{
	max-height: 4rem;
}
#search-wrapper .wrapper-filter .filter-ul .item-filter .multi-choice-fi .sayt-tag.saytTagWidth .dijitButtonNode {
    position: relative;
    top: 0.3rem;
}

#search-wrapper .Accordion .Accordion-expandIcon{margin: -0.3rem 0 0 -1rem;}


#search-wrapper .single-filter-remove {
	display: table-cell;
	vertical-align: top;
	width: 3rem;}
#search-wrapper .single-filter-remove img {
	border: 0.1rem solid var(--grey50);
	border-radius: 0.3rem;
	margin-top: 0.2rem;
	padding: 0.1rem;
	cursor: pointer;}
#search-wrapper .form_question {
	display: table-cell;
	line-height: 3.2rem;
	vertical-align: top;
	width: 23rem;}
#search-wrapper legend.form_question {
	margin-right: 0;}
#search-wrapper .form_answer {
	display: table-cell;
	vertical-align: top;}


#search-wrapper .filter-ul .filter-line.item-filter .InputBase-root span .dijitDateTextBox  {
    position: relative;
    top: -0.5rem;
    background: transparent;
}

.listItemField > select {
	width: 8rem;}
.listItemField > div > input {
	vertical-align: inherit;}
.listItemfield label {
	min-width: 4rem;
	padding-right: 0.5rem;
    text-align: right;
}
.listItemfield label:last-of-type {
	padding-left: 0.5rem;}

/* Category Filter */
#search-wrapper ul.categoryList > li {
	width: auto;
	display: inline-block;
}
#search-wrapper .categoryList .form_answer {
	min-width: 4rem;
	height: 3rem;
	display: flex;
	margin: 0 1rem 1rem 0;
	background-color: var(--grey50);
	border-radius: 3px;
	padding: 0.5rem 1rem;
}

#search-wrapper .categoryList.basket-edit-mode .form_answer {
    height: auto;
}

#search-wrapper .categoryList span.ICON-CLOSE:hover {
	fill: var(--blue20);
}

#search-wrapper .categoryList .categoryName {
	line-height: 2.2rem;
}

#search-wrapper .categoryList .form_answer .categoryName, #search-wrapper .categoryList .form_answer{
	max-width: 30rem;
	display: inline-block;
	vertical-align: middle;
	padding-right: 13px;
}
#search-wrapper .generic-tree-fi .categoryList .form_answer a{
    margin-left: 0.3rem;
}
#search-wrapper .categoryList .categoryName a{
	position: absolute;
    top: 7px;
	right: 15px;
}

#search-wrapper .categoryList .categoryName img {
	float: right;}

/* Additional Filter */
#search-wrapper .subcombo-wrapper {
	width: 98.5%;
	border: 0.1rem solid var(--grey50);
	margin-bottom: 1rem;
	padding:1rem 2rem 1rem 2.1rem;
	margin-top: 1rem;
}
#search-wrapper .subcombo-wrapper li.subcombo-li .form_question {
	background-color: var(--grey50);
	height: 1.3rem;
	line-height: 1.3rem;
	margin-left: 0;
	margin-top: -2rem;
	min-width: inherit;
	padding: 0.3rem 0.5rem 0.3rem 0.3rem;
	position: absolute;
	width: auto;}

#search-wrapper .subcombo-wrapper .subcombo-li {
    margin-left: 1.6rem;
}

#search-wrapper .subcombo-wrapper .subcombo-li .subcombo-filter-container .dijitArrowButtonInner{
	width: 2.2rem;
    position: relative;
    top: -0.9rem;
    right: 0.1rem;
}

/* LIST TOOLBAR WITH NEW CODE FROM TICKET JADEV-15487 */
.listToolbar {
	min-height: 3rem;
	display: flex;
	column-gap: 2rem;
	background: var(--grey50);
	border-bottom: 0.1rem solid var(--white);
	padding: 1rem 2rem 1rem 2rem;
}
.listToolbar li {
	display: inline-flex;
	align-items: center;
	column-gap: 1rem;
}

.listToolbar li .storedFilterLabel{
	padding-right: 0.5rem;
}

.listToolbar.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 1rem;
	justify-items: stretch;
}

.listToolbar.grid li {
	display: inline-flex;
	align-items: center;
	column-gap: 1rem;
	grid-row-start: 1;
	max-width: unset !important;
}

.listToolbar.grid li.stored-filters {
	grid-column-start: 3;
	grid-column-end: 4;
	justify-content: flex-end;
}

.listToolbar.grid li.quick-find {
	grid-column-start: 2;
	grid-column-end: 3;
	justify-content: center;
}

.listToolbar.grid li.pickable-filters {
	grid-column-start: 1;
	grid-column-end: 2;
	justify-content: flex-start;
}

.listToolbar.grid li.toolbar-button a {
	padding: 0 0.5rem;
}
.toolbar-button > a > img {
	margin-bottom: 0.2rem;
}

.listToolbar.grid li.search-glass-btn .dijitComboBox{
	display: inline-flex;
	margin-left: 0.8rem;
}

.listToolbar.grid #search-glass #widget_filterPickerSelect{
	max-width: 20rem;
    display: inline-flex;
}
.listToolbar.grid #search-glass .displayInline .toolbar-button{
	margin-left: 0.5rem;
	margin-bottom: 0px;
}

.containerDetail .listToolbar #search-glass {
	margin-left: 1.4rem;
}

.listToolbar.grid .InputBase-root.focusVisible, #storedFilterId:focus{
	width: initial;
}

.listToolbar.supplier-directory .pickable-filters{
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
}
.listToolbar.supplier-directory .pickable-filters #filterPickerSelect_label,
.listToolbar.supplier-directory .pickable-filters .toolbar-button.ButtonBase.ButtonBase-standard {
	white-space: nowrap;
}

/*  SKELETON TOOLBAR  */
span.skeleton-field {
	background-color: transparent;
	border: solid 1px var(--grey40);
	width: 30rem;
	height: 3.8rem;
}

.saytTagWidth + span.skeleton-field, [widgetid="filterPickerSelect"] + span.skeleton-field, .accessibility-button + span.skeleton-field {
	display: none;
}

/*  END SKELETON TOOLBAR  */

.tableToolbar {
	background-color: unset;
	padding-left: unset;
}

.containerDetail .tableToolbar #search-glass {
	margin-left: unset;
	display: flex;
	align-items: center;
}

.containerDetail .tableToolbar .pickable-filters label {
	white-space: nowrap;
	margin-right: 0.5rem;
}

.tableToolbar #search-glass #widget_filterPickerSelect{
	margin-left: 2px;
}

.oneColumns ul.listToolbar {
	display: grid;
}

.oneColumns ul.listToolbar li {
	display: flex;
	flex-direction: row;
}

.oneColumns li.FormField ul.listToolbar li select {
	width: initial;
}


/* Stored filter */
.listToolbar li.toolbar-button.config-stored-filter.selected {
	background-color: var(--grey50);}
li.icon-only a span {
	display: none;}

/* COLUMN PICKER */
/* Rule per column picker da solo */
.listToolbar .colpicker {
	text-align: right;
	width: 100%;}
/* Rule per column picker preceduto da almeno un altro command(li) */
.listToolbar li + li.colpicker {
	cursor: pointer;
	float: right;
	width: auto;}

.listToolbar .filter-ul .filter-line .single-filter-remove{
	display: inline-block;
	vertical-align: text-top;
}
.listToolbar .filter-ul .filter-line .form_question{
	display: inline-block;
    vertical-align: middle;
	padding: 1rem 0 0.5rem 0.5rem;
}

/*  COLUMN PICKING  */
.dijitDialog .dijitDialogTitleBar .moreInfoBoxHeader {
	width: 1.7rem;
	height: unset;
	display: flex;
	justify-content: space-between;
	align-items: center;
	place-self: center;
    position: relative;
	top: -0.2rem;
	margin: 0;
	overflow: hidden;
	padding: 0;
	background-color: transparent;
	border-bottom: none;
	padding-right:0;
	line-height: 1.7rem;
}
.dijitDialog .dijitDialogTitleBar .moreInfoBoxHeader svg{
	width: 2rem;
	height: 2rem;
}
.dijitDialog .dijitDialogPaneContent .lastline{
	min-height: 3rem;
	margin: 1.1rem 0;
	padding-left: 0;
	padding-right: 0;
	text-align: right;
}
.floatRight, .floatLeft {
	float: none!important;
}
.dijitDialog .dijitDialogPaneContent .lastline .apply-button {
	margin-right: 1rem;
}
.dijitDialog .dijitDialogPaneContent .lastline button:not(:last-child) {
	margin-right: 1rem;
}


.dijitDialog .dijitDialogPaneContent .side .button-list {
	display: block;
	text-align: right;
}

/* Div */
.colpickerDialog .dialogCloseBtn {
	display: inline-block;
	line-height: 2.5rem;
	position: absolute;
	right: 2.2rem;}
.colpickerDialog ul.white-dropdown_modal {
	width: 33rem;
	max-height: 25rem;
    display: flex;
    flex-direction: column;
	gap: 1rem;
	overflow-y: auto;
}

.colpick-cnt_M {
	display: flex;
    flex-direction: row;
    place-items: center;
}
input.colpick[type="checkbox"] {
	height: 2.8rem;
	vertical-align: sub;}
.richLabel {
	display: inline-block;
	margin-left: 0.9rem;
	width: 90%;}
.richLabel > label {
	display: inline-block;
	max-width: 28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}

.colpickerDialog .lastline {
	border: 0 none;
	margin-top: 1.1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	overflow: hidden;}

.colpicker .white-dropdown-wrap {
	left: -23rem;
	min-width: 30rem;}
.colpicker ul.white-dropdown {
	overflow: hidden;
	padding: 0.7rem 0.5rem 1.2rem;}
/* IMPORT FILE BOX */
/* Import toolbar */
.import-wrapper {
	padding: 0;
	margin-left: 1.5rem !important;
}
.import-wrapper .Accordion-container.content-main {
	padding-left: 2rem !important;
}
/* FAKE FILTER BOX */
.fakeFilter-wrapper {
	background-color: var(--grey50);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.4rem;
	clear: right;
	padding: 0.5rem;
	font-size: 1.4rem;}
.fakeFilter-wrapper div {
	display: inline-flex;
	margin-left: 0.5rem;
	vertical-align: middle;}

/* TOC (Table of content) */
.tableContent.select-list {
	text-align: left;}
.tableContent.select-list .others-top {
	display: inline-block;
	margin-right: 1rem;
	position: relative;}
.tableContent.select-list .others-top:not(.threeDots) {
	float: left;}
.tableContent.select-list .others-top:not(.threeDots) a img {
	padding: 0;
	margin: 0.7rem;}
.tableContent.select-list .others-top:not(.threeDots) .white-dropdown-wrap {
	left: 0;
	min-width: 30rem;
	right: inherit;
	width: auto;}
.tableContent.select-list .others-top:not(.threeDots) .white_arrow {
	background-position: 1.5rem top;
	left: 0;}
.tableContent.select-list .select-wrapper {
	min-width: 4.5rem;
	padding-right: 0 !important;}

.form-title-section {
	background: var(--white) none repeat scroll 0 0;
	border-radius: 0.5rem;
	box-shadow: 0 0 0.4rem #96A1AB;
	margin-top: 0.1rem;
	overflow-x: hidden;
	max-height: 23rem;}
.form-title-section > ul > li:nth-child(2n+1) {
	background: var(--grey50) none repeat scroll 0 0;}
.form-title-section > ul > li:nth-child(2n) {
	background: var(--white) none repeat scroll 0 0;}
.form-title-section > ul > li > a {
	display: block;
	padding: 1rem;
	white-space: nowrap;
	line-height: 0;}
.form-title-section > ul > li > a:hover span:nth-of-type(2) {
	text-decoration: underline;}
.form-title-section > ul > li > a span {
	color: var(--grey40);
	display: inline-block;
	min-width: 2.5rem;
	text-align: right;
	vertical-align: middle;}
.form-title-section > ul > li > a span.list_img {
	font-weight: normal;
	line-height: 1.8rem;
	margin-left: 0.5rem;
	max-width: 30rem;
	overflow: hidden;
	text-align: left;
	text-indent: 2.3rem;
	text-overflow: ellipsis;
	vertical-align: middle;}
.form-title-section > ul > li > a span.worksheet_section {
	background: rgba(0, 0, 0, 0) url("../png/supplier_quotekj1h.png") no-repeat scroll 0 0;}
.form-title-section > ul > li > a span.local_section {
	background: rgba(0, 0, 0, 0) url("../png/capabilitiesdtnw.png") no-repeat scroll 0 0;}
.form-title-section > ul > li > a span.de_evm_seller_section {
	background: rgba(0, 0, 0, 0) url("../png/supplier_info24oi.png") no-repeat scroll 0 0;}
.form-title-section > ul > li > a span.de_evm_buyer_section {
	background: rgba(0, 0, 0, 0) url("../png/supplier_info24oi.png") no-repeat scroll 0 0;}
.form-title-section > ul > li > a span.de_qr_section {
	background: rgba(0, 0, 0, 0) url("../png/supplier_info24oi.png") no-repeat scroll 0 0;}
.form-title-section > ul > li > a span.titleGroup {
	font-weight: bold;
	padding: 0.5rem;}
.form-title-section > ul > li > a span.titleSection {
	margin-left: 1rem;
	padding: 0.5rem;}
.toc-container-anchor {
	position: relative;}

.toc-anchor {
	position: absolute;
	top: -11rem;
}

.toc-anchor.sticky-delta {
	top: -16rem;
}

/* Width layout fixed */
.toc-page #mainToolbar.fixed .leftArea {
	margin-left: 5rem;
}
.tableContent.select-list.fixed .others-top:not(.threeDots) {
	margin-top: 0!important;}
.select-list.tableContent.fixed {
	position: fixed;
	z-index: 9;
	left: 7rem;
	top: 4.7rem;}
#cntAllPage .select-list.tableContent.fixed {
	left: 1rem;
	z-index: 1000;}

/* MANAGE TEMPLATE FOLDERS/TEMPLATE ARCHIVES */
.limited-ul {
	max-height: 40rem;
	overflow-y: auto;}

.limited-ul li {
	cursor: pointer;
	transition: background-color 0.2s;
	display: flex;
	justify-content: space-between;}
.flatDisplay .limited-ul li:hover {
	background-color: var(--grey50);}
.flatDisplay .limited-ul li.highlight {
	background-color: var(--yellow50);
	border: 0.1rem solid var(--green35);}
.limited-ul li.editing:before {
	width: 0.2rem;
	height: 4rem;
	display: inline-block;
	color: transparent;
	content: '*';
	position: relative;
	vertical-align: baseline;
	background-color: var(--accent-color);
}

.limited-ul .main-cnt {
	flex-grow: 1;}
.limited-ul .number {
	width: 3rem;
	display: inline-block;
	text-align: center;
	line-height: 3.2rem;}
.limited-ul .big-text {
	flex-grow: 1;
	display: inline-block;
	vertical-align: middle;}
div.formResponseBtn.save-btn, div.formResponseBtn.cancel-btn, div.big-text.to-edit {
	display: none;}
.editing div.formResponseBtn.save-btn, .editing div.formResponseBtn.cancel-btn, .editing div.big-text.to-edit {
	display: inline-block;}
.editing div.formResponseBtn.edit-btn, .editing div.big-text.to-read {
	display: none;}
.folder-input {
	width: 100%;}

.limited-ul .btn-cnt {
	display: inline-block;
	margin-right: 1rem;
}
.formResponseBtn.delete-btn {
	margin-left:0.9rem;}
li.editing div.formResponseBtn.delete-btn {
	display: none;}

	/* Manage folder */
.manage-folder{
	padding: 2rem;
}
.manage-folder .limited-ul {
	max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.manage-folder .limited-ul li{
	display: flex;
    align-items: center;
    justify-content: flex-start;
	border-bottom: 1px solid var(--grey45);
	padding: 0.8rem 0;
	transition: 0.3s;
}
.manage-folder .limited-ul li:hover{
	background: var(--grey50);
}
.manage-folder .limited-ul li.editing .main-cnt {
	flex-grow: 0;
}
.manage-folder .limited-ul li.editing .btn-cnt {
	margin-left: 1rem;
}
.ba-manage-folder.ba-dialog{
	max-width: 30rem;
}
.ba-manage-folder.ba-dialog #creationUL .editing{
	display: inline-flex;
}
.ba-manage-folder.ba-dialog #creationUL .editing .btn-cnt .displayInline {
	height: 100%;
    display: inline-flex;
	column-gap: 0.5rem;
    padding-left: 1rem;
}

/* DIFFERENT CNT LAYOUT */
.boxMenuPage{
	padding: 2rem;
}
.boxMenuPage div{
	display: flex;
    flex-wrap: wrap;
	place-items: stretch;
    gap: 2rem;
}
.boxMenuPage div .boxMenu{
	width: 25%;
    flex: 1 22%;
    min-width: 30rem;
	display: flex;
    place-content: flex-start;
    border-radius: 0;
    box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 10%);
    background: var(--white);
    padding: 1.6rem 2rem;
}
.boxMenuPage div .paragraph {
    margin-left: 0;
}

/* flatDisplay Div (see iconsList.jsp) */
.boxMenuPage .flatDisplay{
	display: flex!important;
    flex-direction: column;
}
.flatDisplay ul {
	width: 100%;
}
.ulist.flatDisplay div:not(.ulist-expand) {
	width: -webkit-fill-available;
}

.flatDisplay li {
	width: 100% !important;
	margin: 0 !important;
	padding-bottom: 0.5rem;
}
.flatDisplay ul li .form_answer a{ padding-right:1rem;}

.flatDisplay li:last-child {
	border-bottom: none;}

.flatDisplay .form_question {
	min-width: 2rem;
	vertical-align: middle;}
.flatDisplay .form_question input {
	height: auto;
	vertical-align: middle;}
.flatDisplay .form_question img {
	margin-left: 1.5rem;}
.flatDisplay .form_answer {
	display: inline-block;}
.flatDisplay .singleItem {
	display: flex;
    align-items: center;
    column-gap: 0.2rem;
}
.flatDisplay .singleItem a{
	line-height: 1.8rem;
    padding-top: 2px;
}
.flatDisplay .singleItem.preferredFilter1 {
	font-style: italic;
}
.flatDisplay .singleItem:hover svg {
	fill: var(--blue20);
}

.flatDisplay li.icon-only {
	background: none;
	border: none;}


.optionPreferredFilter1 { font-style: italic; }

.fmtParagraph {
	margin-top: 2rem;
	margin-bottom: unset !important;
}

.SvgSize16Forced svg, .SvgSize16Forced {
	width: 1.6rem !important;
	height: 1.6rem !important;
}


/* SRM flex fake table */
.groupContainer {
	margin-bottom: 0 !important;
	display: flex !important;
	flex-flow: wrap;
	border: 0.1rem solid var(--grey50);
	background: var(--white);
}
.groupContainer > li:first-of-type {
	display: flex;
	flex-basis: 100%;
	margin-bottom: 0 !important;
	align-items: end;
	flex-direction: row-reverse;
	justify-content: flex-end;
	background-color: var(--grey50);
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
}
.groupContainer > li:last-of-type {
	flex-grow: 1;
}
.groupContainer > .bigGrowth {
	flex-basis: 50%;
}
.groupContainer > li:not(:first-of-type) {
	border-left: 0.1rem solid var(--grey50);
	border-top: 0.1rem solid var(--grey50);
	margin-left:-0.1rem;
}
.groupContainer > li:first-of-type > .form_question {
	min-width: 0;
}
.groupContainer > li:first-of-type > div {
	margin-left: -0.3rem;
}
.groupContainer > li:first-of-type > div > label {
	font-size: 1.4rem;
	font-weight: bold;
}

.groupContainer > li {
	padding: 0.5rem 0 0.6rem 1rem;
	display: flex;
	flex-flow: column;
	flex-basis: 0;
	flex-grow: 1;
	margin-bottom: 0 !important;
}
.groupContainer .surveyInfo {
	margin-bottom: 0 !important;
}
.three-col-flexcontainer ul {
	margin-bottom: 0 !important;
	margin-top: 1rem;
	display: flex !important;
	flex-flow: wrap;}
.three-col-flexcontainer ul > li {
	padding: 1rem 1rem;
	display: flex;
	flex-flow: column;
	width: calc(33% - 1rem) !important;
	margin-bottom: 0.5rem !important;
	margin-top:0.1rem !important;
	padding-bottom: 0 !important;
	padding-top: 0.5rem !important;}
.three-col-flexcontainer .form_answer > div {
	display: flex;}
.form_container.check_list li {
	border-bottom: 0.1rem dotted var(--grey50);
	width: 100% !important;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-end;
	display: inline-flex;
	padding: 1rem;
	margin-bottom: 0 !important;}

/* STEPBAR */

#stepbar + #title-wrapper #titleGraphic {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.stepbar-main {
	display: flex;
	width: 100%;
	align-items: flex-end;
	height: 0.2rem;
	background-color: var(--grey40);
	margin-top: 3.5rem;
}
.stepbar-segment {
	flex-grow: 1;
	text-align: center;
}
.stepbar-point {
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	position: relative;}

.stepbar-dot {
	width: 1rem;
	height: 1rem;
	background-color: var(--grey40);
	border-radius: 0.5rem;
	margin-bottom: -0.5rem;}

.stepbar-point.active .stepbar-dot {
	background-color: var(--navy35)
}

.stepbar-point.active.current .stepbar-dot {
	width: 2rem;
	height: 2rem;
	border-radius: 1rem;
	margin-bottom: -1rem;}

.stepbar-title {
	font-size: 1.3rem;
	color: var(--grey40);}

.stepbar-point.active .stepbar-title {
	font-size: 1.3rem;
	color: var(--navy35);}

.stepbar-point.active.current .stepbar-title {
	font-weight: 700;}

.stepbar-point.active:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 0.12rem;
	background-color: var(--navy35);
	bottom: 0;
	left:0;}

.stepbar-point.active.current:after {
	content: "";
	position: absolute;
	width: 50%;
	height:0.2rem;
	background-color: var(--navy35);
	bottom: 0;
	left: 0;}

.stepbar-main .stepbar-segment:last-of-type .stepbar-point.active.current:after {
	width: 100%;
}

.stepbar-title:hover {
	cursor: pointer;
}

/*----------------------------------------------------------------*/
/* Dialog TAG                                                     */
/*----------------------------------------------------------------*/
.dialogTagBox {
	position: absolute;
	z-index: 1000;
	background-color: var(--white) !important;
	border: none;
	border-radius: 0.3rem !important;
	margin: 0.5rem;
	padding: 0rem !important;
}

.ba-dialog{
	box-shadow:0px 2px 5px 0px rgb(0 0 0 / 20%);
}

/*  FIX ENLARGE TEXTAREA */
.dialogMode .InputBase-TextArea{
	width:100%;
}
.dialogMode textarea{
	width: 100%!important;
	min-width: unset;
}
.modal-dialog-small {
	width: 35rem;
	max-width: 50rem;}
.modal-dialog-large {
	width: 50rem;
	max-width: 80rem;}
.modal-dialog-big {
	width: 80rem !important;
	max-width: 120rem;}
.revert .modal-dialog-big {/*usata solo nella cluster per il momento*/
	width: 80vw;
	max-width: calc(100vw - 20rem);}
.modal-dialog-auto {
	min-width: 35rem;
	min-height: 15rem;}

.ai-border{
	border: 0.2rem solid transparent;
	border-radius: 0.5rem;
	background-image: linear-gradient(white, white), linear-gradient(170deg,rgba(83, 0, 206, 1) 0%, rgba(226, 43, 131, 1) 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	margin-right: 2rem;
	margin-left: 2rem;
}

.ai-dialog .dijitDialogTitleBar{
	background: linear-gradient(170deg,rgba(83, 0, 206, 1) 0%, rgba(226, 43, 131, 1) 100%);
}

.ai-dialog .Accordion-container{
	padding-left: 0;
    padding-right: 0;
}
.ai-dialog .Accordion-container .oneColumns .FormField-large:first-child:not(.displayNone) {
    margin-right: 0;
}

.ai-dialog .ai-dialog-icon{
	max-width: 4rem;
    margin-right: 0;
    min-width: unset;
}

.ai-dialog .ai-dialog-icon .js_svg svg{
	width: 2.4rem;
    height: 2.4rem;
}

.ai-dialog .FormField-large {
	min-width: unset;
    width: auto;
	max-width: calc(100% - 6rem);
}

.ai-dialog #descriptionArea{
	margin-left: 4rem;
}

.ai-buttonWrapper {
    height: 100%;
    justify-content: center;
}
.full-centered {
    height: 100%;
	display: flex;
    justify-content: center;
	align-items: center;
}
.vertical-centered {
    height: 100%;
	display: flex;
	align-items: center;
}

.dialogTagBox .dijitDialogTitle {
	color: #465053;
	font-size: 1.4rem;
	font-weight: bold;
	padding-top: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
	max-width: calc(100% - 3.5rem);}
.dialogTagBox .dijitDialogTitle span {
	display: block;
	padding-right: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}

.dialogTagBox .moreInfoBoxHeader {
	background-color: transparent;
	border-bottom: 0;
	margin: 0;
	padding: 0;
	display: block;
	width: 2.5rem;}
.dialogTagBox .moreInfoBoxHeader > a {
	cursor: pointer;
	width: 2.1rem;
	background-image: url(../svg/close5nw6.svg);
	text-indent: -999rem;
	background-size: 2.3rem;
	background-repeat: no-repeat;
	background-position-x: center;
}
.dialogTagBox .moreInfoBoxHeader a:hover {
	background-image: url(../svg/close5nw6.svg);}

.dialogTagBox .dijitDialogPaneContentText {
	overflow-y: auto;
	overflow-x: hidden;
	flex-grow: 1;
	max-height: 50rem;
	padding-bottom: 1rem;
	padding-left: 0;
	padding-right: 0;
}

.dialogTagBox .dijitDialogPaneContentText .dijitDialogPaneContentText {
	overflow: unset;
}

.dialogTagBox .dijitDialogPaneContentText .internalFormDiv {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

form#preBidForm div.internalFormDiv {
	display: contents;
}
form#preBidForm .Accordion-container {
	padding-left: 1rem;
}
form#preBidForm .Accordion-expandIcon {
	display: none;
}
form#preBidForm .twoColumns ul li {
	margin-top: 2rem;
}


.dialogTagBox .dojoxResizeHandle {
	background: linear-gradient( 135deg, rgba(227, 227, 227, 0) 0%, rgba(227, 227, 227, 0) 50%, rgba(227, 227, 227, 0.8) 51%, rgba(227, 227, 227, 0.8) 100%);
	height: 2.5rem;
	bottom: 0;
	position: absolute;
	right: 0;
	width: 2.5rem;
	cursor: nw-resize;}
.dojoxResizeHandleClone {
	position:absolute; top:0; left:0;
	border:0.1rem dashed var(--grey20);
	z-index:999;}

	
/* Dialog  - da qui: classi old da rivedere */
.dialogTagDiv {
	position: absolute;
	z-index: 1000;
	background-color: var(--white) !important;
	border: 0.1rem solid var(--grey50) !important;
	width: 45rem;
	min-width: 45rem;
	min-height: 30rem;
	margin: 0.5rem;
	padding: 0.5rem;}
.dialogTagDiv .dijitDialogPaneContentText, .dialogTagDiv .dijitDialogPaneContentBtn {
	padding: 1.5rem;}

.dialogTagDiv .dijitDialogPaneContentText table {
	background: none;}
.dialogTagDiv .dijitDialogPaneContentText tr.table_cnt_head th {
	position: sticky;
	top: 0;
	background-color: var(--white);
	border-top: 0.1rem solid var(--grey50);}
.dialogTagDiv .dijitDialogPaneContentText textarea, .dialogTagDiv .dijitDialogPaneContentText input {
	width: max-content;}
.dialogTagDiv .dijitDialogPaneContentText h4 {
	font-size: 1.4rem !important;
	margin-bottom: 1rem !important;}
.dialogTagDiv .dijitDialogPaneContentText div.form_question {
	width: 20rem !important;}
.dialogTagDiv .dijitDialogPaneContentText div.form_answer {
	width: calc(100% - 20rem);}

.dijitDialogPaneContentText .filterManager-wrapper .form_container ul li:nth-child(1) .form_question{
	padding-top: 0;
}

.dialogTagDiv div.form_container {
	margin-left: 0.5rem;
	margin-top: 0.5rem;}
.dialogTagDiv div.textEM {
	padding: 0.2rem;
	padding-top: 0.5rem;
	padding-bottom: 0;}

.dialogTagDiv .dialogCloseBtn > span {
	background: url(../svg/close5nw6.svg) no-repeat scroll 0 0 TRANSPARENT !important;
	height: 2.1rem !important;
	width: 2.1rem !important;}
.dialogTagDiv .dialogCloseBtn > span:hover {
	background: url(../png/deleteDn_button69w3.png) no-repeat scroll 0 0 TRANSPARENT !important;}

.dialogTagDiv .dijitDialogCloseIcon {
	display: contents;}

.dialogTagDiv .closeText {
	border: none;
	/*display:block; -> da usare quando il tag è pronto*/
	display: none;
	background-image: url(../svg/close5nw6.svg);
	background-position-y: bottom;
	text-indent: -999rem;}
.dialogTagDiv .closeText:hover {
	background-image: url(../png/deleteDn_button69w3.png);}

.dialogTag {
	padding: 0 !important;}

#tagHelp.moreInfoBoxResizable.moreInfoBox {
	width: auto;
	max-width: calc(100vw - 20rem);}
#tagHelp.moreInfoBoxResizable.moreInfoBox .moreInfoBoxCnt {
	height: auto;
	max-height: 75rem;
	overflow-y: unset;
	margin-bottom: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	flex-grow: 1;
}

/* ----------------------------------------------------------------- */
/* Editing Tree                                                      */
/* ----------------------------------------------------------------- */
/* Selected nodes section */
.selectedNodes-wrapper {
	background: var(--grey50) none repeat scroll 0 0;
	border: 0.1rem solid var(--grey50);
	padding: 0.8rem;
	margin-top: 0.5rem;}
.selectedNodes-wrapper div.numSelected {
	display: inline-flex;
	align-items: center;
}
.selectedNodes-wrapper div.numSelected div {
	margin-right: 0.5rem;}

/* Contextual toolbar */
.tree-toolbar {
	display: flex;
	position: sticky;
	overflow: hidden;
	bottom: 0;
	padding: 0.8rem;
	margin-top: 0 !important;
	height: 5.2rem;
	background-color: var(--white);
	box-shadow: 0 -0.2rem 0.5rem 0 rgba(0,0,0,0.2);}
.tree-toolbar .numSelected {
	display: flex;
	align-items: center;}
.tree-toolbar .numSelected div {
	margin-right: 0.5rem;}
.tree-toolbar ul {
	margin-bottom: 0 !important;
	align-content: center;
	flex-grow: 1;
	justify-content: center;}

.tree-toolbar .disabled.disable-clicks {
	pointer-events: none;}
.tree-toolbar li.icon-only a span {
	display: none !important;}

/* Tree node */
.treeNode-cut {
	opacity: 0.5;
	color: var(--blue20);
}
/* Add node form dialog */
.treeNode-add-dialog .form_container ul:not(.button-list) > li {
	float: none;
}

/**  MODIFICHE FABRIZIO  **/
.checkbox-fi{place-content: center;}

.checkbox-fi .InputBase-root {
    min-height:unset;
    border: none;
	place-items: self-start;
}

.checkbox-fi .InputBase-root .ButtonBase .IconButton-label {
    padding: 1.1rem 1rem 1rem 1rem;
	margin-bottom: 0.5rem;
}

.checkbox-fi .InputBase-root:hover{
	border: none;
}

.checkbox-fi .FromField-Label{
	margin-bottom: 0;
}

/* fine */
.multi-choice-checkboxes label {
    display: inline-block;
    margin-right: 3rem;
}

#div_mypartner {
    padding-right: 0.7rem;
}

/** NEW RULES CSS V.22.1 **/

#search-wrapper #selected-filters-label {
	padding-left: 1.6rem;
	margin-bottom: 0.2rem;
}



.wrapper-icon, .wrapper-icon:hover, .wrapper-icon:focus, .wrapper-icon:active{
	text-decoration: none;
	outline: none;
}

.filter-area .Accordion{
	height: 4.8rem;
	background-color:var(--grey50);
}
.filter-area .Accordion .icons-area{
	display: flex;
	column-gap: 1.2rem;
	position: absolute;
	right: 2rem;
}
.filter-area .Accordion .icons-area .wrapper-icon:not(:last-child){
	margin-right: 0.5rem;
}

.filter-area .wrapper-filter{
	padding: 0 0.2rem 1rem 3rem;
}

.filter-area .wrapper-filter .item-filter {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	position: relative;
	padding: 1rem 0;
}
.filter-area .wrapper-filter .item-filter:not(:first-child) .FromField-Label{
	display: none;
}
.filter-area .wrapper-filter .item-filter:first-child .wrapper-icon{
	top: 2.7rem;
}
.filter-area .wrapper-filter .item-filter .wrapper-icon.second-icon{
	padding-left: 0.4rem;
}

.filter-area .wrapper-filter .button-wrapper{
	display: flex;
	flex-direction: row;
	place-content: flex-end;
	margin-top: 2rem;
}
.filter-area .wrapper-filter .item-filter:not(:last-child) {
	border-bottom:0.1rem solid var(--grey50);
}

.filter-area .wrapper-filter .item-filter .FormField{
	margin-right: 2rem;
}

.filter-area .wrapper-filter .item-filter .FormField .FormField-Label{
	display: none;
}
.filter-area .wrapper-filter .item-filter .wrapper-icon {
	max-width: 1.6rem;
    height: 1.6rem;
    position: relative;
    top: 1rem;
    right: 1rem;
}
.filter-area .wrapper-filter .item-filter .notRemove {
	width:  1.6rem;
}


.filter-area .wrapper-filter .item-filter .multi-choice-checkboxes .check-item{
	display: flex;
    gap: 0.5rem;
}
.filter-area .wrapper-filter .item-filter .multi-choice-checkboxes .check-item .Checkbox {
	align-self: baseline;
}
.filter-area .wrapper-filter .item-filter .multi-choice-checkboxes .check-item label {
    top: 0.4rem;
}

/*  deactive pointer-event for disable input in to filter area  */
.filter-ul .filter-line .FormField .Input-Disabled {
    pointer-events: unset;
}

#fixedBidImprovementSection .oneColumns ul li .form_answer .ICON-ERROR {
    position: absolute;
    right: 1.1rem;
    top: -0.3rem;
}

#filterDiv_ACT_PLAN_TYPE_FILTER .InputBase-root .multi-choice-checkboxes .check-item .Checkbox .IconButton-label .ICON-ERROR{
	display: block;
    position: relative;
    top: -2.2rem;
    left: 0.2rem;
}
#filterDiv_ACT_PLAN_TYPE_FILTER .InputBase-root .multi-choice-checkboxes .check-item .Checkbox .IconButton-label + div{
	margin-left: 2.5rem;
}

/* disabled input filter  */
.filter-area .Input-Disabled input::placeholder { 
	color: var(--black);
}

/* custom filter category on popup */
.show-tree-page .listToolbar #selected-filters-wrapper ul.filter-ul {
    display: flex;
    flex-direction: row;
    place-items: end;
}

/* fix time area in console page */
.date-interval-fi .InputBase-root span label {
    display: inline-block;
    margin-left: -0.5rem;
    margin-top: 0.7rem;
	top: 0.8rem;
}
.date-interval-fi .InputBase-root label .input_numeric{
    padding: 0;
}
.date-interval-fi .InputBase-root label .timeLabel{
    display: block;
    margin: -0.8rem 0 -0.3rem 0;
}

/*  FORMAT SELECT MULTI CHOICE  */
.multichoice {
	height: auto;
	display: inline-block;
}

.multichoice .dijitTextBox .dijitInputContainer {
	width: 100%;
	line-height: 3.1rem;
}
.multichoice .saytTagWidth {
	width: 92%!important;
	max-width: unset;
	display: flex;
	flex-direction: row-reverse;
	place-content: flex-end;
	margin: 0;
	padding-top: 0.3rem;
	border: none;
}
.multichoice .IconButton {
	position: absolute;
	top: 0;
	right: 0;
}
.multichoice .categoryList {
	display: block;
	padding: 0.5rem 1rem 0.7rem 1rem;
}
.multichoice .dijitTextBox .dijitInputField {
	padding: 0.2rem;
}

/*  FORMAT MULTISELECT WITH BUTTONS  */
.InputBase-root .displayInline{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	place-self: flex-start;
	place-items: center;
}

.displayInline select,
.displayInline .dijitTextBox,
.displayInline button{flex:1;}
.displayInline .categoryList {
	flex: 1 100%;
}


.categoryList li .form_answer img {
	max-width: 1.6rem;
	margin-right: 0.5rem;
	vertical-align: sub;
}

.subcombo-filter-container .dijitComboBox {
	border: none;
}



.subcombo-filter-container .InputBase-root {
	border: 0px
}	

/*  CUSTOM DYALOG  */

.dijitDialogPaneContent {
	width: 100%!important;
	height: calc(100% - 4rem)!important;
	min-height: 9rem;
	flex: 1 100%;
	display: flex;
	flex-direction: column;
	padding:1.6rem 2rem;
}
.dijitDialogTitleBar {
	width: 100%!important;
	height: 4rem;
	padding: 0.7rem 2rem;
	background-color: var(--nav-primary-bg-color);
	border-bottom: none;
}
.dijitDialog .dijitDialogTitleBar .dijitDialogTitle {
	width: 100%;
	max-width: unset;
	padding: 0;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.5rem;
	color: var(--white);
	padding-left: 0;
}

.dialogTagBox .dijitDialogPaneContentBtn {
	display: flex;
	justify-content: flex-end;
	padding: 2rem 0;
}
.dijitDialogPaneContent .edit-save-wrapper {
	margin-bottom: 0;
}




.reorderDiv table tr .edit-save-wrapper .dndBasketButtons button {
	margin-bottom: 0.8rem;
}

.ba-dialog.confirm-dialog .dijitDialogTitleBar {
	padding: 2rem;
    background-color: var(--white);
	margin-top: 0.3rem;
}
.ba-dialog.confirm-dialog .SvgSize16{
	margin-top: -0.3rem;
}
.ba-dialog.confirm-dialog .dijitDialogTitleBar .dijitDialogTitle {
    color: var(--black);
}
.ba-dialog.confirm-dialog .moreInfoBoxHeader {
    margin-top: 1rem;
}
.ba-dialog.confirm-dialog .dijitDialogPaneContent {
	padding: 1rem 2rem 0 2rem;
}
.ba-dialog.confirm-dialog-success{
	border-top: 0.3rem solid var(--green10)!important;
}
.ba-dialog.confirm-dialog-error{
	border-top: 0.3rem solid var(    --red10)!important;
}
.ba-dialog.confirm-dialog-warning{
	border-top: 0.3rem solid var(--yellow20)!important;
}
.ba-dialog.confirm-dialog-info{
	border-top: 0.3rem solid var(--blue20)!important;
}

.ba-dialog.confirm-dialog-success .confirm-icon svg {
	fill:var(--green10);
 }
 
 .ba-dialog.confirm-dialog-info .confirm-icon svg {
	fill:var(--blue20);
 }
 
 .ba-dialog.confirm-dialog-warning .confirm-icon svg {
	fill:var(--yellow20);
 }
 
 .ba-dialog.confirm-dialog-error .confirm-icon svg {
	fill:var(--red10);
 }

/* SAYT CONTAINER */
.sayt-button-container {
	display: inline-flex;
	place-content: space-between;
	margin-left: 0.5rem;
}
.sayt-button-container a {
	margin-left:0.5rem;
}

.wrapper-link .sayt-button-container, .wrapper-link .in-label-link {
	display: flex;
	gap: 1rem;
	line-height: 1.3rem;
}

.form_answer .form_answer_value .saytTagWidth {
    width: 100% !important;
}

.incrementalSearchBody .multi-choice-fi .sayt-button-container {
    width: auto;
    position: absolute;
	top: 0.8rem;
    left: 105%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    place-content: flex-start;
    gap: 1rem;
}
.incrementalSearchBody .multi-choice-fi .sayt-button-container a{
    white-space: nowrap;
}
.incrementalSearchBody .checkbox-fi .InputBase-root {
    place-items: center;
}

.incrementalSearchBody .checkbox-fi .InputBase-root .Checkbox.IconButton {
	flex: initial;
	align-self: center;
    padding: 0;
    margin: 0;
}
.incrementalSearchBody .checkbox-fi .InputBase-root .multi-choice-checkboxes label {
    position: relative;
    top: 0.2rem;
    left: 0.5rem;
}

/*****************************************
FORMAT Manage Currencies
/****************************************/
.form_answer_value .reorderDiv .reorder tbody tr:first-child  {
	display: flex;
}
.form_answer_value .reorderDiv .reorder tr:first-child  th:nth-child(1){
	flex: 1 60%;
}
.form_answer_value .reorderDiv .reorder tr:first-child  th:nth-child(3){
	flex: 1 50%;
}

.form_answer_value .reorderDiv .reorder .table_cnt_body_a {
    display: flex;
}
.form_answer_value .reorderDiv .reorder .table_cnt_body_a .sortable-td-container {
    flex: 1;
}
.form_answer_value .reorderDiv .reorder .table_cnt_head th span{
	white-space: nowrap;
}
.form_answer_value .reorderDiv .reorder .table_cnt_body_a .sortable-td-container ul li {
    place-items: flex-start;
}

.sortable-td-container .dojoDndItem span svg{width: 1.6rem;height:1.6rem;}

/*****************************************
FILTER CONFIGURATION
/****************************************/
.filterManager-wrapper .form_container{
	margin-left: 0;
	padding: 0;
}
.filterManager-wrapper .form_container ul{
	flex-direction: column;
}
.filterManager-wrapper .form_container ul li{
	margin-bottom: 0;
}

.filterManager-wrapper .form_container ul li .form_answer{
	margin-right: 0;
}
.filterManager-wrapper .form_container ul li .form_answer input{
	width: 100%;
}
.filterManager-wrapper .form_container ul li .form_answer #ListManager\.managingFilterPageSize {
    width: 100%;
    text-align: right;
	padding-right: 2.5rem;
}
.filterManager-wrapper .form_container ul li .form_answer #filterManageName {
    width: 100%;
    float: none;
}
.filterManager-wrapper .form_container ul li .form_answer #filterManageName select{
    width: 100%;
	padding: 1rem;
}
.filterManager-wrapper .form_container ul li .form_answer select optgroup {
    font-size: 1.3rem;
    color: var(--black);
    text-indent: -0.2rem;
    padding-bottom: 0.5rem;
}
.filterManager-wrapper .form_container ul li .form_answer #filterManageName select option{
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--black);
	text-indent: 0.3rem;
}
.filterManager-wrapper .form_container ul li .form_answer #filterManageName select option:before{
	display: none;
}

.filterManager-wrapper .form_container ul li .form_question{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	place-content: space-between;
	font-size: 1.3rem;
	font-weight: 400;
	padding: 2rem 0 1.5rem 0;
	color: var(--black);
}

.filterManager-wrapper .form_container ul li .form_answer select:focus option:before{
	border-left: 3.5px  solid var(--blue20);
}
.filterManager-wrapper .form_container ul li .form_answer select::-webkit-scrollbar-track{
	background-color: var(--white);
}

.filterManager-wrapper .form_container ul li .form_answer select::-webkit-scrollbar{
    width: 0.95rem;
    background-color: var(--white);
}

.filterManager-wrapper .form_container ul li .form_answer select::-webkit-scrollbar-thumb{
	background-color: rgba(118, 118, 118, 0.5);
    border-radius: 5rem;
}
.filterManager-wrapper select:-internal-list-box:focus option:checked:hover {
	background-color: var(--red10);
}

/*****************************************
CHECKBOX CONTAINER
/****************************************/
.checkbox-fi .InputBase-root .multi-choice-checkboxes {
	min-height: 4rem;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    place-items:flex-start;
    gap: 0.5rem 0;
}
.checkbox-fi .InputBase-root .multi-choice-checkboxes .check-item {
	display: block;
}
.checkbox-fi .InputBase-root .multi-choice-checkboxes .check-item .ICON-ERROR {
    margin-left: 0.5rem;
    position: relative;
    top: 0.3rem;
}
.checkbox-fi .InputBase-root .multi-choice-checkboxes .check-item .fa {
    position: relative;
    top: 0.4rem;
    margin: 0 0.5rem;
}
.checkbox-fi .Checkbox input.InputBase-root {
	height: 100%; /*by Alby, checkboxes in filter were half of the height*/
}
.checkbox-fi .multi-choice-checkboxes label {
	cursor: pointer;
}


/*********************************************
  # INPUT FILE NEW VERSION
********************************************/
.inputFileItem input[type="file"] {
    width: 99%;
    height: 213px;
    position: absolute;
    top: -10px;
    left: 0;
    opacity: 0;
}
.inputFileItem{
    width:100%;
    max-width:440px;
    height:150px;
    display:block;
    position:relative;
    font-size:13px;
    margin-bottom: 40px;
}
.dragArea{
    width:100%;
    height:150px;
    display:flex;
    place-content:center;
    place-items:center;
    position:relative;
    border:1px solid var(--grey50);
    padding: 6px 12px;
    top:-10px;
}
.dragArea .dragAreaItem {
    display: block;
    margin: auto;
}
.dragArea .dragAreaItem .itemSpecifics{
    display: block;
    color: var(--grey30);
}
  
.dragArea .dragAreaItem .icon-attach{
    width:16px;
    max-height:20px;
    display:inline-block;
    vertical-align:middle;
}
  
  .dragArea .dragAreaItem a{
      text-decoration:none;
      color: var(--blue20);
  }
  .custom-file-upload {
    width:100%;
    max-width:440px;
    border: 1px solid var(--grey50);
    display: inline-block;
    position:relative;
    padding: 10px 12px;
    cursor: pointer;
	text-align: left;
  }
  
  .custom-file-upload .sheetItem{
    width:100%;
    height:auto;
    max-height:16px;
    max-width:16px;
    display:inline-block;
    vertical-align:center;
    position:absolute;
    left:10px;
  }
  
  .custom-file-upload .deletItem{
    width:100%;height:auto;max-height:16px;
    max-width:16px;
    display:block;
    position:absolute;
    top:11px;
    right:10px;
    z-index:99;
  }
  .custom-file-upload span{
    margin-left:20px;
    color: var(--blue20);
  }
  

/*  INPUT FILE SECOND VERSION */
.inputFileItem.compact-version{
    height: auto;
    margin-bottom: 0;
}
.inputFileItem.compact-version input[type="file"] {
    width: 100%;
    height: 4.1rem;
    top: 2rem;
    left:0;
}
.inputFileItem.compact-version .custom-file-upload span{
    color: var(--grey20);
}
.inputFileItem.compact-version .wrapper-link{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.inputFileItem.compact-version .button-wrap {
    place-content: flex-end;
    margin-top: 0.5rem;
}
.inputFileItem.compact-version .button-wrap .button-placeholder{
    margin-right: 0;
}

/* upload file from auction -> itemList */
.for-import .floatingWrapper .edit-save-wrapper .button-list .icon-IMPORT {
	max-width: unset!important;
	margin: 0!important;
	display: flex;
	flex-direction: row;
	place-content: flex-end;
	text-align: right;
}
.for-import .floatingWrapper .edit-save-wrapper .button-list .icon-IMPORT .ButtonBase-standard {
	width: auto;
	margin-left: 1rem;
}
.for-import .formRead ul li table tr td{
	overflow: unset;
}

.for-import .inputFileItem, .for-import .custom-file-upload{
	max-width: unset;
}
.for-import .edit-save-wrapper ul.button-list {
	width: auto !important;
}

.formRead.twoColumns .FormField .wrapper-link {
    padding-right: 0;
}

.formRead.twoColumns .FormField .wrapper-link.with-icon .FormField-Label {
	column-gap: 0.5rem;
}

/* on message board page add space from link */
.alignMessageBoard a {margin-right: 0.5rem;}


/* Notices new UI */
.ba-dialog .cntEmpty .containerEmpty .content-toolbar.toolbar-root {
    top: 0;
}

.noticePrintable td {
    height: auto;
}

.cntEmpty .containerEmpty .form_container ul{
	width: 100%;
    max-width: 150rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.cntEmpty .containerEmpty .form_container ul li{
	width: 100%;
    max-width: 54rem;
    flex: 1 40%;
    margin-right: 6rem;
    padding:0;
}
.form_container ul .fullWidthTitle {
    width: 100%;
    max-width: 100%!important;
    flex: 1 100%!important;
}
.adjustIcon {
    display: flex;
    place-items: center;
}

.cntEmpty .containerEmpty .form_container ul li .form_question {
    height: auto;
    padding-bottom: 0.3rem;
}

.cntEmpty{
	max-width: 128rem;
	margin: auto;
	flex-wrap: wrap;
	padding: 1.6rem;
}
.cntEmpty h3.paragraph {
	flex:1 100%;
    margin-left: 0;
	padding-bottom: 1.3rem;
}
.cntEmpty .containerEmpty{
    padding:0;
	margin-bottom: 2rem;
}
.cntEmpty .containerEmpty .flatDisplay{
    height: auto;
}
.cntEmpty .flatDisplay {
    width: 100%;
    max-width: unset;
    flex: 2;
    height: 30rem;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px;
}

body.dialogMode .cntEmpty{
    width: 100%;
    max-width: 100%;
}

.revert .containerEmpty .form_container .noticeFieldList li table,
.revert .containerEmpty .form_container .noticeFieldList li table tbody,
.revert .containerEmpty .form_container .noticeFieldList li table tbody tr,
.revert .containerEmpty .form_container .noticeFieldList li table tbody tr td input{
	width: 100%;
}
.revert .containerEmpty .form_container .noticeFieldList li table tbody tr td:first-child{
	max-width: 17%;
}
.revert .containerEmpty .form_container .noticeFieldList li table tbody tr td:nth-child(2){
	width: 41%;
}
.revert .containerEmpty .form_container .noticeFieldList li table tbody tr td:nth-child(3){
	width: 42%;
}

/* Card */
.flatDisplay {
	width: 100%;
	min-width: 30rem;
	border-radius: 0;
	box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 10%);
	background: var(--white);
	padding: 1.6rem 2rem;
}

.trsx_table .flatDisplay{
	box-shadow:none;
}
.trsx_table .trsx_caption h2{
	width: 100%;
	display: flex;
    flex-direction: row-reverse;
    place-content: space-between;
    place-items: center;
}
.trsx_table .trsx_caption h2 .ICON-SEARCH {
    margin: 0.5rem 0 -0.5rem 0;
}


/******************************************************
  ## NAV TREE MENU
*******************************************************/
.has-tree-menu + .containerDetail .content-page .internalFormDiv .content-toolbar.toolbar-root {
    z-index: 3;
}

.treeResult-list{
	margin: 1rem 2rem 0 4rem;
}
/* nav-index-tree-menu */
.has-tree-menu {
	position: sticky;
    top: 9.3rem;
    background: var(--white);
    border-right: 0.1rem solid var(--navy35);
	padding: 1rem 0 0 2rem;
}

.nav-index-tree-menu {
	width: 34rem;
    max-width: 50rem;
    background: var(--white);
	overflow-x: auto;
	margin-right: 8.4rem;
}
.nav-index-tree-menu ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-right: 0.5rem;
}

/* item */
.nav-index-tree-menu .nav-index-item,
.nav-index-subMenu .nav-index-item {
	flex: 1 100%;
	min-height: 2.3rem;
	place-items: flex-start;
	flex-wrap: wrap;
	cursor: pointer;
	transition: 0.3s;
}

.nav-index-tree-menu .nav-index-item-container,
.nav-index-subMenu .nav-index-item-container {
	width: 100%;
	min-height: 2.3rem;
	border-right: 0.3rem solid transparent;
	background: transparent;
	display: flex;
	align-items: flex-start;
	column-gap: 0.2rem;
	margin: 0 0 0.8rem 0;
	padding: 0.3rem 0 0.2rem 0.2rem;
	transition: 0.3s;
}
.nav-index-tree-menu .nav-index-item-container:hover,
.nav-index-subMenu .nav-index-item-container:hover,
.nav-index-tree-menu .nav-index-item-container.active,
.nav-index-subMenu .nav-index-item-container.active {
	border-right-color: var(--blue20);
	background: var(--blue50);
}

.nav-index-tree-menu .nav-index-item-container.active .nav-index-item-label,
.nav-index-subMenu .nav-index-item-container.active .nav-index-item-label{
	font-weight: 500;
}

.nav-index-tree-menu .nav-index-item:before,
.nav-index-tree-menu .nav-index-item .IconButton span:first-child:before{
	display: none;
}

.nav-index-item span{
	font-size: 1.3rem;
	font-weight: 400;
}

.nav-index-tree-menu .icon-folder{
	min-width: 1.6rem;
	height: 1.6rem;
	position: relative;
	top: 0.1rem;
	background: url(../svg/folderup2n.svg) no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0 0.1rem 0 0.1rem;
}

.nav-index-tree-menu .nav-index-item-label {
	flex: 1 calc(100% - 6rem);
	width: auto;
	height: auto;
	text-align: left;
	padding: 0.1rem 1.5rem 0 0.4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-index-tree-menu .ButtonBase.IconButton {
	margin: 0rem 0.2rem 0 0.1rem;
}
.nav-index-tree-menu .ButtonBase.IconButton .ICON-MOVE_DOWN{
	transform: rotate(-90deg);
	transition: 0.3s;
}
.nav-index-tree-menu .nav-index-item.expanded .ICON-MOVE_DOWN{
	transform: rotate(0);
}
.nav-index-tree-menu .nav-index-item-container .item-number {
	width: auto;
	height: 2rem;
	background: var(--blue20);
	border-radius: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 1.5rem 0 0;
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--white);
	padding: 1rem 0.65rem;
}
.nav-index-tree-menu .nav-index-item-container .item-number.inactive {
	background: var(--grey50);
	color: var(--black);
}

/* subMenu + second subMenu*/
.nav-index-tree-menu .nav-index-subMenu ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-right: 0;
}

.nav-index-tree-menu .nav-index-subMenu,
.nav-index-tree-menu .nav-index-subMenu * .nav-index-subMenu,
.nav-index-tree-menu .nav-index-subMenu.expanded * .nav-index-item .nav-index-subMenu {
	width: 100%;
	height: auto;
	margin: 0 0 0 2.2rem;
	display: none;
}
.nav-index-tree-menu .nav-index-item.expanded .nav-index-subMenu{
	display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-index-tree-menu .nav-index-item.expanded > .nav-index-subMenu ul .nav-index-item.expanded > .nav-index-subMenu {
	display: block;
}
.nav-index-tree-menu .nav-index-item.expanded .nav-index-subMenu * .nav-index-subMenu {
	display: block;
	margin: 0 0 0 2.2rem;
}
.nav-index-tree-menu .nav-index-item.expanded .nav-index-subMenu ul .nav-index-item .nav-index-subMenu {
	display: none;
}
.nav-index-item .nav-index-item-container .icon-folder{
	margin-left: 2.1rem;
}
.nav-index-item .nav-index-item-container .menu-toggle + .icon-folder{
	margin-left: 0;
}
.nav-index-tree-menu .nav-index-item.expanded .nav-index-subMenu ul .nav-index-item .ICON-MOVE_DOWN {
	transform: rotate(-90deg);
}
.nav-index-tree-menu .nav-index-item.expanded > .nav-index-subMenu ul .nav-index-item.expanded > .nav-index-item-container .ICON-MOVE_DOWN {
	transform: rotate(0deg);
}
.nav-index-tree-menu.success-style .nav-index-item .icon-folder {
	position: relative;
	background: none;
	background-color: var(--grey30);
	border-radius: 50%;
}
.nav-index-tree-menu.success-style .nav-index-item .icon-folder:before {
	content: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='fill:white;' xml:space='preserve'%3e%3cg%3e%3cpath d='M29.9%2c6.9l-19%2c19c-0.1%2c0.1-0.3%2c0.1-0.4%2c0l-1-1l-7.4-7.3c-0.1-0.1-0.1-0.3%2c0-0.4l1-1c0.1-0.1%2c0.3-0.1%2c0.4%2c0l7.2%2c7.1 L28.5%2c5.5c0.1-0.1%2c0.3-0.1%2c0.4%2c0l1%2c1C30%2c6.6%2c30%2c6.8%2c29.9%2c6.9z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
	width: 1rem;
	height: 1rem;
	display: block;
	position: relative;
	top: 0.1rem;
	left: 0.3rem;
}
.nav-index-tree-menu.success-style .nav-index-item.expanded .icon-folder {
	background-color: var(--green10);
}

.cntDetail .additionalSidebar .nav-index-tree-menu .menu-toggle .ICON-MOVE_DOWN svg {
    width: 1.6rem;
    height: 1.6rem;
}

.treeResult-list .tablewrap-root .table-root {
    margin-right: 0;
}
.treeResult-list .tablewrap-root .table-root th.number:nth-child(1) {
    border-left: 0;
}

.file-counter{
	white-space: nowrap;
}

/******************  MOBILE VERSION  *******************/
@media screen and (max-width:1365px){
	.nav-index-tree-menu:(:not(.accessibility)) {
		width: 26rem;
	}
}

@media screen and (max-width: 1280px) {
	.listToolbar.grid li {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.listToolbar.grid li #storedFilterId {
		width: 100%;
		max-width: calc(100% - 5rem);
	}

	.listToolbar.grid li .config-stored-filter {
		position: absolute;
		top: 2.3rem;
		right: 1.5rem;
	}
	.listToolbar.grid #search-glass #widget_filterPickerSelect{
		max-width: 100%;
	}
}

@media screen and (max-width:1023px){
	.listToolbar {
		gap: 1rem 2rem;
		padding: 1rem;
	}
	.listToolbar li {
		width: 100%;
		max-width: 30rem;
	}
	.listToolbar li + li {
		margin-left: 0;
	}
	.listToolbar li .dijitComboBox, #search-wrapper .subcombo-filter-container .dijitComboBox{
		width: 100%!important;
		min-width: unset!important;
		margin-left: 0!important;
	}
	.listToolbar li.search-glass-btn .dijitComboBox{
		margin-top: 1rem;
	}
	.treeResult-list{
		margin: 1rem 0 0 2rem;
	}
}

.modalDialog .dijitDialogPaneContent .dijitDialogPaneContentText .Alert-root {
	min-width: unset;
	max-width: 100%;
	margin: 0 0 2.5rem 0;
}



@media screen and (max-width: 767px) {

	/*  SEARCH AREA  */
	.filter-area .wrapper-filter {
		padding: 0 1.5rem 1rem 3rem;
	}
	.filter-area .wrapper-filter .item-filter .FormField {
		margin-right: 0;
	}
	.filter-area .wrapper-filter .item-filter {
		flex-wrap: wrap;
		row-gap: 1rem;
	}
	.FormField-large,
	.FormField-medium {
		width: 100%;
		min-width: unset;
		max-width: unset;
	}
	.filter-area .wrapper-filter .item-filter:first-child .wrapper-icon {
		top: 3.7rem;
	}
	.filter-area .wrapper-filter .item-filter .wrapper-icon {
		top: 2.4rem;
		right: 2.4rem;
	}
	#search-wrapper.form_container .bigButton ul {
		margin: 0 -5px 0 0;
	}
	#search-wrapper .categoryList .categoryName {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 18rem;
		white-space: nowrap;
	}
	.multi-choice-fi .InputBase-root {
		margin-top: 0.5rem;
	}


	.dialogTagBox .dijitDialogPaneContentText .internalFormDiv div:not(:nth-child(3)){
		flex: 1 100%;
	}

	.containerDetail .listToolbar #search-glass {
		margin-left: 0;
	}

	form#preBidForm div.internalFormDiv {
		display: contents;
	}

	/*  DIALOG WINDOWS  */
	.dijitDialogPaneContent{
		min-height: 35rem;
	}

	/* NEW TOOLBAR VERSION */
	.listToolbar.grid {
		display: flex;
		flex-direction: column;
	}

	.listToolbar.grid li,
	.listToolbar.grid li:nth-child(1):not(#quickFind),
	.listToolbar.grid li:nth-child(2) {
		flex: 1 100%;
		max-width: 100%;
	}

	.listToolbar.grid .pickable-filters {
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 480px) {

	.dijitDialogPaneContent {
		height: calc(100% - 4rem)!important;
		min-height: unset;
		padding:1rem;
	}

	.listToolbar select{
		max-width: 100%;
	}

	.filterManager-wrapper .form_container ul li .form_question {
		margin-top: -0.5rem;
		margin-bottom: -1rem;
		padding: 2rem 0.5rem 1.5rem 0;
	}

	.dialogTagBox .dijitDialogPaneContentBtn {
		padding: 0.5rem 0 0 0;
	}

}

/* MODULE CSS */

/* RFX TOOLKIT AREA */
/* Status of envelope (Q/T/C) */
.answ_excluded 				{ background-color: var(--red10);}
.answ_suggest_excluded 		{ background-color: var(--red30);}
.answ_not_excluded 			{ background-color: var(--green10);}
.answ_suggest_not_excluded 	{ background-color: var(--green35);}
.answ_not_visible 			{ background-color: var(--grey20);}
.answ_not_valid				{ background-color: var(--yellow20);}
.answ_not_valid_nolink		{ background-color: var(--yellow20);}
.answ_pending				{ background-color: var(--purple20);}
.answ_consList				{ background-color: var(--magenta20);}

/* Summary creation wizard */
.summaryCnt {
	display: inline-block;
	width: 100%;
}
.summaryColLeft {
	float: left;
	width: 50%;
	padding: 2rem 2rem 2rem 0rem;
}
.summaryColRight {
	float: left;
	width: 50%;
	padding: 2rem 0rem 2rem 2rem;
}

.summaryElement {
	box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 10%);
	margin-bottom: 2rem;
}
.summaryElementHead {
	display: inline-flex;
	width: 100%;
	padding: 2rem 2rem 1rem 2rem;
	justify-content: flex-end;
}
.summaryElementCnt {
	padding-bottom: 2rem;
	padding-top: 1rem;
}

.summaryElementHead .elementTitle {
	width: 100%;
}

.summaryElementCnt table.list-table {
	padding: 0rem 2rem 0rem 2rem;
}
.summaryElementCnt div.PagingTableList {
	padding: 0rem 2rem 0rem 2rem;
}


/* PRJ TOOLKIT AREA */
/* Workflow */
.workflowTaskButtons {
	flex-direction: column;
}

.workflow-table span.taskOpener {
	cursor: pointer;
}

.workflow-table div.close span.taskOpener svg {
	transform: rotate(-90deg);
}

.indentLevel_1 { padding-left: 2.5rem !important;}
.indentLevel_2 { padding-left: 3.5rem !important;}
.indentLevel_3 { padding-left: 4.5rem !important;}
.indentLevel_4 { padding-left: 5.5rem !important;}
.indentLevel_5 { padding-left: 6.5rem !important;}

.workflow-table .running-task {
	background-color: var(--green50);
}
.workflow-table .conditional-task th, .workflow-table .conditional-task td {
	background-color: var(--grey50);
	border-bottom: 0.1rem solid var(--white);
}
.workflow-tdSmall { width: 14rem;}

/*  WORKFLOW TABLE STICKY  */
.table-scrolling .workflow-table .sticky-table-row th{
	z-index: 1!important;
}

/* BU/CATEGORY/REGION DETAIL TAG */
/* ReadOnly Mode */
.categoryList li {
	margin-bottom: 0.5rem !important;
}
.categoryList .form_answer {
	display: flex;
}
.categoryList .form_answer a {
	display: flex;
	place-items: flex-start;
}

/*  VTK Create  */
.categoryList.basket-edit-mode {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
}
.listDimension {
    margin-top: 0!important;
}

/* EDIT MODE VERSION */
.edit-mode .categoryList > li{
	margin-right: 0.3rem;
}

.categoryList .form_answer .SvgSize16,
.categoryList .form_answer a .SvgSize16 {
	max-height: 1.6rem;
	margin-top: 0.1rem;
}
.categoryList .form_answer .SvgSize16 svg,
.categoryList .form_answer a .SvgSize16 svg {
	width: 1.6rem;
	height: 1.6rem;
}
.categoryList .form_answer .categoryName {
    width: 100%;
	display: block;
	line-height: 1.9rem;
	padding: 0 0.5rem;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.categoryList .form_answer .categoryName a{
	display: inline-block;
}

.form_container ul .dojoDndItem{
    flex-direction: row!important;
    margin-bottom: 1rem!important;
    place-items: inherit;
}

.categoryList li.moreinfo-button {
	display: flex;
	place-content: flex-start;
}


/* multi-selection-tree (readonly/edit-mode) */
.content-main .formRead.twoColumns ul li .multi-selection-tree.readonly,
.content-main .formRead.twoColumns ul li .multi-selection-tree.edit-mode {
	flex: 1 100%;
	width: 100%;
}

.multi-selection-tree.readonly ul.categoryList,
.multi-selection-tree.edit-mode ul.categoryList {
	margin-top: 1rem;
}

ul.categoryList.inlist li,
.multi-selection-tree.readonly ul.categoryList li,
.multi-selection-tree.edit-mode ul.categoryList li {
	max-width: 30rem !important;
	display: contents;
	margin-right: 0 !important;
}

ul.categoryList.inlist .form_answer,
ul.categoryList .form_answer,
.multi-selection-tree.readonly ul.categoryList .form_answer,
.multi-selection-tree.edit-mode ul.categoryList .form_answer {
	width: fit-content;
	height: auto;
	flex: initial;
	background-color: var(--grey50);
	border-radius: 3px;
	margin: 0 1rem 1rem 0;
	padding: 0.5rem 1rem;
}

.multi-selection-tree.edit-mode span.ICON-CLOSE:hover {
	fill: var(--blue20);
}

.content-main .formRead.twoColumns .multi-selection-tree ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	grid-template-columns: unset;
    grid-auto-flow: unset;
    grid-column-gap: unset;
	column-gap: 0.5rem;
}

.content-main .formRead.twoColumns .multi-selection-tree ul li span svg{
	width: 1.6rem;
	height: 1.6rem;
}

/* CATEGORY TREE */
#treeContainer {
	clear: right;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
#treeContainer ol#treeList {
	padding-left: 1rem;
	margin-bottom: 5rem;
}
#treeContainer ol {
	list-style: outside none none;
	padding-left: 3.5rem;
}
#treeContainer li {
	position: relative;
}
#treeContainer li:hover:not(#id_root) {
	background: transparent !important;
}
#treeContainer .nodeExpanded:hover {
	width: auto;
	background: var(--grey50)!important;
}

#treeContainer .expandNode, .moreInfoBoxCnt .expandNode {
	background-image: url('../svg/chevron-downj83y.svg');
	width: 1.7rem;
	height: 1.7rem;
	display: inline-block;
	vertical-align: top;
	margin-top: 0.6rem;
	cursor: pointer;
}
#treeContainer .collapseNode, .moreInfoBoxCnt .collapseNode {
	background-image: url('../svg/chevron-right2bzg.svg');
	width: 1.7rem;
	height: 1.7rem;
	display: inline-block;
	vertical-align: top;
	margin-top: 0.8rem;
	cursor: pointer;
}
.treeRoot {
	background-image: url(../svg/homeuv1m.svg);
	width: 1.9rem;
	height: 1.8rem;
	display: inline-block;
	vertical-align: text-bottom;
}
.treeNode {
	background-image: url(../svg/facts-hardg2wb.svg);
	width: 1.7rem;
	height: 1.7rem;
	display: inline-block;
	vertical-align: top;
	margin-top: 0.5rem;
}
.treeLeaf {
	background-image: url(../svg/facts-softymkw.svg);
	width: 1.8rem;
	height: 1.8rem;
	display: inline-block;
	vertical-align: top;
	margin-top: 0.5rem;
}

#treeContainer .mainLine {
	cursor: pointer;
	display: inline-block;
	padding-top: 0.2rem;
	background: transparent;
	height: 3rem;
	line-height: 3rem;
}
#treeContainer .mainLine:before {
	content: "";
	width: 2rem;
	height: 100%;
	display: block;
	position: absolute;
	top:0;left: 1.4rem;
	background: transparent;
	z-index: -1;
	transition: 0.3s;
}

.insideNode {
	padding-left: 5.5rem;
	padding-bottom: 0.5rem;
}
.descEst {
	padding :0.4rem;
}
.descInt {
	padding: 0.4rem;
	font-style: italic;
}

.highlightMatch {
	background-color: var(--yellow40);
	padding: 0.2rem;
}

/* AUC DETAIL PAGE */
input#auctionBeanFE\.winnableNumber {
	width: 4rem;
}
div.non-discretional-awarding-options {
	display: inline-flex;
	align-items: baseline;
}
div.non-discretional-awarding-options div.textEM {
	margin-right: 1rem;
}
div.non-discretional-awarding-options .InputBase-root {
	width: 10rem;
	margin-right: 1rem;
}


/* WMNG */
/* User interface settings */
#divSelectBuyersCheckbox {
	padding-left: 0rem;
}
.logoSpecifications {
	padding-top: 1.5rem;
}
.logoSpecifications li {
	margin-bottom: 1rem !important;
}
/* SVM - DE Default Value */
.recommendedDefault {
	display: none;
}

  /*dojoColorPicker custom ja style*/
#cpHandler:hover {
  background-color: var(--nav-primary-bg-color) !important;
}

.dojoxColorPickerOptional input[id^='pick_'] {
	width: 3rem !important;
	height: 2.3rem !important;
	font-size: 1.3rem !important;
}

.dojoxColorPickerHexCode {
	width: 6rem !important;
}

.dojoxColorPickerOptional tr {
	height: 1.2rem !important;
}

.dojoxColorPickerOptional td {
	height: 1.2rem !important;
}

.dojoxColorPicker {
	width: inherit !important;
}

#divThemePreview {
  --previewAccentColor: blue;
  --previewBG1: var(--black);
  --previewFG1: var(--white);
  --previewBG2: var(--grey20);
  --previewFG2: var(--white);

  min-width: 54rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.50);
  margin-top: 1rem;
}

.previewSvg {
	fill: var(--previewFG1);
}

.previewAccent {
	background-color: var(--previewBG1);
	float:left;
	width: 5rem;
	height: 21rem;
}

.previewAccent div {
	text-align: center;
	border-left: 4px solid var(--previewBG1);
	height: 36px;
	padding: 7px;
}

.previewAccent div:hover {
	background: none repeat scroll 0 0 var(--previewBG2);
	border-left: 4px solid var(--previewAccentColor) !important;
	color: var(--previewAccentColor);
}

.previewAccent div svg:hover {
	fill: var(--previewAccentColor);
}

.previewAccent div.previewAccentSelected {
	background: none repeat scroll 0 0 var(--previewBG2);
	border-left: 4px solid var(--previewAccentColor) !important;
	color: var(--previewAccentColor);
}

.previewAccent div.previewAccentSelected svg {
	fill: var(--previewFG1);
}
.previewAccent div.previewAccentSelected svg:hover {
	fill: var(--previewAccentColor);
 }


.previewPrimary {
	background-color: var(--previewBG2);
	color: var(--previewFG2);
	float:left;
	width: 24.5rem;
}

.previewSecondary {
	background-color: var(--previewBG1);
	color: var(--previewFG1);
	float:left;
	width: 24.5rem;
}


.previewPrimary div {
	height: 30px;
	padding: 7px;
	border-left: 4px solid var(--previewBG2) !important;
	text-align: left;
	font-size: 13px;
}

.previewPrimary .previewPrimaryLink:hover {
	border-left: 4px solid var(--previewAccentColor) !important;
	background-color: var(--previewBG1);
	color: var(--previewFG1);
}

.previewPrimaryTitle {
	font-size: 16px !important;
}


.previewSecondary div {
	height: 30px;
	padding: 7px;
	border-left: 4px solid var(--previewBG1) !important;
	text-align: left;
	font-size: 13px;

}

.previewSecondary .previewSecondaryLink:hover {
	border-left: 4px solid var(--previewAccentColor) !important;
	background-color: var(--previewBG2);
	color: var(--previewFG2);
}

.previewSecondaryTitle {
	font-size: 16px !important;
}

#divComputedNa_me > div {
	margin-left: 0rem;
	height: 4rem;

}

#imgLogo {
	max-height: 2.5rem;
}

#divHeaderLogoPreview {
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 0;
	padding-left: 1rem;
	width: 100%;
}


#divComputedName > div {
	padding-left: 0rem !important;
}

.inputFileItem, .custom-file-upload {
	max-width: unset;
}



.info-area-detail, .SSOPartnerIntegration-area-detail {
	padding: 0.5rem 0 2rem 0;}

/* AUCTION TOOLKIT AREA */
body.dialogMode {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.dialogMode {
	min-width: 0.1rem;}
.dialogMode #main {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	overflow-y: auto ;
	padding-bottom: 4rem;
}


/* Html monitor */
.auctionHTMLmonitor #monitorBuyer, .auctionHTMLmonitor #monitorSeller {
	background-color: var(--white);
	width: 100%;}

.auctionHTMLmonitor #cntDetail {
	padding-left: 0;}
.auctionHTMLmonitor #cntDetail .edit-save-wrapper {
	text-align: center;}
.auctionHTMLmonitor #cntDetail > table {
	margin-bottom: 0.5rem;}
.auctionHTMLmonitor #cntDetail table {
	border-collapse: separate;}
.auctionHTMLmonitor #cntDetail td, .auctionHTMLmonitor #cntDetail th {
	padding: 0.5rem !important;}
.auctionHTMLmonitor th.thNoBorder {
	border: 0;}

.auctionHTMLmonitor #cntDetail table + div {
	border-spacing: 1rem;
	display: table;
	width: 100%;}

.auctionHTMLmonitor #sect_bid_list table, .auctionHTMLmonitor #sect_placebid_block table {
	border: 0.1rem solid var(--grey50);
	border-radius: 0.3rem;
	padding: 0.1rem;
	background-color: var(--white);}
.auctionHTMLmonitor #cntDetail table tr:nth-of-type(3) th {
	border-top: 0.1rem solid var(--grey50);}

.auctionHTMLmonitor .PagingTableList {
	font-size: 1.3rem;}

.auctionHTMLmonitor input {
	height: 2rem;
	line-height: 2rem;}
.auctionHTMLmonitor .greenButton a:hover, .auctionHTMLmonitor .greenButton a {
	color: var(--white);}

.auctionHTMLmonitor #div_sect_conn_led {
	margin-top: 1rem;
	text-align: right;
	clear: both;}
#sect_conn_led {
	background-color: var(--black);
	border: 0.1rem solid var(--black);
	margin: 0.5rem;}

.div_alert {
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 0.4rem var(--grey30);
	display: table-cell;
	font-weight: bold;
	left: 25%;
	max-width: 75rem;
	min-height: 18rem;
	min-width: 30rem;
	padding: 1em;
	position: absolute;
	text-align: center;
	top: 40% !important;
	vertical-align: middle;}
.fill_parent {
	width: 100%;
	height: 100%;}
.no_scrollbar {
	overflow: hidden;}

.sect_bid_list_seller {
	display: table-cell;
	min-height: 30rem;}
#sect_placebid_block {
	display: table-cell;}

.monitorHTMLconnections {
	min-width: 1rem;
	width: 100%;}

/* Auction TEDO detail page */
li#scoringGraphDiv div#scoringGraph {
	margin-left: 5rem;}
.scoringGraphImage > span {
	display: block;
	padding-top: 1rem;
	font-style: italic;}

/* Global list */
.insideToolbar .secondary ul {
	float: none;}

/* Time to start information on auction list (JAISS-5841) */
td .timeToStart {
	display: inline-flex;
	padding: 0.2rem 1rem;
	min-width: 9rem;
	max-width: 20rem;
	border-radius: 0.3rem;
	align-items: center;
	justify-content: center;
	white-space: nowrap;}
.timeToStart {
	display: block;
	text-align: center;
	padding: 0.2rem 0.4rem;
	background: var(--blue20);
	color: var(--white);
	min-width: 4rem;
	border-radius: 0.3rem;}

/* Rank Auction detail page */
.rankCnt > div {
	display: inline;}
div#rankVisibilityType > div {
	display: inline-table;}
.rankColor {
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	border-radius: 0.3rem;
	font-weight: bold;
	color: var(--white);
	text-align: center;
	line-height: 3.1rem;}
.bothRankColorFirst, .rankOnlyColorFirst {
	background-color: #7faf33;}
.bothRankColorSecond {
	background-color: #f6a623;}
.bothRankColorThird {
	background-color: #e3786a;}
.rankOnlyColorSecond {
	border: 1.5rem double #f6a623;}
.rankOnlyColorThird {
	border: 0.5rem solid var(--red30);}
.rankBox {
	display: inline-flex;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;}
.rankMessage {
	min-width: 3rem;
	margin-right: 0.5rem;}
.rankPosition {
	margin-right: 0.5rem;}

div.rankColor.rankOnlyColorFirst span {
	display: none;}
div.rankColor.rankOnlyColorSecond, div.rankColor.rankOnlyColorThird {
	font-size: 0;
	color: transparent;}

/* Announcements detail page */
.nihilo.message {
	background-image: none;
	background-color: var(--white);
	color: var(--grey20);
	padding: 0.5rem;}
.nihilo .dijitToolbar, .dijitEditorIFrameContainer, .htmlReadOnlyId {
	border: 0.1rem solid var(--grey50);
	padding: 0.5rem;}

/* EVM TOOLKIT AREA */
/* Change status Supplier */
.form_answer.status-spc-section {
	display: flex;}
.status-container {
	display: flex;
	width: auto;
	padding: 1rem 0 1rem 0;
	align-items: flex-start !important;
}
.status-button {
	width: auto;
	padding: 1rem 1rem 1rem 0;
	align-items: flex-start !important;
}

.status-spc {
	display: inline-block;
	padding: 0.6em;
	margin-right: 0.5rem;
	border-radius: 0.3rem;}
.status-spc.active {
	background: #90BA4D;
	color: var(--white);}
.status-spc.registered {
	background: var(--yellow20);
	color: #465053;}
.status-spc.archived, .status-spc.deactivated, .status-spc.blocked {
	background: var(--grey30);
	color: var(--white);}

/* Supplier Deactivation */
#titleGraphic .disabledStatus {
	border-radius: 0.3rem;
	color: var(--white);
	padding: 0.3rem;
	background-color: var(--grey50);
	line-height: 2rem;}
.subtitle_02 .disabledStatus {
	font-style: normal;
	padding: 0.1rem !important;
	margin-left: 0.5rem;}
.disabledStatus {
	border-radius: 0.3rem;
	color: var(--white);
	display: inline-block;
	padding: 0.4rem 0.8rem;
	min-width: 2.5rem;
	min-height: 1.6rem;
	font-weight: bold;
	background-color: var(--grey40);}
.disabledStatus a {
	color: var(--white);}

/* BID COLLECTOR TOOLKIT AREA */
.formulaBadCellRef {
	color: var(--white);
	font-weight: bold;
	padding: 0.2rem;
	background-color: var(--red30);
	cursor: help;}
.formulaError {
	color: var(--white);
	font-weight: bold;
	padding: 0.2rem;
	background-color: var(--red30);
	cursor: help;}
.formulaCellRef {
	font-weight: bold;
	font-style: italic;
	cursor: help;}

.statusValueError {
	background: none repeat scroll 0 0 var(--red20);
	border-radius: 1rem;
	color: var(--white);
	display: inline-block;
	padding: 0.1rem 0.8rem;
	min-width: 2.5rem;
	min-height: 1.6rem;
	font-weight: bold;}
.statusValueValid {
	background: none repeat scroll 0 0 #8FBE44;
	border-radius: 1rem;
	display: inline-block;
	padding: 0.1rem 0.8rem;
	min-width: 2.5rem;
	min-height: 1.6rem;
	font-weight: bold;}
.statusValueIndeterminate {
	background: none repeat scroll 0 0 #FFEB92;
	border-radius: 1rem;
	color: #686F77;
	display: inline-block;
	padding: 0.1rem 0.8rem;
	min-width: 2.5rem;
	min-height: 1.6rem;
	font-weight: bold;}

ul.fourCols > li {
	clear: none !important;
	display: inline-block;
	width: calc(25% - 1rem) !important;}
ul.threeCols > li {
	clear: none !important;
	display: inline-block;
	width: calc(33% - 1rem) !important;}

.oneFifthWidth {
	width:20%; }

.bdcResponse #cntEval .content-main {
	padding: 1rem 0 0 2rem;
}
.bdcResponse .formRead.oneColumns {
	padding-left: 2rem;
}

.bdcResponse .formResponseElementCnt table {
	padding-left: 2rem !important;
	margin-bottom: 2rem;
	border-top: 0.1rem solid var(--grey50);
}

.bdcResponse #cntEval .left h3 {
	margin-left: 2rem;
}
.bdcResponse #cntEval .formResponseElementCnt h4.paragraph {
	padding-left: 2rem;
}

/*Layout local fix (it's a detail page, so the scrolling logic used for lists is not enabled
Morandi, JAISS-15571*/
.classification .internalFormDiv .oneColumns {
	max-height: calc(-11.5rem + 100vh) !important;
	overflow: auto !important;
}


/* PROJECT TOOLKIT AREA */
/* Message Board */
.divTable {
	width: 100%;
	display: table;
}
.divRow {
	display: table-row;
	height: auto;
	transition: all 0.5s linear 0s;
}
.divRow:hover {
	background-color: var(--grey50);}
.divRow > div {
	border-bottom: 0.1rem solid var(--grey50);
	border-right: 0.1rem solid var(--grey50);}
.divTable div.divRow:first-of-type > div {
	border-top: 0.1rem solid var(--grey50);}
.divCell {
	display: table-cell;
	padding: 1rem;
	position: relative;}
.divRow div.divCell:first-of-type {
	width: 25rem;
	border-left:0.1rem solid var(--grey50);}
.divRow div.divCell:nth-child(2) {
	text-align: justify;}
.divCell > span {
	word-break: break-word;
}
.editMessageButton {
	border: 0 !important;
	border-radius: 0.3rem;
	font-weight: bold;
	position: relative;
	text-align: right;
	transition: opacity 0.5s linear 0s;
	z-index: 10;}
.editMessageButton:hover {
	cursor: pointer;}
.editMessageButtonHidden {
	opacity: 0;
}
.editMessageButtonShow {
	opacity: 1;}
.editMessageButton .formResponseBtn {
	border: 0 none !important;}

.divTable div.divRow:nth-child(even) {
	background-color: var(--grey50);
}
.divTable div.divRow.deleted {
	background-color: var(--grey50);
	height:0;
}
.divTable div.divCell.deleted {
	text-align: right;
}
.answ_List {
	text-align: center;}

.answDivTd {
	display: flex;}
.answDivTd > select {
	margin-top: 1rem;}
.answDivTd > div:first-of-type {
	margin-right: 0.3rem;
	margin-left: 0.3rem;
	max-width: 12rem;
	min-width: 12rem;
	align-items: inherit;}
.dialogTagDiv .answDivTd > div:first-of-type {
	margin-left: 3rem;}
#deepLinkDialogId {
	min-height: auto;
}
.answDivTd > div {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;}
.answDivTd > div div {
	min-height: 3rem;}
.answDivTd > div div span {
	margin-right: 0.5rem;}
.answDivTd div span {
	margin: 0.1rem;}
.answDivTd > span {
	width: 7rem;
	text-align: center;}
td.launchNewRound div.formResponseBtn a {
	cursor: default;}

/* EVM Workflow */
.listIntoTdElement li {
	background-image: url("../gif/square9vi6.gif");
	background-position: 0.5rem top;
	background-repeat: no-repeat;
	padding-left: 2rem;}

.detail-wrap {
	color: #465053;
	margin-bottom: 1rem;
	padding: 1rem;
}

.list-table .expandedTR .detail-wrap {
    box-shadow: 0 0.2rem 0.5rem 0 rgb(0 0 0 / 20%);
	background-color: var(--white);
}

.advanceform-titlebar {
	border-bottom: 0.1rem solid var(--grey50);
	margin-bottom: 1.5rem;
	padding: 0 0 0.5rem;}
.advanceform-titlebar h4 {
	color: #465053;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.6rem 0 0;}
.advanceform-titlebar .toolbar.secondary {
	float: right;
	margin-top: 0.5rem;}
.rclear {
	clear: right;}
.detail-list > li > div {
	color: #465053;
	display: inline-block;
	vertical-align: top;
	width: 49%;}
.detail-list > li > div span.label {
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 0.8rem;}
.detail-list textarea {
	border: 0.1rem solid var(--grey50);
	border-radius: 0.5rem;
	font-size: 1.3rem;
	padding: 1.5rem;
	resize: none;
	width: 37rem;}
.textareaFake {
	height: 10rem;
	overflow-y: scroll;
	border: 0.1rem solid var(--grey50);
	padding: 0.5rem;
	margin-right: 0.2rem;
	border-radius: 0.5rem;}
.textareaFakeBig {
	height: auto !important;}
.detail-list li.allLine > div {
	width: 100% !important;}

.detail-list li {
	display: list-item;
}

li.allLine div.displayFlex {
	width: 100% !important;}
li.allLine div.textareaFake {
	width: 100%;
	min-height: 1rem;
	overflow: auto;}
.detailexpandableTable {
	border-radius: 0.4rem;
	margin-top: 2.5rem;}
.detailexpandableTable > div.title {
	background: linear-gradient(to bottom, #FFFFFF 0%, #FCFCFC 48%, #F8FAF9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #686F77;
	padding: 1.1rem 1.1rem;
	margin-bottom: 0;
	position: relative;
	vertical-align: middle;
	border: 0.1rem solid var(--grey50);}
.detail-wrap table {
	border-collapse: collapse;
	color: #686F77;
	font-size: 1.3rem;
	border-top: 0;}
.detailexpandableTable .secondary {
	position: absolute;
	right: 0.4rem;
	top: -0.1rem;}

.head_RSL {
	border-left: 0.1rem solid var(--grey50);}
.head_RSR {
	border-right: 0.1rem solid var(--grey50);}
.head_RSB {
	text-align: center;
	border-bottom: 0;}

.checkListFake {
	display: flex;
	padding: 0.3rem;}

/* Assessment Status (web fonts) */
.asmtDiv {
	margin-top: 1rem;}
.asmtUl {
	text-align: center;
	float: left;}
.asmtLi {
	display: inline-block !important;
	padding: 0.1rem !important;
	width: 2.5rem !important;}
.asmtTd {
	text-align: center;
	white-space: nowrap;}
td > .asmtUl, .asmtTd, th > .asmtUl {
	width: 10rem;}
.asmtBox span {
	display: table-cell;
	vertical-align: middle;}

.asmtGrid .asmtUl {
    float: none;
    display: grid;
    grid-template-columns: auto auto auto;
	margin: auto;
}

td > span.fa {
	vertical-align: middle;}

#chooseIconDiv {
	width: 83rem;
	max-width: inherit;}

.dijitDialogPaneContentText .tableColor div {
	font-size: 1.4rem;
	margin-right: 0.5rem;}
.dijitDialogPaneContentText .tableColor, .dijitDialogPaneContentText .tableDiv {
	text-align: left;
	width: 100%;}
.dijitDialogPaneContentText .tableDiv #changeColorFont > div, .dijitDialogPaneContentText .tableColor .colorSelector > div {
	display: inline-table;
	text-align: center;
	width: 4rem;
	border: 0.1rem solid var(--grey50);
	margin: 0.2rem;
	padding: 0.2rem;}
.dialogTagDiv input[type="radio"] {
	border: 0 none !important;
	display: inline;
	height: auto;
	margin: 0.3rem;}

#changeColorFont, .colorSelector {
	width: auto !important;}

.form_answer > #statusSymbol {
	line-height: 3.2rem;
	margin-right: 0.5rem;}

.faList {
	display: table;
	height: 3.5rem;
	min-width: 30rem;
	table-layout: fixed;
	margin-left: 2rem;}
.faList > .fa {
	display: table-cell;
	vertical-align: middle;
	width: 2.6rem;}
.faList > label {
	display: table-cell;
	vertical-align: middle;}

.multi-choice-fi .asmtDiv {
	border: 0.1rem solid var(--grey50);
	display: block;
	margin-bottom: 0.5rem;
	margin-top: 0;
	min-height: 5rem;
	position: relative;
	text-align: center;}
.multi-choice-fi .asmtDiv input {
	left: 0;
	height: 5rem !important;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 10;}
.multi-choice-fi .asmtDiv input:hover{
	cursor: pointer;}

.categoryList .form_answer > span.fa + span.categoryName {
	padding-left: 3rem;
}

#search-wrapper .categoryList .form_answer > span.SvgSize16 + span.categoryName {
	max-width: calc(100% - 3.3rem);
}

#search-wrapper .categoryList .form_answer .categoryName + a {
	position: absolute;
	top: 7px;
	right: 18px;
}

.categoryList .form_answer > span.fa {
	margin-top: 0.2rem;
	position: absolute;}
.categoryName {
	line-height: 1.9rem;}

/* Scoreboard/Performance score box */
.scoreboardGraphBox {
	background-color: var(--white);
	display: table;
	overflow: hidden;
	table-layout: fixed;
	width: 100%;}
.scorecardBox_left {
	display: table-cell;
	vertical-align: middle;}
.scorecardBox_right {
	display: table-cell;}

.scorecardBox_leftCol {
	border-radius: 0.5rem;
	display: table-cell;
	text-align: center;
	padding: 0.9rem;
	width: 1%;}
.scorecardBox_leftCol div {
	font-size: 2.3rem;
	line-height: 2.3rem;
	font-weight: bold;}
.scorecardBox_leftCol span {
	font-size: 1.6rem;
	font-style: italic;
	font-weight: bold;}

.scorecardBox_right .revert .form_container {
	border: 0.1rem solid var(--grey50);
	padding-left: 1rem;
	padding-right: 1rem;}

.scoreboardGraphBox th, .performanceGraphBox th {
	border-bottom: 0.1rem solid var(--grey50);
	width: 50%;}
.scoreboardGraphBox td, .performanceGraphBox td {
	background: var(--white) none repeat scroll 0 0;
	text-align: left;}

#performanceDetail {
	width: 100%;
    display: flex;
    gap: 2rem;
    padding: 2rem;
}

#performanceDetail .trsx_table {
    padding: 1.6rem 2rem;
    box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 10%);
}
#performanceDetail .trsx_table .trsx_row {
    padding: 0;
}
#performanceDetail .trsx_table .trsx_row .flatDisplay {
    padding: 1rem 1rem 1rem 0;
}
.performanceDetail_left, .performanceDetail_right {
	display: flex;
	flex: 1 50%;
	max-width: 45rem;
}
#performanceDetail .performanceDetail_left .tableContainer,
#performanceDetail .performanceDetail_right .tableContainer{
	width: 100%;
	margin-bottom: 0;
}

.performanceDetail_box{
	display: flex;
}
.performanceDetail_box .performanceDetail_left {
	display: block;
	width: auto;
}

.performanceGraphBox {
	background-color: var(--white);
	text-align: center;}

#performanceDetail .performanceGraphBox{ min-height: 50rem;}

.performanceGraphBox h3 {
	text-align: left;}
.scoreBox {
	border-spacing: 0.2rem;}
.performanceGraphBox td .formResponseBtn a, .performanceGraphBox td > div.formResponseBtn.icon-only {
	vertical-align: middle;}

/*#31408: RATP - Enlarge the field "KPI Instructions"*/
.fixDiv {
	min-width: 35rem;
	height: 15rem;
	border: 0.1rem solid var(--grey50);
	overflow-y: auto;}

/* Heatmap */
/*wmng*/

#riskHeatmap .hmContainer {
	left: 0;}

.hmbody .dijitTooltipContainer {
	background-color: var(--white);
	background-image: -moz-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0, var(--white) 1rem);
	background-image: -webkit-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0, var(--white) 1rem);
	background-image: -o-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0, var(--white) 1rem);
	background-position: bottom;
	border: 0.1rem solid var(--navy35);
	padding: 0.6rem 0.8rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	-webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
	font-size: 1em;
	color: var(--black);}
.hmbody .dijitTooltipConnector {
	border: 0;
	z-index: 2;
	background-image: url("../png/tooltiphe3o.png");
	background-repeat: no-repeat;
	width: 1.6rem;
	height: 1.4rem;}
#kpiTable {
	padding-left: 3rem;}


.heatmapKpiTable #cntEval .formResponseElementTitle {
	display: none;
}
#kpiTable.heatmapKpiTable {
	padding-left: 0;
	width: 50%;
}
#riskHeatmap {
	display: flex;
	justify-content: center;
}
.form_container.hmSpacer > div {
	flex-grow: 1;
}
.form_container.hmSpacer > div#riskHeatmap {
	flex-grow: 0;
	margin-right: 2rem;
}
.hmSpacer {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

/* SDP Gantt*/
.plan_waitingApproval {		background-color: #FFD56F !important; border-color: #F6CD6B !important; }
.plan_waitingApproval a { 	color: #57410B;}
.plan_cancelled {   		background-color: #E9B1A2 !important; border-color: #E2AA9C !important;}
.plan_cancelled a {			color: #491717;}
.plan_completed {  			background-color: #333333 !important; border-color: #000000 !important; }
.plan_completed a {			color: var(--white);}
.plan_notApplicable { 		background-color: #D6D6D6 !important; border-color: #CBCBCB !important;}
.plan_notApplicable a {		color: var(--grey40);}
.plan_notStarted  {			background-color: #6CBEF8 !important; border-color: #69B0E8 !important;}
.plan_notStarted a {		color: #6CBEF8;}
.plan_running { 			background-color: #50BF70 !important; border-color: #4CAD62 !important;}
.plan_running a {			color: #0D3F1B;}
.plan_empty {    		    background-color: var(--grey50)!important;  border-color: #999 !important;  border: 0.1rem solid;
							margin-top: 1.4rem !important;  height: 0.5rem !important;  border-radius: 0 !important;}
.plan_empty a { 			color: var(--white);}
.ganttLinkableTask {		width: 100%; display: block;}

.trend div.myTableContainer.full {
	width: 100%;
}
.trend div.scorecardBox {
	border-radius: 0.5rem;
	display: inline-block;
	text-align: center;
	padding: 1rem;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.trend .fullTable {
	width: 100%;}
.trend .graphWrapper .performanceGraphBox {
	min-height: inherit;}
.trend .trsx_caption h3.evaluationCount {
	float: right;}


.trend .trsx_caption div > h3.evaluationCount {
margin-right: 0.5rem;
float: left;
margin-top: 0.6rem;
}

/* Trend page new version */
.trend .myTableContainer {
	border: none;
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2rem;
    padding: 1rem;
	box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 10%);
    background: var(--white);
}

.trend .myTableContainer .trsx_caption{
	display: flex;
    padding: 0;
    place-content: space-between;
    place-items: center;
}
.trend .myTableContainer .trsx_caption h3 img{display: none;}
.trend .myTableContainer .trsx_caption h3 {
    font-size: 1.6rem;
}
.trend .myTableContainer .trsx_caption h3 a{
    position: relative;
    top: 0.2rem;
}
.trend .myTableContainer .paragraph {
	font-size: 1.4rem;
	padding-left: 1rem;}


.trend div.toolbar.positional {
	vertical-align: top;}
.trend .positional {
	width: auto;
	display: inline-block;}
.trend div.toolbar.positional.filter #search-wrapper {
	border: 0;
	background: none;
	padding: 0;
	margin-top: -1.2rem;}
.trend div.toolbar.positional.filter #search-wrapper li.filter-line > div:first-of-type:not(.single-filter-remove) {
	width: auto;
	padding: 0;}
.trend div.toolbar.positional.filter #search-wrapper .form_question {
	display: inline;}
.trend div.toolbar.positional.toolbarMsg {
	font-weight: bold;
	margin: 1.5rem 1.5rem 0 1.5rem;}
.trend div.toolbar.positional.filter {
	float: right;}
.trend div.toolbar.secondary.positional.filter ul {
	margin: 0;}
.trend div.summaryContainer, .trend div.pcSummaryContainer {
	margin: 0.5rem;
	border: 0.1rem solid var(--grey40);
	padding: 0.5rem;}
.trend div.summaryContainer div.summaryLeft {
	display: inline-block;
	width: 68%;
	vertical-align: top;}
.trend div.summaryContainer div.summaryRight {
	display: inline-block;
	width: 30%;
	vertical-align: top;}
.trend div.summaryContainer div.summaryRight div.scoreBox {
	text-align: center;}
.trend div.summaryContainer div.summaryLeft div.scoreBox {
	margin-top: -0.5rem;}
.trend div.spiderBlock {
	width: 30%;
	display: inline-block;
	margin-right: 1rem;}
.trend div.pcBlock {
	width: 68%;
	display: inline-block;
	vertical-align: top;
	margin-top: 1rem;}
.trend div.bigIconTrend {
	text-align: center;}
.trend div #selected-filters-label {
	display: none;}
.trend li.colpick-cnt_M {
	height: auto;}
.trend ul.inner {
	margin-left: 1rem;}
.trend .highlightTd {
	background-color: rgba(220,250,250,0.5);
}

.categoryList .form_answer .formResponseBtn {
	display: table-cell;
	padding-right: 0.1rem;
	text-align: right;}
.categoryList .formResponseBtn a span {
	display: none;}
.categoryList .form_answer input[readonly="readonly"] {
	display: none;}
.categoryList .categoryManual .form_answer input[readonly="readonly"] {
	background-color: var(--grey50);
	border:0.1rem solid var(--grey50);
	display: inline;}
.categoryList .categoryManual .form_answer .categoryName {
	display: none;}
.inputError ~ .categoryName {
	color: var(--red30);}
.categoryList .categoryManual .form_answer input {
	height: 2.7rem;}
.categoryManual .form_answer {
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;}
.categoryList .formResponseBtn > a {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	display: inline;
	height: 1.5rem;
	line-height: 1.5rem;
	margin: 0;
	padding: 0;
	vertical-align: middle;}
.categoryList .formResponseBtn > a img {
	vertical-align: text-bottom;}
.categoryList > li#btnAddCategory {
	position: absolute;
	right: -0.9rem;
	top: -4.6rem;}
.categoryList #addCategory.form_answer {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	border-radius: 0;
	float: none;
	margin-right: 0;
	margin-top: 0;
	padding: 0;}
.categoryList #btnAddCategory .formResponseBtn a span {
	display: inline;}

div.categoryList li.allLine {
	margin-bottom:0.2rem;}/*JADEV-787*/

#addCategory .formResponseBtn {
	background-color: transparent;
	border: medium none;
	display: inline;
	margin-right: 1rem;
	padding: 0;
	white-space: nowrap;}
#addCategory .formResponseBtn a {
	background: none no-repeat scroll 1.3rem center #426DA9;
	border: medium none;
	border-radius: 0.3rem;
	color: var(--white);
	display: inline-block;
	font-weight: bold;
	height: 1.8rem;
	line-height: 1.8rem;
	padding: 0.6rem 1.3rem;
	text-indent: 0.8rem;
	vertical-align: middle;}
#addCategory .formResponseBtn img {
	display: none;}

.category_tree {
	clear: right;}
.category_tree > ul {
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	overflow: hidden;}
.tree_first_node {
	border-top: 0.1rem solid var(--grey40);}
.tree_first_node div {
	padding-left: 1rem;}
.category_tree ul li.table_tree_main_node {
	background: none repeat scroll 0 0 var(--white);
	padding: 0;}
.table_tree_main_node > div > span {
	line-height: 3.2rem;}
.title_tree_main_node, .title_tree_leaf, .category_tree a {
	color: var(--grey20);
	font-size: 1.3rem;
	font-weight: bold;}
.treeNode .title_tree_leaf {
	padding-right: 2rem;
	padding-left: 2.5rem;
}
.description_tree_main_node {
	font-style: italic;}
.description_tree_leaf {
	margin-top: 0.6rem !important;
	padding: 0 0 0 4rem !important;}
.category_tree div p {
	color: var(--grey20);}
.category_tree div input {
	float: left;
	margin-left: 0.6rem;
	margin-right: 1rem;}
.tree_nav_left {
	float: left;}
.category_tree div + div {
	margin-left: 2rem;}
.category_tree ul li {
	padding: 1rem;}
.colTree.table_tree_body_c {
	padding-left: 2.5rem;}

.result_selected {
	background-color: #FFFF00;
	display: inline;}
tr.result_selected {
	display: table-row;}
.treeSelection .table_tree_body_c, .treeSelection .table_tree_body_d {
	padding: 0.9rem;}
.treeSelection .indentLevel_1 {
	padding: 0.5rem 0 0 2rem;}
.treeSelection .indentLevel_1 > div {
	padding: 1rem;}
.indentLevel_1 .child_price {
	height: auto;}

/* Business list */
#treeManager-wrapper {
	background: var(--grey50) none repeat scroll 0 0;
	border: 0.1rem solid var(--grey40);
	padding: 0.8rem 1.5rem;
	position: relative;
	overflow: hidden;}
#treeManager-wrapper .form_container {
	margin-bottom: 0;}
#treeManager-wrapper > div {
	overflow: hidden;}
#treeManager-wrapper ul {
	width: auto;
	float: left;}
#treeManager-wrapper li {
	display: inline;
	float: none;
	margin-top: 0.8rem;}

#treeManager-wrapper .form_answer {
	display: inline;}
#treeManager-wrapper .floatingWrapper {
	margin-top: -1.1rem;}
#treeManager-wrapper .edit-save-wrapper .important-button a {
	background: var(--navy35) none repeat scroll 0 0 !important;
	border:0.1rem solid var(--navy35) !important;
	border-radius: 0.3rem;
	color: var(--white) !important;
	font-size: 1.2rem;
	font-weight: bold !important;
	height: 3.2rem;
	line-height: 3.2rem;
	padding: 0 0.8rem;}
#treeManager-wrapper .edit-save-wrapper .important-button a:hover {
	text-decoration: none;}
#treeManager-wrapper .edit-save-wrapper ul.button-list {
	display: inline;}

#treeManager-wrapper .input-search {
	border-color: var(--grey40);}

.treeToolbar > .leftArea {
	float: none;
}
.treeSelectedNumber {
	display: inline;}

.moreInfoBox .moreInfoBoxCnt .categoryList .form_answer	.displayFlex {
    place-items: center;
}
.extractionUser {
	display: inline-block;
	vertical-align: top;
	width: 1.8rem;
	height: 1.8rem;
	background-image: url(../svg/companynxjt.svg);
	margin-top: 0.5rem;
}

.expandCollapsePlaceholder {
	background-image: url("../gif/shimo644.gif");
	height: 1.7rem;
	width: 1.7rem;
	display: inline-block;}

#treeContainer span.defaultAG, #treeContainer span.testPreselectedClass {
	width: auto;}
input + .defaultAG, input + .otherAG, input + .currentAG {
	left: 1.6rem;
	position: absolute;
	top: 0.4rem;}
input + .defaultAG img, input + .otherAG img, input + .currentAG img {
	opacity: 0;
	position: absolute;
	z-index: 50;}
input + .defaultAG:after, input + .otherAG:after, input + .currentAG:after {
	border-radius: 1rem;
	content: "";
	height: 2rem;
	position: absolute;
	top: 0.2rem;
	width: 2rem;
	z-index: 2;}
input + .defaultAG:after {
	background-color: rgba(250, 200, 83, 0.3);}
input + .otherAG:after, input + .currentAG:after {
	background-color: rgba(250, 0, 0, 0.25);}

#brickInfoTreeDiv_toReplace .categoryList .form_answer {
    display: flex;
    flex-direction: column;
}

#brickInfoTreeDiv_toReplace .categoryList .form_answer .displayFlex .mainLine {
	display: flex;
    gap: 1rem;
	height: auto;
}

#brickInfoTreeDiv_toReplace .categoryList .form_answer .insideNode {
    padding-left: 2.5rem;
}
#brickInfoTreeDiv_toReplace .categoryList .form_answer .insideNode .descEst {
    background: transparent;
}

/*  CATEGORY LIST IN TABLE  */
.containerList .list-table .categoryList.basket-readonly .categoryName{
	width: 12rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}



.nodeSelector {
	vertical-align: middle;}
input.nodeSelector {
	vertical-align: top;}

.descNote {
	padding: 0.4rem;
	cursor: default !important;}

.small {
	width: 15%;}
.medium {
	width: 30%;}
.large {
	width: 50%;}


.formMultipleSelection {
	background-color: var(--white);
	border:none;
	border-radius: 0.5rem;
	padding: 0 1rem 1rem 2rem;
	margin-bottom: 1rem;}


div.formMultipleSelection li.allLine {
	margin-bottom: 0;}

/*  MULTI SELECTION  */
/* TREE BASKET (filter into tree) */
.basket-container {
	border: 0.1rem solid var(--grey50);
	padding: 0 2rem 0 2rem;
}

.basket-container-heading-title {
	font-size: 1.6rem;
	margin: 0.9rem 0;
	display: inline-block;
}
.basket-container-heading-title:hover {
	cursor: pointer;}
.basket-container-heading-title.no-results {
	cursor: default;}

.basket-heading-title-arrow {
	background: url(../png/map_closeldze.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
	margin-left: 1rem;
	width: 1.7rem;
	height: 1.7rem;}

.show-tree-page .basket-container .basket-heading-title-arrow{
	margin-left: -0.5rem;
}
.show-tree-page #treeContainer ol#treeList {
    padding-left: 1.6rem;
}

.basket-heading-title-arrow.expanded {
	background: url(../png/map_opencjfj.png) no-repeat scroll 0 center rgba(0, 0, 0, 0);}
.basket-heading-title-arrow.hidden {
	visibility: hidden;
	cursor: default;}

.basket-container-buttons {
	display: inline;}

.basket-container-items {
	margin: 1rem;
	max-height: 25rem;
	overflow-y: auto;}
.basket-container-items li {
	display: inline-block;}
.basket-container-items:after {
	content: "";
	display: table;
	clear: both;}

/* TREE CHECK SELECTION (feedback effects displayed when checking/unchecking tree nodes) */
.feedback {
	position: relative;}
.feedback::after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -3.5rem 0 0 -1.9rem;
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;}
.expandCollapsePlaceholder.feedback::after {
	margin: -3.3rem 0 0 -1.9rem;}
.feedback-effect-circle::after {
	animation: anim-effect-feedback 750ms ease-out forwards;}
.feedback-effect-circle.feedback-on::after {
	background: rgba(0,220,0,0.1);}
.feedback-effect-circle.feedback-off::after {
	background: rgba(220,0,0,0.1);}
@keyframes anim-effect-feedback {
	0% {
		opacity: 1;
		transform: scale3d(0.5, 0.5, 1);
	}
	25% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
	100% {
		opacity: 0;
		transform: scale3d(1, 1, 1);
	}
}

/* TREE DIV LEAVES */
.treeNodeBtn {
	margin-right: 0.5rem;}
.treeNodeBtn.hidden {
	visibility: hidden;}

.divCntIntoPage #treeContainer span, .divCntIntoPage #treeContainer div.mainLine {
	width: 85%;}
.hidden-leaf-node {
	display: none;}

.separated-leaves-dialog {
	width: 65rem;
	height: 38rem;}
.separated-leaves-dialog .leaves-box {
	height: 19rem;
	overflow: auto;
	clear: right;
	border: 0.1rem solid var(--grey50);}
.separated-leaves-dialog .leaves-box ol {
	list-style: outside none none;
	padding-left: 0;}
.separated-leaves-dialog .leaves-box ol li {
	position: relative;
	background-color: var(--grey50);}
.separated-leaves-dialog .leaves-box ol li:nth-child(2n) {
	background-color: var(--white);}
.separated-leaves-dialog .leaves-box .mainLine {
	display: inline-table;
	width: 90%;}


.separated-leaves-dialog .leaves-box .leaf-description span {
	cursor: pointer;
}
.separated-leaves-dialog .leaves-box .collapseNode {
	background-image: url('../png/map_closeldze.png');
	width: 1.7rem;
	height: 1.7rem;
	display: inline-block;
	vertical-align: top;
	margin-top: 0.6rem;
}
.separated-leaves-dialog .leaves-label-outer {
	position: relative;
	margin-top: 4rem;
	height: 3.4rem;
}
.separated-leaves-dialog .leaves-label-outer .leaves-label-inner {
	position: absolute;
	bottom: 0.4rem;
	font-size: 1.4rem;
}
.separated-leaves-dialog .leaves-label-outer .leaves-label {
	font-size: 1.3rem;
}
.separated-leaves-dialog .toolbar.secondary {
	margin-top: 0;
}
.separated-leaves-dialog .dijitDialogTitle {
	text-align: left;
	margin-left: 1rem;
}
.separated-leaves-dialog .dijitDialogPaneContent > .button-list {
	margin-bottom: 0.8rem;
	float: right;
}
.separated-leaves-dialog .dijitDialogPaneContent .edit-save-wrapper {
	margin-top: 1.0rem;
}

/*  new version by Fabrizio  */
.legend {
	border: none;
	border-radius: 0.5rem;
	background: transparent;
	padding: 1rem 1rem;
	margin-top: 0;
}

.legend ul li div {
	display: inline;}
.legend ul li div img {
	padding: 0.5rem;}

fieldset legend.paragraph {
	line-height: inherit;
	min-height: inherit;
	display: inline-flex;
	font-weight: normal;
	margin-bottom: 0;
}
fieldset legend.paragraph .form_question_label {
	margin-right: 1rem;
}
fieldset .paragraph .form_question_label span {
	padding-bottom: 0 !important;
}
fieldset legend.paragraph span.ICON-PREVIEW {
	padding-bottom: 0;
	margin: -0.3rem 0.5rem 0 0rem;}
fieldset legend.paragraph div.icon-onlyCnt {
	margin-top: -0.4rem;}

.claro .dijitTreeRowSelected {
	background-color: var(--yellow40) !important;
	border-color: var(--yellow50) !important;}
.claro .dijitTreeRowHover {
	background-color: var(--yellow50) !important;
	border-color: var(--yellow50) !important;}

.claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter {
	padding: 0.3rem 0 0.2rem 0!important;}

.isPage {
	background: url(../png/editHiddenColumns6eq9.png) bottom center no-repeat;
	width: 2.1rem;
	height: 2.1rem;}
.isFormConditional {
	background: url(../png/help_button0lfd.png) bottom center no-repeat;
	width: 2.1rem;
	height: 2.1rem;}
.isForm {
	background: url(../png/formsl7hl.png) bottom center no-repeat;
	width: 2.1rem;
	height: 2.1rem;}
.isRoot {
	background: url(../png/root_buttonp0gf.png) bottom center no-repeat;
	width: 2.1rem;
	height: 2.1rem;}

	/* EVM search */
#searchManager-wrapper {
	background: none repeat scroll 0 0 var(--grey50);
	border: 0.1rem solid var(--grey40);
	margin-bottom: 2rem;
	margin-left: 4.5rem;}
#searchManager-wrapper .listItemField .calendarString {
	padding-right: 12.5rem;
	text-align: right;}
#searchManager-wrapper .form_container ul > li, .select_list .form_container ul > li {
	display: table;
	float: none;
	width: 100%;}
#searchManager-wrapper .form_container .bigButton ul > li {
	display: inline;
	margin-right: 0;
	padding-right: 0;
	width: auto;}
#searchManager-wrapper .jsBox {
	background-color: transparent;}
#searchManager-wrapper .form_question, .select_list .form_question {
	width: 20rem;
	display: table-cell;
	vertical-align: top;
	line-height: 1.7rem;
}
#searchManager-wrapper .form_answer, .select_list .form_answer {
	display: table-cell;}
#searchManager-wrapper .bigButton {
	text-align: right;}
#searchManager-wrapper .bigButton .edit-save-wrapper {
	background-color: transparent;
	border: medium none;
	padding-bottom: 0.3em;}
#searchManager-wrapper .content-header {
	background-color: transparent;
}

.cntList .containerList #searchManager-wrapper{
	margin: 0 2rem 2rem 2rem;
    padding: 2rem 0;
}
.cntList .containerList #searchManager-wrapper ul li fieldset legend{
	padding: 0.6rem 0 0.8rem 0;
}

/*  SEARCH DIRECTORIES  */
.ect-search #searchManager-wrapper{
	background: var(--grey50);
}

.ect-search #searchManager-wrapper .formRead ul li .form_answer .input-wrapper {
	flex:1 100%;
    display: flex;
	column-gap: 1rem;
}
.ect-search #searchManager-wrapper .formRead ul li .form_answer .input-wrapper .FormField-Label{
	display: none;
}

.ect-search #searchManager-wrapper .formRead ul li .form_question_label {
    color: var(--black);
}
.ect-search #searchManager-wrapper .formRead ul li .form_answer .textEM {
    display: flex;
    flex-wrap: wrap;
	margin: 1rem 0 0.5rem 0;
}
.ect-search #searchManager-wrapper .formRead ul li .form_answer .textEM .FormField-Label {
	margin: 0 2rem 0 0;
}
.ect-search #searchManager-wrapper .formRead ul li .form_answer .textEM .ButtonBase:not(:last-child) {
	margin-right: 0.7rem;
}

.ect-search #searchManager-wrapper .formRead ul li .form_answer .form_answer_value{
	display: flex;
	flex-wrap: wrap;
	place-items: self-end;
}
.ect-search #searchManager-wrapper .formRead ul li .form_answer .form_answer_value .wrapper-calendar:first-child{
	margin-right: 1rem;
}
.ect-search #searchManager-wrapper .formRead ul li .form_answer .form_answer_value .wrapper-calendar{
	flex: 1 48%
}

.ect-search #searchManager-wrapper .formRead ul li .form_answer .form_answer_value #listManager\.searchForStr {
    margin-right: 1rem;
}

#cASearchFEBean .formRead.twoColumns ul .FormField .form_answer .form_answer_value .FormField-Label {
    display: inline-block;
    margin: 1rem 1rem 1rem 0;
	vertical-align: middle;
}

#cASearchFEBean .formRead.twoColumns ul .FormField .form_answer .form_answer_value .RadioButton {
    margin-right: 0.5rem;
}

.ect-search #searchManager-wrapper .inputNoIcon {
	display: flex;
}

/* pull filter putton on right side */
.containerDetail .content-page .form_container .bigButton .button-list{
	max-width: unset;
}
.containerDetail .content-page .form_container .bigButton .button-list li{
	max-width: unset;
	text-align: right;
	margin-right:1.7rem;
}


/* Icon dialogue */
.dijitDialog .edit-save-wrapper .button-list li a img{max-width: 2rem;}

#searchManager-wrapper .button-list a {
	background: linear-gradient(to bottom, var(--white) 0%, #F4F8FC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	height: 2.8rem;
	line-height: 2.8rem;
	padding: 0 0.5rem;}
#searchManager-wrapper #span_filterSellerGeneralStatus_FILTER label:after, #searchManager-wrapper  #span_filterSellerStatus_FILTER label:after {
	background: none repeat scroll 0 0 var(--grey50);
	content: "";
	display: block;
	font-size: 0.1rem;
	height: 0.1rem;
	line-height: 0.1rem;
	margin-top: 0.3rem;
	width: 100%;}
.searchManager_small .form_container li {
	margin-bottom: 0 !important;}
.toolbar.secondary + .searchManager_small {
	clear: right;}
#searchManager-wrapper .inputNoIcon {
	display: inline-block;}
#searchManager-wrapper .form_container div.textEM {
	margin-top: 0.5rem;}
.filter-form-table-body {
	display: table;
	width: 100%;}
.filter-form-table-header, .filter-form-table-row {
	display: table-row;}
.filter-form-table-row {
	height: 10rem;}
.filter-form-table-row-td, .filter-form-table-row-tdDate {
	display: table-cell;
	text-align: center;}
.filter-form-table-row-tdDate {
	width: 30rem;}
.filter-form-table-row-tdDate > span {
	display: block;
	margin-bottom: 0.5rem;}
.filter-form-table-header > div:not(:first-of-type) {
	display: table-cell;
	font-weight: bold;
	height: 2.9rem;
	text-align: center;
	vertical-align: top;}
.filter-form-table-row-td span {
	display: block;}
#searchManager-wrapper #search-wrapper {
	border: 0;}
.filter-form-table-row-td .formResponseBtn a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0.1rem solid var(--grey40);
	border-radius: 0.3rem;
	color: #426DA9;
	display: inline-block;
	font-size: 1.3rem;
	height: inherit;
	line-height: inherit;
	margin-left: 0.8rem;
	padding: 0.1rem;}
.filter-form-table-row-td .formResponseBtn {
	display: inline;}
.filter-form-table-row > div:first-of-type {
	font-weight: bold;
	width: 23rem;
	text-align: left;}

.percentageBoxCnt {
	width: 5.5rem;}
.percentageBox {
	margin: 0;
	padding: 0;
	width: 5.5rem;
	height: 2rem;
	display: inline-block;
	vertical-align: middle;
	text-align: center;}
.BoxBorderRed {
	border: 0.1rem solid #e3786a;
	position: absolute;
	border-radius: 1rem;}
.BoxBgColorRed {
	background-color: #e3786a;
	border: 0.1rem solid #e3786a;
	border-radius: 1rem;}
.BoxBorderYellow {
	border: 0.1rem solid #FFC90E;
	position: absolute;
	border-radius: 1rem;}
.BoxBgColorYellow {
	background-color: #FFC90E;
	border: 0.1rem solid #FFC90E;
	border-radius: 1rem;}
.BoxBorderGreen {
	border: 0.1rem solid #8FBE44;
	position: absolute;
	border-radius: 1rem;}
.BoxBgColorGreen {
	background-color: #8FBE44;
	border: 0.1rem solid #8FBE44;
	border-radius: 1rem;}
.BoxBorderGrey {
	border:0.1rem solid #CACACA;
	position: absolute;
	border-radius: 1rem;}
.BoxBgColorGrey {
	background-color: #CACACA;
	border: 0.1rem solid #CACACA;
	border-radius: 1rem;}
.BoxBgColorNull {
	background-color: transparent;
	border: 0;}

/* Add seller */
.listToolbar .btnUp{
	display: flex;
	place-items: center;
	column-gap: 0.5rem;
}

.show-tree-page .listToolbar.jsBox {
	display: flex;
	flex-wrap: wrap;
    align-items: baseline;
}

.listToolbar .btnUp, .listToolbar li.btnUp:active {
	max-width: unset;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}
.listToolbar li.btnUp:hover {
	border: 0;}
#main .listToolbar .dijitComboBox .dijitArrowButtonInner, #search-wrapper .subcombo-filter-container .dijitComboBox .dijitArrowButtonInner, .dijitComboBox.saytDropDownIcon .dijitArrowButtonInner {
	background: url("../png/moveDown_button6jd1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	width: 2.3rem;
	height: 3.4rem !important;}

.listToolbar li .dijitComboBox, #search-wrapper .subcombo-filter-container .dijitComboBox, .content-toolbar .toolbar-firstSide .content-title .dijitComboBox{
    min-width: 30rem;
	width: 100%;
	height: 3.8rem;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	place-items: center;
	place-content: space-between;
	border: 0.1rem solid var(--grey40);
}
.content-toolbar .toolbar-firstSide .content-title .dijitComboBox{
    height: 3.8rem;
	margin-right: 2rem;
}
.listToolbar li .dijitTextBox .dijitInputField{
	flex: 1;
}

.listToolbar .dijitComboBoxOpenOnClickHover .dijitArrowButtonInner, .listToolbar .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner {
	background-position: -0.5rem 0.2rem;}
div.dijitComboBoxDisabled .dijitArrowButtonInner {
	background-color: transparent !important;
	background-position: 0.1rem center !important;}
.dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner {
	background-position: center center;}
.dijitDateTextBox .dijitDownArrowButtonHover .dijitArrowButtonInner {
	background-position: -3.5rem  0.8rem;}

/*  alignemnt custom for category selection filter  */
.show-tree-page .listToolbar.jsBox #attributeAreaId {
	flex: 1 100%;
    display: flex;
    flex-direction: column;
	row-gap: 1.3rem;
    margin: 2rem 0;
}
.show-tree-page .listToolbar.jsBox #attributeAreaId .filter-line {align-items: flex-start;}
.show-tree-page .listToolbar.jsBox #attributeAreaId .filter-line .single-filter-remove .ICON-DELETE{
	display: block;
	padding-top: 0.8rem;
}
.show-tree-page .listToolbar.jsBox #attributeAreaId .filter-line > .form_question{
	width: 20rem;
	padding: 0.7rem 0 0.5rem 0.5rem;
}
.show-tree-page .categoryList .form_answer .categoryName a{
	margin-top: 0.1rem;
}
.show-tree-page .listToolbar.jsBox #attributeAreaId .filter-line .InputBase-root{
	width: auto;
}
.show-tree-page .listToolbar.jsBox #attributeAreaId .categoryList.basket-edit-mode {
	margin: 0 0 0 -1.1rem;
	border: 1px solid var(--grey40);
}
.show-tree-page .listToolbar.jsBox #attributeAreaId .categoryList.basket-edit-mode li{
	margin: 0.5rem;
}
.show-tree-page .listToolbar .filter-ul .filter-line .dijitComboBox {
	z-index: 1;
}

.show-tree-page .listToolbar.jsBox #attributeAreaId .categoryList.basket-edit-mode li .form_answer{
	height: auto;
	margin: 0;
	padding: 0;
}
.show-tree-page .listToolbar.jsBox #attributeAreaId .categoryList.basket-edit-mode li .form_answer span.categoryName {
    margin: 0;
    background: var(--white);
    padding: 0.4rem 0.6rem 0.3rem 1rem;
}

/* Scenario Analysis */
#cntScenario .nullBgr {
	background-color: transparent;
	border: none;}
#cntScenario{background: var(--grey50);padding: 3rem 0;}
#cntScenario .table_cnt_body_a,
#cntScenario .table_cnt_body_b,
#cntScenario .table_cnt_head{
    background-color: transparent;
}
#cntScenario .webkitBgCol2 {
    background: white!important;
}
#cntScenario > table {
	border: 0 none;
}
#cntScenario th, #cntScenario td{border-bottom: none;}
#cntScenario .titleTd, #cntScenario .titleSection {
	border: none;
	border-top:0.1rem solid var(--grey50);
	font-weight: bold;}
#cntScenario .titleTd {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
#cntScenario .titleTd a {
	color: var(--grey20);}
#cntScenario .cntTd {
	border: none;
	border-top: 0.1rem solid var(--grey50);}

.bs-multi-value-color {
	color: #FF7E00;
	font-weight: normal;}
#cntScenario .nullBgr a {
	margin-right: 2rem;
}
#cntScenario .nullBgr h3 {
	position: relative;
}
#cntScenario h3 {
	position: relative;
	padding-right: 2rem;
}
#cntScenario h3 .IconButton{
	position: absolute;
	top: 0.2rem;
	right: 0;
}

/* Mail customization */
.customisationPage .mail_TextArea, .customisationPage .mail_input {
	width: 70%;}
.customisationPage .mail_TextArea {
	height: 20rem;}
.customisationPage .revert .form_container ul > li {
	margin-bottom: 0.1rem;
	margin-top: 0.1rem;}
.customisationPage .revert .form_container ul > li > div.form_question {
	width: 28rem;}
.customisationPage .revert .form_container ul > li > div.form_question > div {
	display: inline;}
.customisationPage .revert .indentLev div.form_answer {
	width: initial;}
.customisationPage .indentCntlev_1 img, .indentCntlev_2 img, .indentCntlev_3 img, .indentCntlev_4 img, .indentCntlev_5 img {
	padding-right: 0.2rem;}
.customisationPage .indentCntlev_1 img {
	padding-left: 0.2rem;}
.customisationPage .indentCntlev_2 img {
	padding-left: 2rem;}
.customisationPage .indentCntlev_3 img {
	padding-left: 4rem;}
.customisationPage .indentCntlev_4 img {
	padding-left: 6rem;}
.customisationPage .indentCntlev_5 img {
	padding-left: 8rem;}

/*  CUSTOMS TO TESTAREA DRAG  */
.customisationPage .list-table .InputBase-root.InputBase-TextArea {
	width: auto;
}
.customisationPage .list-table .InputBase-root textarea.textarea {
	width: 100%;
	min-width: unset;
    max-height: unset;
}

/* MCD Proposal word layout */
.secondaryTableNum {
	vertical-align: middle;
	text-align: center;}

td.colorNeuter > span, td.colorEvidence > span, td.colorBad > span, td.colorGood > span {
	border-radius: 0.3rem;
	display: inline-block;
	padding: 0.85rem;
	min-width: 2.5rem;
	min-height: 1.6rem;
	font-weight: bold;}
td.colorNeuter > span {
	background-color: transparent;}
td.colorEvidence > span {
	background-color: #FFC90E;}
td.colorBad > span {
	background-color: #FF0000;
	color: var(--white);}
td.colorGood > span {
	background-color: #008800;
	color: var(--white);}

.paragraphSubtitle {
	font-size: 1.6rem;
	font-style: italic;
	font-weight: normal;
	margin-left: 2rem;}
.versionText {
	display: inline;
	font-weight: bold;
	padding: 0.4rem;}

.clause-filter {
	margin-top: 0.5rem;
	clear: right;}
.clause-filter a {
	font-weight: bold;}
.clause-filter a:hover {
	text-decoration: none;}
.clause-filter .search-div {
	background: linear-gradient(to bottom, var(--grey50) 1%, #F6F9FD 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.5rem;
	padding: 1rem;}
ul.filter-by {
	display: inline-block;}
.filter-by > li span.label-filter {
	color: var(--grey20);
	display: inline-block;
	font-size: 1.3rem;
	font-weight: bold;
	margin-right: 0.3rem;
	vertical-align: middle;}

.clause-wrap {
	background: none repeat scroll 0 0 #D1D8FC;
	color: #686F77;
	padding: 1rem;
	width: 100%;}

.popupInToPageDiv ul.button-list {
	text-align: center;
	padding-bottom: 1rem;}

/* Currency rate (WMNG) */
.table_cnt_row_header {
	border-right: 0.2rem solid var(--grey40);
	font-weight: bold;
	position: relative;
	text-align: left;
	vertical-align: middle;
	color: var(--grey20);}
.table_cnt_col_header {
	text-align: center;}

.bs-xrate-cell {
	width: 6.5rem;}
.bs-xrate-btn {
	display: inline-block;}
.bs-xrate-hidden {
	visibility: hidden;}
.bs-xrate-expired {
	color: #ED483B;}
.bs-xrate-not_updated {
	color: var(--blue20);
	font-style: italic;}
.bs-xrate-new, .inputSuccess {
	border-color: #90BA4D;}

.bs-xrate-btn .floatingWrapper {
	margin-top: inherit;
	margin-bottom: inherit;}
.bs-xrate-btn .button-list > li {
	margin-right: 0.2rem;}
.bs-xrate-btn .floatingWrapper .button-list a {
	padding: 0 0;}

/*trend*/
.colpick-cnt_M .formResponseBtn a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	border-radius: 0;
	color: var(--navy30);
	display: inline-block;
	font-size: 1.3rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin-left: 0;
	padding: 0;}
.colpick-cnt_M > span > a > span {
	display: none;}
.column-manager.icon-only .select-wrapper {
	background-position: 2.6rem center;
	min-width: 3.6rem;
	padding: 0.1rem;
	width: auto;}
.column-manager.icon-only.others-top.active .others-selectbox {
	background-position: 2.8rem center;
	height: auto;}
.column-manager.icon-only .select-wrapper .holder {
	padding: 0.5rem 0.2rem;
	width: 2rem;
	color: transparent;}
.listToolbar li.column-manager {
	position: absolute;
	right: 30.8rem;}
.listToolbar li.column-manager.others-top .white-dropdown-wrap {
	left: -10rem;
	width: 14rem;}


.richLabel a {
	color: var(--grey20);
	cursor: text;}
.richLabel input {
	height: 2rem;
	line-height: 2rem;}

.changed-text {
	color: slateblue;
	font-size: 2.4rem;
	font-weight: bold;
	left: 16rem;
	margin-top: 0.5rem;
	position: absolute;}
.search-glass-btn a {
	display: inline-block;}

/*DMR*//* Font adjust for popup dialog with table inside*/
table.popuptable td, table.popuptable th {
	font-size: 0.75em;}
/*DMR*/
li.lastOverlay {
	position: absolute;
	right: 0;}

.envelopeDetail {
	clear: right;}
.envelopeDetail > br {
	margin-top: 2em;}

/*Sort page*/
.reorderBtnFix .dndContainer li:not(:last-of-type) {
	margin-bottom: 1rem;}

/*Approval*/
#approvalRulesList > ul {
	border: 0.1rem solid var(--grey40);}
#approvalRulesList li {
	padding: 0.9rem 1.1rem;}
#approvalRulesList li:nth-child(2n) {
	background-color: var(--grey50);  }
#approvalRulesList li:nth-child(2n+1) {
	background-color: var(--white);}

/*S+*/
.ruleBox {
	background: linear-gradient(to bottom, var(--grey50) 0%, var(--grey50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey40);
	border-radius: 0.5em;
	padding: 1.0rem;
	font-size: 1.4rem;
	line-height: 2.8rem;
}
.ruleBox .userData {
	color: #FFA500;
	font-weight: bold;
}
.ruleBox .dataPlaceholder {
	color: #FFD695;
	font-weight: bold;
	font-style: italic;
}
.ruleBox .ruleHeader {
	font-weight: bold;
	font-size: 1.6rem;
	text-decoration: underline;
}
.ruleBox .ruleText {
	margin-left: 2rem;
}
.ruleFooter {
	font-size: 1.2rem;
	line-height: 1.6rem;
	margin-bottom: 1rem;
	margin-left: 5rem;
	font-style: italic;
	color:var(--grey40);
}

.listHeaderBar {
	background: linear-gradient(to bottom, var(--white) 0%, var(--grey50) 47%, var(--grey50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border:0.1rem solid var(--grey40);
	border-radius: 0.5em;
	padding: 0.5rem;
}
.listHeaderBar label {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.8rem;
}
.listHeaderBar input[type='radio'] {
	height: auto;
	margin-right: 1rem;
	margin-left: 1.5rem;
}

.listHeaderChild {
	margin-left: 2rem;
}

/*------------- Classi per Clause ECM ---------------*/
.clause-box {
	display: flex;
	min-height: 60rem;
}
.clause-detail .toolbar.secondary {
	margin-top: 0;
}
.clause-detail-box, .revision-box {
	width: 25rem;
	display: block;
	position: relative;
	background-color: var(--white);
	box-shadow: 0 0 0.4rem var(--grey30);
	padding: 0.5rem;
	transition: transform .3s ease-out 0s;
}
.clause-detail-box, .revision-box, .pdf-container { max-height: 85vh; overflow-y: auto;}
.clause-detail-box > ul, .revision-box > ul {
	display: flex;
	flex-direction: column;
	margin-bottom: 0.5rem;
}
.pdf-container,  #viewClauseContent {
	-ms-flex-positive: 1;
	flex-grow: 1;
	transition: all .5s ease-out 0s;
	display: flex;
}
.pdf-container > p, #viewClauseContent > p {
	display: flex;
	flex-grow: 1;
}
.pdf-container > p > iframe,#viewClauseContent > p > iframe {
	border: 0.2rem solid var(--grey40);
}
.clause-detail-box > ul:last-of-type, .revision-box > ul:last-of-type {
	margin-bottom: 11rem;
}

/* fix popup menu */
.clause-detail-box .content-toolbar .toolbar-secondSide .Popover-paper {
    right: 5rem;
}
.clause-detail-menu .content-toolbar .toolbar-secondSide .Popover-paper {
    right: unset;
}
.clause-detail-box .content-toolbar .toolbar-secondSide .Popover-paper .Menu-list.Action-menu{
	min-width: 18rem;
    max-width: 22rem;
}
.clause-detail-box .content-toolbar .toolbar-secondSide .Popover-paper .Menu-list.Action-menu .ListItem-root{
	text-overflow: unset;
    overflow: visible;
    white-space: break-spaces;
}

.clause-title, .revision-title {
	font-size: 1.4rem;
	font-weight: bold;
	border-bottom: 0.1rem solid var(--grey50);
	line-height: 2.4rem;
}
.form_container .clause-box ul:not(.select-list) > li {
	width: 100%;
	display: flex;
	border-bottom: 0.1rem solid var(--grey50);
	margin-bottom: 0;
	padding: 0.5rem;
}
.revision-detail span {
	display: block;
	line-height: 2.2rem;
}
.revision-detail span:first-of-type {
	font-weight: bold;
}
.revision-detail span:nth-child(2) {
	font-style: italic;
}
.form_container .revision-box ul > li:hover {
	cursor: pointer;
	background-color: var(--grey50);
}
.clause-detail{
	display: flex;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
.form_container .clause-detail-box .clause-detail ul > li {
	float: none;
	width: auto;
	margin-bottom: initial;
	padding-right: initial;
}

.clause-detail .secondary ul {
	float: none;
	margin-bottom: initial;
}
.clause-detail > span:first-of-type {
	max-width: 19rem;
	text-overflow: ellipsis;
	overflow: hidden;
}
.formResponseElementTitle.clause-title-collapse .collapseNode img {display: none;}
.formResponseElementTitle.clause-title-collapse {padding-left:0;}
.formResponseElementTitle.clause-title-collapse .collapseNode.close:before {
	content: url(../png/map_closeldze.png);
	display: inline-block;
	height: 1.7rem;
	width: 1.7rem;
	margin-left: -1.5rem;
	position: absolute;
	transition: transform ease 0.1s 0.1s;
	transform: rotate(0deg);
}
.formResponseElementTitle.clause-title-collapse .collapseNode.open:before {
	content: url(../png/map_closeldze.png);
	display: inline-block;
	height: 1.7rem;
	width: 1.7rem;
	margin-left: -1.5rem;
	position: absolute;
	transform: rotate(90deg);
	transition: transform ease 0.1s 0.1s;
}
.pdf-highlighted .clause-detail {
	border-radius:0.3rem;
	padding-left: 0.3rem;
	background: linear-gradient(to left, var(--white) , var(--white) 4rem, var(--yellow30) 4rem);
}

/*CRM Advance bar into MOC Console*/
#pbar {
	border: none;}
.dijitProgressBarTile {
	background-color: var(--grey40);}
#pFloatingPane {
	max-height: 20rem;
	overflow-y: auto;}
.dijitProgressBarLabel {
	font-size: 120%;
	font-weight: bold;}

/*MOC Console - top web*/
#previewImg {
	max-height: 2.5rem;
}

/*SAS div tag into list Category/BU/Region*/
.tdActionTmp > div.formResponseBtn {
	display: inline-block;
	margin: 0.1rem;}
.tdActionTmp > div.formResponseBtn a {
	margin-left: 0;
	width: 10rem;
	overflow: hidden;
	text-overflow: ellipsis;}

.tdActionTmp > div.formResponseBtn.TdthreeDots a {
	width: auto;}

/*nuove da copiare a mano in 19*/
.zindex-z2 {
	z-index: 100;}

/* NOTICE*/

.flex-column {
	flex-direction: column;
	display: flex;
}

/* SDP AREA */
.flexDates {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}

.col-open-supplier, .col-open-buyer, .col-state-OPEN {
	background-color: var(--green35);
	padding: 0.2rem 0.4rem;
	border-radius:0.3rem;
	color: #275a1b;
	opacity: 0.7;
}
.col-open-supplier.accessed, .col-open-buyer.accessed, .col-state-OPENaccessed {
	opacity: 1;
	background-color: var(--green35);
	color:var(--white);
	padding: 0.2rem 0.4rem;
	border-radius: 0.3rem;
}

.col-notstarted, .col-notapplicable, .col-closed, .col-state-CLOSED, .col-state-NOT_STARTED, .col-state-NOT_APPLICABLE{
	padding: 0.2rem 0.4rem;
	background-color: var(--grey40);
	border-radius: 0.3rem;
	opacity: 0.5;
}
.form_answer .inner-label {
	display: inline-block;
}


/* CTM AREA */
.ctm-content .divider {
	display: none;
}
.ctm-content .content-header {
	background-color: var(--navy40);
}

.ctm-content.Accordion-container > .Accordion-container {
	padding-left: 2rem;
}
.ctm-content.Accordion-container > .content-header {
	padding-left: 2rem;
}
.ba-overlay .Accordion-container {
	padding-left: 1.5rem;
}

.ctm-summary .content-header {
    padding: 1rem 0rem 1rem 1.5rem;
}
.ctm-summary .content-header .action-wrap {
    padding: 0;
}

.ctm-summary .form-title-section > ul > li > a span.list_img {
	text-indent: 0;}
.ctm-summary h3.header {
	background: linear-gradient(to bottom, var(--white) 0%, var(--grey50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey50);}
.ctm-summary div.left:after {
	content: "";
	width: 100%;
	height: 0.1rem;
	display: block;
	clear: both;}
.ctm-summary .ctm-secondary-toolbar ul.select-list {
	margin-top: 0.5rem;
	margin-right: 0.5rem;}
.ctm-summary h3.paragraph {
	margin-bottom: 0;}

table.leverTable th {
	padding: 0.5rem;
	vertical-align: top;}
table.leverTable div.paragraphDescription {
	padding-left: 0;}
tr.openResponseParent, tr.openResponse {
	cursor: pointer;}
th.collapseImgCnt {
	text-align: right;}

.openResponse th {
	background-color: var(--navy40)!important;
}

/* CTM AREA - swot analysis */
table#swot th, table#swot td {
	border: 0.1rem solid var(--grey40);}
table#swot th {
	background-color: var(--grey50);}
table#swot td {
	vertical-align: top;}
table#swot td.noBorder {
	border-top: 0;
	border-left: 0;}
table#swot td.S {
	background-color: var(--green40);}
table#swot td.W {
	background-color: var(--magenta40);}
table#swot td.O {
	background-color: var(--yellow50);}
table#swot td.T {
	background-color: var(--blue40);}

table#pffa td.noBorder {
	border: 0;
	background-color: var(--white);}
table#pffa td {
	border: 0.1rem solid var(--grey30);
	background-color: var(--grey50);
	width: 30%;}
table#pffa td.img {
	text-align: center;
	vertical-align: middle;
	width: 5%;}
table#pffa td.highlighted {
	border: 0.1rem solid var(--magenta40);
	background-color: #ffdebb;
}
.pffaRating {
	float: right;
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px;
}

.pffaRatingComment {
	float: right;
	padding-left: 30px;
}

table#pest td {
	border: 0.1rem solid var(--grey20);
}
table#pest td.P {
	background-color: var(--green50);
	width: 95%;
}
table#pest td.E {
	background-color: var(--magenta45);
}
table#pest td.S {
	background-color: var(--yellow50);
}
table#pest td.T {
	background-color: var(--blue50);
}
table#pest td.L {
	background-color: var(--red50);
}
table#pest td.En {
	background-color: var(--teal50);
}
table#pest td.P_letter {
	background-color: var(--green35);
	font-size: 5rem;
	vertical-align: middle;
	text-align: center;
}
table#pest td.E_letter {
	background-color: var(--magenta30);
	font-size: 5rem;
	vertical-align: middle;
	text-align: center;
}
table#pest td.S_letter {
	background-color: var(--yellow30);
	font-size: 5rem;
	vertical-align: middle;
	text-align: center;
}
table#pest td.T_letter {
	background-color: var(--blue40);
	font-size: 5rem;
	vertical-align: middle;
	text-align: center;
}
table#pest td.L_letter {
	background-color: var(--red30);
	font-size: 5rem;
	vertical-align: middle;
	text-align: center;
}
table#pest td.En_letter {
	background-color: var(--teal30);
	font-size: 5rem;
	vertical-align: middle;
	text-align: center;
}

tr.kbdOrange th {
	background-color: var(--red50);
}
td.kbdBlue {
	background-color: var(--teal50);
}
.noMargin div.table-root {
	margin: 0;
}

/*Nuove Classi CTM*/
.filter-box > ul {
	display: flex;
	background: none repeat scroll 0 0 var(--grey50);
	border:0.1rem solid var(--grey40);
	padding: 0.5rem;
	margin-bottom: 2rem;
}

.filter-box > ul > li:last-of-type .toolbar.secondary {
	margin-top: 0
}

.filter-box > ul > li {
	padding: 1rem;
	margin-right: 0.5rem;
	margin-bottom: 0 !important;
	flex-grow: 1;
	width: auto !important;
	max-width: 25%;
}

.filter-box > ul > li:last-of-type {
	border: 0;
	width: 10rem !important;
	flex-grow: 0;
	margin-right: 0;
	padding-right: 1rem;
}
.filter-box ul:not(.button-list) > li {
	width: auto;
}
.filter-box > ul > li:last-of-type > .form_question {
	display: none;
}

.filter-box .secondary li.toolbar-button.important-button a {
	margin-top: 2.4rem;
}

.filter-box .saytTagWidth {
	width: 100% !important;
}

.filter-box .categoryName {
	line-height: initial;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.w3-border {
	border: 0.1rem solid var(--grey40) !important;}
.w3-border div {
	line-height: 3rem;
	text-align: center;
	font-weight: bold;}

.w3-green, .w3-hover-green:hover {
	background-color: var(--green20) !important;}
.w3-orange, .w3-hover-orange:hover {
	background-color: var(--yellow20) !important;}
.w3-pink, .w3-hover-pink:hover {
	background-color: var(--magenta20) !important;}

.w3-text-green, .w3-hover-text-green:hover {
	color: var(--green20) !important;}
.w3-text-orange, .w3-hover-text-orange:hover {
	color: var(--yellow20) !important;}
.w3-text-pink, .w3-hover-text-pink:hover {
	color: var(--magenta20) !important;}

.w3-border-green, .w3-hover-border-green:hover {
	border-color: var(--green20) !important;}
.w3-border-pink, .w3-hover-border-pink:hover {
	border-color: var(--magenta20) !important;}
.w3-border-orange, .w3-hover-border-orange:hover {
	border-color: var(--yello10) !important;}


.ctm-content .table-root {
	overflow-x: inherit;
}
.ctm-content .table-root table {
	table-layout: inherit;
	margin: 0;
}

.ctm-content table.list-table {
	padding-left: 2rem;
	margin-bottom: 1rem;
}

.ctm-table span.indentImg, .ctm-table span.Checkbox.IconButton {
	margin-left: 2rem;
}

/* STL AREA (Traffic lights) */

/*---------------------- Assessment classes ------------------------*/

.mdc-switch {
	display: inline-block;
	position: relative;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 4rem;
	height: 2rem;
}
.mdc-switch.mdc-switch--checked .mdc-switch__track {
	background-color: var(--blue20);
	border-color: var(--blue20);
}
.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
	left: 54%;
	background-color: var(--white);
	border-color: var(--blue20);
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
	border-color: var(--grey40);
	background-color: var(--grey40);
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
	background-color: var(--white);
	border-color: var(--white);
}
.mdc-switch__native-control {
	opacity: 0;
	cursor: pointer;
	pointer-events: auto;
	width: 4.5rem;
	height: 2rem;
	position: absolute;
	top: -0.2rem;
	right: initial;
	left: -0.5rem;
	margin: 0;
}
.mdc-switch__track {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:0.1rem solid;
	-webkit-transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
	width: 4rem;
	height: 2rem;
	border-radius: 1.5rem;
	opacity: 1;
}
.mdc-switch__thumb {
	-webkit-box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.14), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.14), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	top: 0.2rem;
	left: 0.2rem;
	border: 0;
	border-radius: 50%;
	pointer-events: none;
	z-index: 1;
	transition: 0.4s;
}
.mdc-switch--checked .mdc-switch__track {
	opacity: 1;
}

.mdc-switch--checked .mdc-switch__native-control {
	-webkit-transform: translateX(-2rem);
	-ms-transform: translateX(-2rem);
	transform: translateX(-2rem);
}
[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {
	-webkit-transform: translateX(2rem);
	-ms-transform: translateX(2rem);
	transform: translateX(2rem);
}

.mdc-switch--disabled .mdc-switch__thumb {
	border-width: 0.1rem;
}
.mdc-switch--disabled .mdc-switch__native-control {
	cursor: default;
	pointer-events: none;
}
.mdc-switch + label {
	margin-left: 1rem;
}
/**  NEW TOGGLE  SWITCH **/
.mdc-switch__thumb input[type="checkbox"] {
	height: 2rem;
}




.headerToolbar + .ASM-sector-main {
	margin-top: 0.5rem;}
.ASM-sector-main + h3 {
	margin-top: 1rem;}

.ASM-sector-main {
	display: flex;
	justify-content: space-between;
}
.ASM-sector {
	display: flex;
	min-width: 40rem;
	min-height: 10rem;
	background: var(--white);
	border: 0.1rem solid var(--grey40);
	width: 33%;
}
.ASM-sector + .ASM-sector {
	margin-left: 1.5rem;
}


.flex-c{ flex-direction: column;}
.ASM-sector-inside-left {
	display: flex;
	width: 6rem;
	align-items: center;
	justify-content: space-evenly;
	border-right: 0.1rem solid var(--grey40);
}
.ASM-sector-inside {
	display: flex;
	flex-grow: 1;
}
.ASM-sector-title {
	font-weight: bold;
	font-size: 1.3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 0.1rem solid var(--grey40);
	padding: 0.5em;
	min-height: 4.6rem;}

.ASM-box {
	display: flex;
	flex-grow: 1;
	padding: 0.3em;
}
.ASM-box-title {
	font-weight: 700;
	min-height: 2.4rem;
	display: flex;
	align-items: center;
}
.ASM-box div.ASM-box {
	display: flex;
	width: 50%;
}
.ASM-box-content {
	flex-grow: 1;
	align-items: center;
}

.ASM-box-content .valueNo {
	border: 0.1rem solid var(--red30);
	border-radius: 3rem;
	background-color: var(--red30);
	color: var(--white);
	padding: 0.3rem;}

.ASM-sector-wrap {
	display: flex;
	flex-direction: column;
	border: 0.1rem solid var(--grey50);
	padding: 1em;
	padding-top: 0;
	border-radius: 0.5rem;
	margin-bottom: 1rem;
}
.ASM-sector-wrap.ASM-not-modified {
	border-left: 1rem solid var(--grey40);
}
.ASM-sector-wrap.ASM-modified {
	border-left: 1rem solid rgba(166, 223, 74, 0.4);
}
.ASM-sector-off {
	opacity: 0.5;
	background: rgba(229, 229, 229, 0.28);
	pointer-events: none;
}
.ASM-sector-off-edit{
	background: rgba(229, 229, 229, 0.28);
}
.chips {
	display: block;
	text-align: center;
	padding: 0.2rem 0.4rem;
	background: var(--grey20);
	min-width: 4rem;
	border-radius: 0.3rem;
}
.chips-green{
	background: var(--green20);
	color: var(--white);
}
.chips-yellow{
	background: var(--yellow20);
	color: var(--grey10);
}
.ASM-sector-wrap-title .chips-green {
	background: rgba(166, 223, 74, 0.4);
	min-width: 11rem;
	color: #465053;
	margin-right: 1rem;
}
.chips-grey{
	background: var(--grey40);
}
.ASM-sector-wrap-title .chips-grey {
	background: var(--grey40);
	min-width: 11rem;
	color: #465053;
	margin-right: 1rem;
}
.ASM-box-content input[type="text"] {
	width: calc( 95% - 2.4rem);
}
.ASM-box-content .dijitTextBox {
	width: auto;
}
.ASM-box-content select {
	width: 95%;
}

.text-note {
	color: var(--grey30);
	font-style: italic;
}

.ASM-box-content > span {
	padding-left: 0.5rem;
}

.ASM-sector-inside-icon {
	position: relative;
}
.ASM-sector-wrap-title {
	display: flex;
	align-items: center;
	height: 4rem;
}
.ASM-sector-wrap-title .formResponseBtn.icon-only, .ASM-sector-title .formResponseBtn.icon-only {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
}
.ASM-wrap-title {
	font-weight: 700;
	padding-right: 0.5rem;
}
.ASM-default {
	background: var(--grey40);
}
.ASM-chips {
	display: inline-block;
	width: 90%;
	padding: 0.2rem 0.4rem;
	border-radius: 0.3rem;
}
.ASM-mail-sended {
	position: absolute;
	top: -0.5rem;
	width: 2.4rem;
	height: 2.4rem;
	background: var(--white);
	border-radius: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	right: -0.8rem;
}
.ASM-sector-wrap-title select {
	min-width: 11rem;
	margin-right: 1rem;
}
.ASM-sector-wrap-off .ASM-sector-main {
	opacity: 0.3;}
.ASM-sector-wrap-off{
	background: rgba(229, 229, 229, 0.28);
}
.ASM-sector-wrap-off .mdc-switch__native-control, .ASM-sector-off .mdc-switch__native-control{
	cursor: initial;
}
.ASM-sector-wrap .legend{
	flex-grow: 1;
}

.flex-table-wrap {
	display: flex;
	margin: 1rem 0;
	clear: both;
}
.flex-table-cell {
	display: flex;
	flex-direction: column;
	border: 0.1rem solid var(--grey40);
	min-width: 40%;
	flex-grow: 1;
}
.flex-table-cell + .flex-table-cell {
	margin-left: 2rem;
}
.flex-table-cell .form_container ul:not(.button-list) {
	display: flex;
	padding: 1rem 1rem 0 1rem;
}
.flex-table-cell h3.paragraph {
	background: var(--grey50);
	padding: 0 1rem;
	font-weight: normal;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
}

.flex-table-cell .chips {
	display: block;
	font-size: 1.3rem;
	border-radius: 1.3rem;
	height: 2.4rem;
	line-height: 2.0rem;
	padding: 0.2rem 1rem;
}

/*---------------------- Traffic Lights classes ------------------------*/
.chips-red{
	background: var(--red30);
	color: var(--white);
}

th.td-head, td.td-head {
	width: 23rem;
	border-right: 0.1rem solid var(--grey40);
	border-bottom: 0.1rem solid var(--grey40);
}
.table-fixed{
	table-layout: fixed;
}
.table-fixed .tdAction {
	width: 5rem;
}

td .chips {
	display: inline-flex;
	padding: 0.2rem 1rem;
	min-width: 9rem;
	max-width: 20rem;
	border-radius:0.3rem;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
td .chipsCS {
	display: inline-flex;
	min-width: 9rem;
	max-width: 20rem;
	justify-content: center;
}
.chipsClick {
	cursor: pointer;
}

.formResponseBtn.icon-only.important-button > a > img {display:block;}

.icon-only.important-button a {
	min-width: auto;
}

.statusSelector > div {
	display: flex;
	padding: 0.5rem;
	align-items: center;
}

/* DASHBOARD */
.dhbPage h4.paragraph {
	border: none;
	padding: 0;
	margin: 0;
}

.dhbPage .table-root {
	margin: 0;
}

/* LOT RFQ */
.lotSection {
	display: inline-block;
	min-width: 35%;}
.lotSection div {
	line-height: 2.5rem;}




/************************************************************
STATUS MANAGEMENTS
/***********************************************************/
.status-managements{
    width: calc(100% - 2rem);
    max-width: 144rem;
    margin: 0 1rem 2.5rem 1rem;
}
.status-managements.local {
    border-left: 0.5rem solid var(--teal30);
    box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 20%);
}
.status-managements.default {
    border-left: 0.5rem solid var(--grey30);
    box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 20%);
}
.status-managements.local .command-box, 
.status-managements.default .command-box{
    display: flex;
}

.status-managements.local .status-item-wrapper .status-item, .status-managements.default .status-item-wrapper .status-item{
    box-shadow: none;
    border: 0.1rem solid var(--grey40);
}
.status-managements .command-box {
    display: none;
    flex-direction: row;
    place-content: flex-start;
    place-items: center;
    border-bottom: 0.1rem solid var(--grey50);
}
.status-managements .command-box .textEM {
    display: flex;
    place-items: center;
    padding-left:2rem;
    font-style: normal;
}
.status-managements .command-box .textEM:after {
    content: "";
    width: 0.1rem;
    height: 6rem;
    display: block;
    position: relative;
    background: var(--grey50);
    margin: 0 2rem;
}
.status-managements .command-box .textEM .RadioButton{
    margin-right: 0.5rem;
}
.status-managements .command-box .textEM .FormField-Label:not(:last-child){
    margin-right: 2rem;
}

.status-managements .status-item-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap:4rem;
    padding: 2rem;
}
.status-managements .status-item-wrapper .status-item{
    flex: 1;
    box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 20%);
    padding: 2rem;
}
.status-managements .status-item-wrapper .status-item .status-item-header{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    position: relative;
}

.status-managements .status-item-wrapper .status-item .status-item-header .in-label-link {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0;
    z-index: 2;
}

.status-managements .status-item-wrapper .status-item .status-item-header .status-item-title{
    padding: 0 2rem 1rem 0;
}
.status-managements .status-item-wrapper .status-item .status-item-header .SvgSize16{
    position: absolute;
    top: 0.13rem;
    right: -0.5rem;
}

/* BODY PARTS */
.status-managements .status-item-wrapper .status-item .status-item-body ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	place-items: flex-end;
    gap: 2rem;
    text-align: left;
}
@media screen and (max-width: 768px){
	.status-managements .status-item-wrapper .status-item .status-item-body ul {
		place-items: flex-start;
	}
	.status-managements .status-item-wrapper .status-item .status-item-header{
		flex-direction: column;
	}
}

.status-managements .status-item-wrapper .status-item .status-item-body ul li .item-question{
    color: var(--grey20);
}
.status-managements .status-item-wrapper .status-item .item-answer:not(:last-child){
    padding-bottom: 1rem;
}

/* INPUT BEHAVIOR */
.status-managements .status-item-wrapper .status-item .form_answer {
    margin-right: 0;
}
.status-managements .status-item-wrapper .status-item .form_answer .form_answer_value {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
}

/* RFx - EXPAND/COLLAPSE ENVELOPE */
.formResponse {
	padding-left: 2rem;
	padding-top: 1rem;
}




.formResponseElementTitle h2 {
	height: 50px;
}

.formResponseElementCnt {
	padding-left: 2rem;
}
.formResponseElementCnt table {
	margin-bottom: 2rem;
	border-top: 0.1rem solid var(--grey50);
}
.formResponseElementCnt table th.collapseNode {
	padding: 0;
	border: none;
}
.formResponseElementCnt table th.collapseNode > div.section-header {
	margin-left: 0;
}
table.separator th {
	border-top: none;
}
.formResponseElementCnt table th.collapseNode .content-toolbar.toolbar-root {
	border: none;
}
.formResponseElementCnt table th.collapseNode h4 span.SvgSize16 {
	position: relative;
	top: 0.3rem;
}
.formResponseElementCnt table th.collapseNode h4 {
	background-color: var(--grey50);
	border-radius: 0.4rem;
	padding: 0.5rem;
}

.pageDetails .collapseNode .paragraph {
    margin-bottom: 2rem;
    background: var(--navy50);
    padding: 0.582rem 1rem 0rem 1rem;
}

.pageDetails .collapseNode .paragraph span {
    vertical-align: sub;
}

/* category linked format */
.pageDetails .internalFormDiv .category-linked .oneColumns {
    padding-bottom: 0;
}
.pageDetails .internalFormDiv .category-linked .oneColumns ul li .form_answer {
    min-height: 0;
}
.pageDetails .category-linked .formRead ul {
    font-size: 1.4rem;
}
.pageDetails .category-linked .formRead ul li.FormField .collapseNode {
	cursor: pointer;
}
.pageDetails .category-linked .formRead ul li.FormField .form_answer .form_answer_value {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 2.6rem;
	font-size: 1.4rem;
}
.pageDetails .category-linked {padding-left: 1.1rem;}
.pageDetails .category-linked .formRead ul li.FormField .form_answer .form_answer_value .form_answer {padding: 0.5rem;}
.pageDetails .category-linked .formRead ul li.FormField .form_answer .form_answer_value .form_answer:nth-child(odd) {
	background: var(--grey50);
}

.formResponseElement .form_container {
	padding-left: 2rem;
}

.formResponseElementCnt .section-header {
	margin-left: 2rem;
	min-height: 5rem;
}
.formResponseElementCnt .section-header a {
	color: var(--black);
}

.containerDetail .formResponseElementCnt .section-header {
	margin-left: 0;
}

.formResponseElementCnt .form_container {
	padding-left: 4rem;
}

.formResponseElementCnt table tr td .MinWidth-input{min-width:6rem;}

.expandListBtn {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* SAVING TOOLKIT AREA */
ul.percSaving .InputBase-root.inputWidthIcon {
	width: 30%;
}

/*  VALUE TRACKER  */
.Accordion-container.percentage-fields .formRead [role="presentation"] li{
	width: auto;
	min-width: unset;
	max-width: unset;
	margin-right: 0.5rem;
}
.Accordion-container.percentage-fields.edit-percentage .formRead [role="presentation"] {
	width: 100%;
	max-width: 54rem;
	column-gap: 2rem;
}
.Accordion-container.percentage-fields.edit-percentage .formRead [role="presentation"] li{
	flex: 1;
    max-width: unset;
	margin-right: 0;
}

/*********************************************************************
  MOBILE CODE!! PLEASE INSERT NEW LINE UP THIS
*********************************************************************/

@media screen and (max-width:1024px) {
	.status-managements .status-item-wrapper .status-item .form_answer .form_answer_value,
    .status-managements .status-item-wrapper .status-item .status-item-body ul {
		flex-direction: column;
    }
}

@media screen and (max-width:1023px) {
	
	.show-tree-page .listToolbar.jsBox #attributeAreaId .filter-line > .form_question {
		width: auto;
	}
	.show-tree-page .listToolbar .filter-ul .filter-line {
		flex-wrap: wrap;
	}
	.show-tree-page .listToolbar.jsBox #attributeAreaId .categoryList.basket-edit-mode {
		flex: 1 100%;
		margin: -0.2rem 0 0 0;
	}
	.show-tree-page .listToolbar.jsBox #attributeAreaId .categoryList.basket-edit-mode li {
		width: auto;
		flex: auto;
	}
}

	@media screen and (max-width:767px) {
    .status-managements .status-item-wrapper{
        flex-direction: column;
        flex-wrap: wrap;
        gap:2rem;
    }
	.divRow {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.divRow div.divCell:first-of-type{
		width: 100%;
	}
}
@media screen and (min-width:500px) and (max-width:767px) {
    .status-managements .status-item-wrapper .status-item .form_answer .form_answer_value,
    .status-managements .status-item-wrapper .status-item .status-item-body ul {
        flex-direction: row;
    }
}
@media screen and (max-width:375px) {
    .status-managements .command-box {
        flex-direction: column;
        place-items: flex-start;
    }
    .status-managements .command-box .status-root {
        margin-left: 2rem;
    }
}

@media screen and (max-width:767px){
	#performanceDetail {
		flex-direction: column;
		gap: 1rem;
		padding: 1rem;
	}

	.listToolbar, .listToolbar .btnUp{
		flex-wrap: wrap;
		place-items: center;
	}
	.listToolbar li:nth-child(1):not(#quickFind) {
		flex: 1 88%;
		max-width: 88%;
	}
	.listToolbar li:nth-child(2) {
		flex: 1 88%;
		max-width: 88%;
	}
	li.toolbar-button.config-stored-filter {
		flex: 1 10%;
		max-width: 14%;
		display: flex;
		justify-content: flex-end;
	}
	.listToolbar #search-glass #widget_filterPickerSelect {
		max-width: unset;
	}
	.listToolbar li {
		max-width: unset;
	}

	.flex-table-wrap{
		flex-direction: column;
		row-gap: 2rem;
	}
	.flex-table-cell{
		width: 100%;
	}
	.flex-table-cell + .flex-table-cell {
		margin-left: 0;
	}
	.flex-table-cell h2, 
	.flex-table-cell h2.paragraph, 
	.flex-table-cell h3.paragraph {
		font-size: 1.4rem;
		line-height: 1.7rem;
	}
}
/* OTHER CSS */
/* STRUCTURE ELEMENTS */

h3.withButton {
	display: inline-block;
	height: 3.2rem;
	line-height: 3.2rem;}

.paragraph span {
	display: inline;}

.pageDetails .paragraph span {
	vertical-align: middle;
}

h3.paragraph span.subTitlePrgh {
	display: block;
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding-bottom: 0.5rem;}

/* Table list layout */
.tableDoubleTop > th {
	border-left: 0.1rem solid var(--grey50);
	border-top: 0;}
.tableWithBorders td {
	border-right: 0.1rem solid var(--grey50);
	border-left: 0.1rem solid var(--grey50);
}

.form_container ul > li.displayNone + li.floatingLi {
	clear: none;}


li.allLine legend.form_question {
	/*float: none; tolto per baco firefox #45369*/
	margin-right: 0;
	height: auto;}

li.allLine fieldset .form_answer_value {
	display: inline;}

.collapseElement_consortium .form_question label img {
	margin-left: 0.5rem;}

.counterText, .calendarString, td > span.counterText {
	display: block;
	font-style: italic;
	color: var(--grey20);
	font-size: 1.2rem;
	padding: 0.5rem 0.3rem 0 0;
}
.oneLine .form_question {
	float: left;
	min-width: inherit;}
.oneLine .form_answer {
	line-height: 2.4rem;}

li .ellipsisLink a {
	display: inline-block !important;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;}

.ulist{
	display: flex;
    column-gap: 5px;
}

.ulist ol li{
	margin-bottom: 0;
}

.ulist ol {
	width: 100%; 
	padding-left: 0;
}

.ulist .ulist-expand button:hover span:before{display: none;}

.categoryList li .form_answer .categoryName a span svg{
	width: 1.6rem;
	height: 1.6rem;
}

/*attivita Graziana da sistemare*/
.fieldEnable {
	float: left;}
.fieldDisable {
	float: left;
	margin-left: 0.3rem;
	vertical-align: bottom;}

.PagingTableList td {
	border-top:0.1rem solid var(--grey40);}
#allButtonPagesTOP.PagingTableList {
	border-bottom: 0 none;
	border-radius: 0.5rem 0.5rem 0 0;
	border-top: 0.1rem solid var(--grey40);
	clear: right;}
		
/* SPECIFIC GRAPHIC ELEMENTS */
tr.messageOK td.expandedTR {
	padding: 0.5rem;
	padding-top: 0;
}

tr.messageOK > th, .messageOK + td{
	background: transparent;
}

.completionShowHide .toolbar-secondSide .button-placeholder:last-of-type{
    margin-right: 0;
}
.completionShowHide .toolbar-secondSide .button-wrap{
	padding-left: 0;
	margin-left: -0.8rem;
	margin-right: 2rem;
}
.completionShowHide .detail-wrap .toolbar-secondSide .button-wrap .button-placeholder{
	padding-left: 0;
}

.workflowProcess tr.messageOK > th, .workflowProcess tr.messageOK > td {
	background-color: var(--green50);
}

.workflowProcess .list-table .detail-wrap.running .list-table thead > tr{
	background: var(--white);
}

.withErrorFilter .form_question label.withError img:first-of-type {
	position: absolute;
	margin-top: 0.5rem;
	margin-left: 17rem;}
td label.tableHidden.withError {
	position: inherit;}

.valueReadOnly {
	background: var(--grey50) none repeat scroll 0 0;
	border: 0.1rem solid var(--grey40);
	color: var(--grey20);
	display: inline-block;
	padding: 0.7rem 0.8rem;
	margin-right: 0.3rem;
}

#cntDashboard .numeric_field > a {
	padding-right: 0;}

.cntNoWrap {
	white-space: nowrap;
}

table.fixed-layout td.cntNoWrap {
	white-space: normal;
}

.noWrapTable span {
	white-space: nowrap;}
.noWrapTable input {
	padding: 0.2em;
	vertical-align: middle;}

.infoDeleted {
	opacity: 0.3;
	text-decoration: line-through;}
.infoDeleted img {
	text-decoration: none;}
.infoDeletedEVM td:not(td.tdCheckbox) {
	opacity: 0.3;}
.infoDeleted_option  {
	color: var(--grey40);
	font-style: italic;}


td.valueUndefined > span, div.valueUndefined > span, .maxScore, .important-box .form_answer > div {
	background-color: var(--yellow50);
	color: var(--black);
	display: inline-block;
	padding: 1rem;
}

td.valueYes > span, div.valueYes > span:first-of-type, td.valueNo > span, td.valueInfo1 > span, td.valueInfo2 > span, div.valueNo > span:first-of-type, .answDivTd span.valueYes, .answDivTd span.valueNo {
	border-radius: 1.3rem;
	color: var(--white);
	display: inline-block;
	padding: 0.2rem 0.8rem;
	min-width: 2.5rem;
	min-height: 1.6rem;
}
td.valueYes > span, div.valueYes > span:first-of-type, .answDivTd span.valueYes {
	background: none repeat scroll 0 0 var(--active-color)}
td.valueNo > span, div.valueNo > span:first-of-type, div.valueNo, .answDivTd span.valueNo {
	background: none repeat scroll 0 0 var(--red10);
	color: var(--white);
	text-align: center;}
.form_answer.valueNo {
	width: 30%;
}
div.valueNo img {
	background-color:var(--white);
	margin-right: 0.5rem;
	border-bottom: 0.3rem solid var(--white);
	border-top: 0.4rem solid var(--white);
	border-right: 0.3rem solid var(--white);
	}

td.valueInfo1 > span {
	background: none repeat scroll 0 0 var(--blue20);
	color: var(--white);}
td.valueInfo2 > span {
	background: none repeat scroll 0 0 var(--black);
	color: var(--white);}
.valueCommand {
	display: inline;
	font-size: 1.3rem;
	height: 3.2rem;
	line-height: 3.2rem;
	margin-left: 0.8rem;
	padding: 0 0.9rem;}


td.tableTotal {
	text-align: right;
	font-weight: normal;
	background-color: var(--yellow50);
	white-space: nowrap;
}

td.yellowCell{
	text-align: left;
	font-weight: bold;
	background-color: var(--yellow50);
}

.scoreTotal {
	font-weight: normal;
	text-align: center;}

.tableTotalTr {
	background: linear-gradient(to bottom, var(--white) 0%, var(--grey50) 48%, var(--grey50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-top: 0.1rem solid var(--grey40);}
.tableTotalTr .textB {
	text-align: right;}

.countdown {
	border: 0.2rem solid var(--grey40);
	border-radius: 1rem;
	font-size: 150%;
	display: inline-block;
	padding: 0.8rem;}

.timestampLoading {
	background-image: url("../gif/waitb385.gif");
	background-position: center;
	background-repeat: no-repeat;
	height: 3rem;}
.timestampError {
	height: 3.2rem;
	line-height: 3.2rem;
	padding-left: 3.2rem;
	background-image: url("../png/warningzsim.png");
	background-position: 0.7rem top;
	background-repeat: no-repeat;
}
div#timestampDialog {
	min-height: 9rem;
}

.verticalTableth {
	border-right: 0.1rem solid var(--grey40);
	font-weight: bold;}

.valueChanged {
	background-color: var(--green50);
	border-radius: 0.3rem;
	display: inline-block;
	padding: 0.4rem 0.8rem;
	min-width: 2.5rem;
	min-height: 1.6rem;
	font-weight: bold;}

td.valueNo > span a {
	color: var(--white);
}

.moreInfoBoxResizable .performanceGraphBox {
	min-height: inherit !important;}

.resetInfoBox {
	white-space: normal;
	word-wrap: break-word;
	text-align: left;}

.active .formResponseBtn a, div.formResponseBtn.active a {
	background: var(--yellow30);
	border: 0.1rem solid var(--yellow30);}
tr td .formResponseBtn a:hover {
	text-decoration: none;}

.validationTable .attachTag_right {
	display: none;}
.validationTable #attachSingleFile_1_attachmentPresent > .cntNoWrap {
	display: none;}

/* Box list filter (SEARCH WRAPPER) */
#search-wrapper li.filter-line > div:first-of-type:not(.single-filter-remove), #search-wrapper li > fieldset {
	padding-left: 3rem;}
#search-wrapper li.filter-line > div:first-of-type:not(.single-filter-remove){
	width: 26rem;}
#search-wrapper li > div.single-filter-remove ~ fieldset {
	padding-left: 0;}
#search-wrapper li > div.single-filter-remove ~ fieldset legend.form_question {
	width: 23rem;}

#search-wrapper .form_question label img {
	margin-left: -1.2rem;}
#search-wrapper .form_question label.withError img:first-of-type {
	margin-left: 0;
	margin-top: -0.5rem;
	position: relative;}

#search-wrapper .important-button a {
	background: var(--navy35) none repeat scroll 0 0 !important;
	border: 0.1rem solid var(--navy30) !important;}
#search-wrapper #selected-filters-label .floatingWrapper {
	float: right;
	margin-bottom: 0;
	margin-top: -0.6rem;}
#search-wrapper .button-list .saveFilterButton a img {
	vertical-align: middle;}
#search-wrapper .button-list .saveFilterButton a span {
	vertical-align: middle;}

#search-wrapper .listItemField select:first-child {
	min-width: 8rem;
	vertical-align: top;}
#search-wrapper .listItemField span > input[type="text"] {
	min-width: 30em;}
#search-wrapper .multi-choice-fi {
	display: inherit;}
#search-wrapper div.dijitTextBox {
	border-radius: inherit;}
.multi-choice-fi br:first-child {
	display: none;}
.multi-choice-fi > br {
	margin: 0.4rem;}
.multi-choice-fi > label {
	clear: left;
	padding-left: 0.5rem;}
.multi-choice-fi .dijitTextBox {
	margin-right: 1rem;
	width: 25em;}
#search-wrapper .multi-choice-fi .dijitTextBox {
	margin-right: 0;}
fieldset .multi-choice-fi {
	float: right;}
.multi-choice-fixSpan {
	display: inline-block;
	vertical-align: top;}
.multi-choice-fixSpan input[type="checkbox"] {
	margin-top: 1.1rem;}

#search-wrapper .treeUl li ul li {
	width: 95%;}
#search-wrapper .treeUl li ul li ul li {
	width: 90%;}

/**  CORRECTION HEIGHT SELECT  **/
#search-wrapper .saytDropDownIcon, .form_container .dijitDateTextBox  {
	border: none;
}

.filter-form-table-row-tdDate span:nth-child(1), .filter-form-table-row-tdDate span:nth-child(2) {
	display: flex;
    margin-bottom: 0.5rem;
    flex-direction: row;
    flex-wrap: nowrap;
    place-content: flex-start;
    place-items: center;
}
.filter-form-table-row-tdDate span label {
    display: block;
    flex: 1;
}
.filter-form-table-row-tdDate span .dijitDateTextBox {
    border: 0.1rem solid var(--grey30);
    flex: 5;
}

/* SPECIFIC TOOLKIT AREA */
.AttachLi {
	margin-top: 1rem;
	background-color: var(--grey50);
	border-radius: 0.3rem;
	padding:0.5rem;
}
.AttachLi span {
	display: block;}

.AttachLi .loading-component .loading-item-uploader .filename-span{
	max-width: 20rem;
}


/* Multi-choice filter */
#search-wrapper .multi-choice-fi .dijitComboBox .dijitArrowButtonInner {
	width: 2rem;
	height: 3rem !important;
	background: rgba(0, 0, 0, 0) url(../svg/actions14bn.svg) no-repeat scroll center center;
}


/* Reset CLARO classes */
.dijitComboBoxMenuPopup .withCategory .dijitMenuItem .filter-category {
	font-weight: bold;
	background-color: var(--white);
	width: 100%;
	position: relative;
	display: block;
	line-height: 2rem;
	margin: 0;
	text-indent: 0.8rem;
	overflow: hidden;}
.dijitComboBoxMenuPopup .withCategory .dijitMenuItem {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;}
.dijitComboBoxMenuPopup .simpleLabel {
	display: inline-block;
	text-indent: 0;
}
.dijitComboBoxMenuPopup .filter-category + .simpleLabel {
	text-indent: 1.5rem;}
.dijitComboBoxMenuPopup .sub-combo-label {
	font-weight: bold;}
.dijitTextBox, .dijitTextBox .dijitButtonNode {
	border-color: var(--grey40);
	line-height: 3.2rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;}
.dijitComboBox .dijitButtonNode {
	width: 1.6rem;
	height: 1.6rem;
	/*background: linear-gradient(to bottom, var(--white) 0%, var(--grey50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
		comment line for test delete background to filter dropdown accent
	*/
	border-bottom-left-radius: 0;
	border-left: 0.1rem solid var(--grey40) ;
	border-top-left-radius: 0;
	padding: 0;}
.dijitInputInner {
	background-color: transparent !important;
	border: 0 none !important;
	height: 3.2rem;
	line-height: 3.2rem;
	margin-left: 0 !important;
	margin-right: 0 !important;
	vertical-align: middle !important;
	width: 100% !important;}

.dijitTextBoxError .dijitValidationContainer {
	width: 0.9rem;
	height: 3rem;
	background-color: var(--red20);
	background-image: url("../png/erroryswh.png");
	background-position: 0.9rem 0.4rem;
 	background-size: 1.2rem;
	margin: 0.1rem 0.4rem 0 0;
	border: 0;
	line-height: 3rem;
}

.dijitTreeRowSelected, .dijitTreeRowHover, .dijitTreeRowActive {
	background: rgba(0, 0, 0, 0) linear-gradient( var(--yellow40), var(--yellow30)) repeat scroll 0 0;
	border-color: var(--yellow40);
	color: var(--grey20);}
.dijitIconSave, .dijitIconPrint, .dijitIconCut, .dijitIconCopy, .dijitIconClear, .dijitIconDelete, .dijitIconUndo, .dijitIconEdit, .dijitIconNewTask, .dijitIconEditTask, .dijitIconEditProperty, .dijitIconTask, .dijitIconFilter, .dijitIconConfigure, .dijitIconSearch, .dijitIconApplication, .dijitIconBookmark, .dijitIconChart, .dijitIconConnector, .dijitIconDatabase, .dijitIconDocuments, .dijitIconMail, .dijitLeaf, .dijitIconFile, .dijitIconFunction, .dijitIconKey, .dijitIconPackage, .dijitIconSample, .dijitIconTable, .dijitIconUsers, .dijitFolderClosed, .dijitIconFolderClosed, .dijitFolderOpened, .dijitIconFolderOpen, .dijitIconError {
	background-image: none;}
.dijitTreeExpando {
	background-image: url("../png/treeExpandImagesuwf4.png");
	width: 2.1rem;
	height: 2.1rem;
	background-position: -3.5rem 0;}
.dijitIconFolderClosed, .dijitFolderClosed, .dijitIconFolderOpen, .dijitFolderOpened {
	background-image: url("../png/login_buttonnezx.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 2.1rem;
	width: 2.1rem;}
.dijitTreeContainer {
	border: 0.1rem solid var(--grey40);
	float: left;
	padding: 1rem;
	width: 98.2%;}

.dijitComboBox.saytTagWidth .dijitArrowButtonInner, .dijitComboBox.saytTagWidth .dijitArrowButtonInner:hover {
	background: url("../png/moveDown_button6jd1.png") no-repeat scroll center center rgba(0, 0, 0, 0);}

.full-width{ width: 100%;}

span.inputWidthIcon {
	white-space: nowrap;}
.inputWidthIcon > img {
	padding-left: 0.3rem;}
.inputWidthIcon > span {
	display: list-item;
	list-style: none;
}
.nestedTable .inputWidthIcon > span {
	display: inline;}
/*  FORMAT  DATE-HOUR IMPUT AREA */
.format_DateHour{
	display: flex;
	flex-direction: row;
}
.format_DateHour .format_Hour {
	margin-left: 1rem;
}
.format_Date {
	float: left;}
.format_Hour {
	margin-left: 18.6rem;}
.format_Hour input {
	width: auto;}
.format_HourFake {
	margin-left: 18.6rem;
	border: 0.1rem solid var(--grey40);
	width: 10rem;
	padding: 0.7rem;
	font-style: italic;}
input.hugeInput {
	width: 60rem;}
.inputNoIcon + .valueReadOnly {
	width: 26rem;
	height: 3.2rem;
	line-height: 3.2rem;
	padding: 0 0.5rem;
	margin-top: 0.5rem;}

/* Exchange rate formatting */
.xrates-matrix .list-table .cntNoWrap .inputNoIcon{
	display: inline-block;
}

/* fix ruler page  */
.xrates-matrix .table-root{
	height: calc(100vh - 16rem);
    overflow-y: scroll;
}

.fullTextarea {
	width: calc(100% - 6.5rem);
	min-height: 3.2rem;}

ul.fieldsList {
	width: 100%;
	display: inline-block;
}
.fieldsList li {
	width: 100%;
	display: flex;
    flex-direction: row;
	border-bottom: 0.1rem solid var(--grey40);
	line-height: 2.2rem;
}
ul.fieldsList > li > div {
	width: 60%;
    flex: 1 60%;
}
ul.fieldsList > li > div.fieldsLeft {
	width: 30%;
    flex: 1 40%;
}
ul.fieldsList li .fieldsRight{
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.fieldsList li .fieldsRight button {
	vertical-align: text-bottom;
}

td ul.fieldsList li:last-child{
	border-bottom: none;
}

.borderLf {
	border-left: 0.1rem solid var(--grey40);}

td.priceUlList {
	padding: 0;}

td.insideTDtable {
	padding: 0;
}
.insideTDtable > table {
	border: 0 none !important;
	background: transparent !important;
}

/* nested div for quantity range */
.nestedTable {
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0.5rem;
}
.nestedTableCaption {
	display: table-caption;
	height: 4.2rem;
	line-height: 4.2rem;
	text-align: right;
	padding: 0 1rem;
}
.nestedTableTR {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.nestedTableTR .nestedTableTD .FormField-Label {
	display: flex;
	place-content: flex-end;
	place-items: center;
	margin: 0;
	height: 100%;
}

.FormReadOnly td.insideTDtable .nestedTable .nestedTableTR .unitPriceCell{
	padding: 1.7rem 0rem 1.2rem 1rem;
}

.FormReadOnly td.insideTDtable .nestedTable .nestedTableTR .quantityCell{
	padding: 1.7rem 1rem 1.2rem 1rem;
}

.FormReadOnly .nestedTableTR .nestedTableTD .inputWidthIcon {
	margin-right: 0;
}

.FormReadOnly .nestedTableTR .nestedTableTD .FormField-medium {
	min-width: unset;
}

.nestedTableTR .quantityCell {
	flex: 1;
	max-width: 18.5rem;
}

.nestedTableTR .nestedTableTD .inputWidthIcon {
	white-space: nowrap;
	display: flex;
	place-content: flex-end;
	place-items: center;
	margin-right: -1rem;
}

.nestedTableTR .nestedTableTD .inputWidthIcon .FormField-medium {
	min-width: unset;
	max-width: 26rem;
	margin-right: 0.5rem;
}

.nestedTableTD {
	display: table-cell;
	height: 4.2rem;
	vertical-align: middle;
	padding-right: 1rem;
}
.nestedTableTD.quantityCell {
	width: 18.5rem;
}

.nestedTableTD.quantityCellTH {
	padding-right: 2rem;
}

.insideTDtable .nestedTable .nestedTableCaption {
	padding-right: 2rem;
	max-width: 39.8rem;
}

.nestedTableTD .Error-Icon {
	position: absolute;
	left: 0.5rem;
	top: 1.2rem;
}

th.quantityCell {
	width: 18.5rem;
}
th.unitPriceCell, td.unitPriceCell, div.unitPriceCell {
	width: 21.3rem;
}

.smallReorder .reorderDiv ul {
	height: 13rem;}
.rowSpanTd {
	border-right: 0.1rem solid var(--grey50);
	border-left: 0.1rem solid var(--grey50);
	vertical-align: middle; /**used in sys console, ext calls*/
}
.truncateTD {
	max-width:20rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; }


.Mq_Li {
	border-bottom: 0.1rem solid var(--grey40);
	display: block;
	line-height: 4rem;
	min-height: 4rem;
	min-width: 18.1rem;
	padding: 0.9rem 1.1rem;
	text-align: right;
	vertical-align: text-bottom;}


.notInsideTDtable > table, .notInsideTDtable td {
	background-color: none;
	background-image: none;
	border: none;
	border-top: none !important;}

td.noPad{ padding: 0;}

/* Classe utilizzata per permettere il ridimensionamento della tendina del SAYT in base alla dimensione dei risultati della ricerca */
.dijitReset.dijitMenu.dijitComboBoxMenu {
	min-width: 30rem;
	padding: 1rem 0;
}
.dijitPopup.dijitComboBoxMenuPopup {
	max-height: 37.5rem !important;
	background: var(--white);
}

.busy.dijitComboBox .dijitReset.dijitInputInner {
	background-image: url("../gif/loadingimco.gif");
	background-position: right 0.6rem;
	background-repeat: no-repeat;}
.busy.dijitComboBox .textBoxClearIcon, .busy.dijitComboBox .notFoundImg {
	display: none;}
body.busy .dijitPopup.dijitComboBoxMenuPopup {
	display: none;}
.dijitComboBox .notFound {
	color: #C95814;
	display: inline-block;
	font-size: 95%;
	line-height: 1.1rem;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: right;
	top: -0.8rem;
	width: 100%;}
.textBoxClearIcon {
	right: 0;
	position: absolute;}
.dijitComboBox .textBoxClearIcon {
	right: 0.5rem;
    top: 0.4rem;
}
.dijitComboBox .textBoxClearIcon + .notFoundImg {
	right: 2rem;}


.dijitInline .dijitInputContainer .notFoundImg .ICON-NO_RESULTS{
    display: inline-block;
	padding-top: 0.4rem;
    padding-right: 0.4rem;
}
.dijitInline .dijitInputContainer .notFoundImg .ICON-NO_RESULTS svg{
    width: 1.6rem;
    height: 1.6rem;
}

/*SearchAsYouType width style classes*/
.saytTagWidth {
	width: 30rem !important;}
.saytFilterWidth {
	width: 39.7rem !important;}

/*Classi per sayt*/
.dataelementwrapper .form_answer.multi-selection-tree.dataelementwrapper-item ul {
	row-gap: 0.5rem;
    column-gap: 2rem;
	margin-bottom: 1rem;
}
.dataelementwrapper .form_answer.multi-selection-tree.dataelementwrapper-item ul li {
	width: fit-content;
	flex: initial;
	background-color: var(--grey50);
	padding: 0.1rem 0.5rem 0 0.8rem;
}
.dataelementwrapper .form_answer.multi-selection-tree.dataelementwrapper-item ul li .form_answer {
    width: 100%;
    min-width: 7rem;
	height: auto;
	margin: 0;
}
.dataelementwrapper .form_answer.multi-selection-tree.dataelementwrapper-item ul li .form_answer .categoryName {
	width: 100%;
    max-width: unset;
    text-overflow: ellipsis;
	padding: 0;
}
.dataelementwrapper .form_answer.multi-selection-tree.dataelementwrapper-item ul li .form_answer .categoryName > a {
    right: 0.3rem;
	background-color: var(--grey50);
	padding: 0;
}
.basketItem_select .form_answer {
	cursor: default;
	display: inline-block;
	width: 7rem;
	min-width: inherit;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: content-box;}
.basketItem_select .categoryName {
	position: relative;
	text-overflow: ellipsis;
	width: 7rem;
	overflow: hidden;
	display: inline-block;
	padding-right: 1rem;
}
.basketItem_select .categoryName > a {
	position: absolute;
	top: 0.2rem;
	right: 0;
}


/*  custom pageDetails   */
.pageDetails .dataElementTable .basketItem_select.basket-edit-mode {
    flex: 1 100%;
	order: 3;
	padding: 0;
}
.pageDetails .dataElementTable .basketItem_select.basket-edit-mode li{
    width: auto;
	flex: unset;
	background: var(--grey50);
    padding: 0.3rem 0.5rem 0 0.8rem;
    margin: 0.5rem;
}
.pageDetails .dataElementTable .basketItem_select.basket-edit-mode .form_answer{
	width: auto;
}
.pageDetails .dataElementTable .basketItem_select.basket-edit-mode .form_answer .categoryName{
	width: auto;
}

.dijitMenu {
	background-color: rgba(255, 255, 255, 0.9);
	border: 0.1rem solid var(--grey40);
	box-shadow: 0 0 0.4rem #96A1AB;
	text-indent: 0.5rem;}
.dijitMenuItem {
	line-height: 2.5rem !important;
	padding: 0.1rem 0 !important;
}
.dropDownItemSelected {
	background: var(--yellow20) none repeat scroll 0 0;}

.dropDownItemSelected.multiSelection:after {
	content: "";
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    position: absolute;
    top: 0.9rem;
    right: 0.5rem;
    background: url(../svg/checkyy2v.svg) no-repeat;
}

.dijitMenuItemHover > .dropDownItemSelected {
	background: var(--yellow30) none repeat scroll 0 0;}
.dijitMenuItemSelected.dropDownItemCurrentlySelected > .dropDownItemSelected {
	background: var(--yellow30) none repeat scroll 0 0;}
.dropDownItemSelected.dropDownItemDisabled {
	background: var(--grey50);
	color: var(--grey40);}
.dropDownItemSelected.multiSelection.dropDownItemDisabled::before {
	background: transparent url("../png/warning_buttonnprv.png") no-repeat scroll 0 0;}

.dropDownItemSelected.dropDownItemNotSelectable {
	background: var(--red50);
	opacity: 0.5;}
.dropDownItemSelected.multiSelection.dropDownItemNotSelectable::before {
	background: transparent url("../png/reject3trk.png") no-repeat scroll 0 0;}
.dijitMenuItem.disable-clicks {
	pointer-events: none;}

.dijitDialog .button-list > li:not(.important-button) a {
	height: 3.2rem;
	line-height: 3.2rem;}
.duplicatedInput{
	width: 25.5rem;
	margin-top: 0.5rem;}

.saytResultListActionsItem {
	background: var(--white) none repeat scroll 0 0 !important;
	height: 3.2rem;}
.saytResultListActionsItem > div {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
	border: 0.1rem solid var(--grey30);
	display: block;
	height: 3.3rem;
	padding: 0.2rem;
	position: absolute;
	width: 100%;
	border-bottom: 0;
}

.saytResultListActionsItem > div div {
	width: 49%;
	height: 3rem;
	display: inline-block;
	background: var(--grey50);
	border: 0.1rem solid var(--grey50);
	line-height: 2.9rem;
	vertical-align: middle;
	font-size: 1.2rem;
    font-weight: 400;
	color: var(--black);
	text-align: center;
}

.saytResultListActionsItem > div div[role=selectAllFiltered] img,
.saytResultListActionsItem > div div[role=removeAllFiltered] img{
	display: none;
}

.saytResultListActionsItem > div div:hover {
	cursor: pointer;
	box-shadow: #00000033 0 0.2rem 0.5rem 0;
}

.saytResultListActionsItem > div div:first-child {
	margin-right: 0.5rem;}

.saytNotificationAbove {
	height: 4.4rem;
	display: block;
	margin-top: -3.2rem;}
.saytNotificationBelow {
	height: 4.4rem;
	display: block;
	margin-top: 3.5rem;}
.saytNotificationAbove > span, .saytNotificationBelow > span {
	height: 2.8rem;
	background: url("../png/warningzsim.png") no-repeat scroll left 0.3rem rgba(255, 186, 136, 1);
	display: block;
	line-height: 2.8rem;
	padding: 0 0.5rem;
	border:0.1rem solid var(--red30);
	color: var(--red10);
	border-radius: 0.3rem;
	text-indent: 2rem;}
.saytNotificationAbove > span::after, .saytNotificationBelow > span::before {
	content: "";
	display: block;
	width: 5rem;
	height: 1rem;
	background: rgba(0, 0, 0, 0) url("../png/blinkArrow6r8u.png") no-repeat scroll 2.4rem 0;
	position: absolute;
	z-index: 10;
	margin-top: -0.2rem;}
.saytNotificationBelow > span::before {
	background: rgba(0, 0, 0, 0) url("../png/blinkArrowUp7th2.png") no-repeat scroll 2.4rem 0;
	margin-top: -0.7rem;}

.blinking{
	animation: blink 0.5s ease 2;}
.ganttWeekend {
	background: var(--red10) !important;
	color: var(--white) !important;}
.ganttColumnNameTruncation {
	max-width: 19rem;}
.ganttTaskTruncation {
	max-width: none;}
.ganttMinTaskWidth {
	min-width: 0.5rem !important;}

@keyframes blink {
	0% {background-color: var(--white);}
	50% {background-color: rgba(255, 186, 136, 1);}
}


/*--  QUICKFIND usata nel search and go e search and invite --*/
.quickFindTooltipIcon {
	margin-right:0.5rem;
	width:1.6rem;
	height: 1.6rem;
}

.quickFind .dijitInputField .dijitInputInner {
    max-width: 100%;
}

.margin-top-4 {
	margin-top: 4rem;
}
.margin-top-2 {
	margin-top: 2rem;
}

div.ei_delete {
	float: right;
}
.ei_edit.displayNone + .counterText{
	display: none;
}

.ei_view {
	overflow: hidden;
	display: block;
	padding: 0.5rem;
	padding-right: 3rem;
	height: 2.6rem;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 39vw;
}
.table-root .ei_view {
	height: auto;
	max-width: 30vw;
	min-height: 2rem;
}

.ei_view:hover {
	cursor: pointer;
}
.ei_edit {
	display: flex;
	flex-wrap: wrap;
	min-width: min-content;
	flex-direction: column;
}

/* ESSENTIAL DATA */
.essentialData-header {
	display: flex;
	background: linear-gradient(to bottom, var(--white) 0%, var(--grey50) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0.1rem solid var(--grey40);
	border-bottom: 0;
}

.essentialData-header .form_container, .essentialData-node .form_container {
	width: 100%;
}

.essentialData-header .form_container ul, .essentialData-node > .form_container > ul, .essentialData-node {
	display: flex;
}

.essentialData-header .form_container ul:not(.button-list) > li {
	display: flex;
	width: 25%;
	padding: 1rem;
	margin-bottom: 0;
	flex-grow: 1;

}

.essentialData-cnt {
	border: 0.1rem solid var(--grey40);
}

.essentialData-leaf {
	padding: 1rem;
	padding-top: 0;
}

.essentialData-node > .form_container > ul:not(.button-list) > li {
	display: flex;
	width: 25%;
	padding: 1rem;
	margin-bottom: 0;
	flex-grow: 1;
}

.essentialData-node > .form_container > ul:not(.button-list) > li.essentialData-node-button {
	justify-content: flex-end;
}
.essentialData-node > .form_container > ul:not(.button-list) > li:first-of-type ,
.essentialData-header > .form_container > ul:not(.button-list) > li:first-of-type {
	display: flex;
	width: 4%;
	flex-grow:0;
}
.essentialData-node .floatingWrapper {
	margin: 0;
}
.essentialData-leaf .table_cnt_body_a:nth-child(2n) {
	background-color: var(--white);
}
.essentialData-leaf .table_cnt_body_b:nth-child(2n+1) {
	background-color: var(--grey50);
}
/*notice*/
.notice html, .notice body {
	height: auto;}
.notice #top { display: none;}

/*-- ALBY PROVE STORED TOGETHER--*/
span.simpleLabel.stored:before {
	content: "\2605";
	height: 2.5rem;
	display: inline-block;
	padding: 0 0.1rem 0 0;
	font-size: 1.4rem;
	color: var(--grey20);
	text-indent: -0.2rem;
	line-height: 2.5rem;
}

/* Buttons Important role (dashboard) */
.btn_Blue a, input.consoleBtn {
	background: var(--blue20) !important;
	border: 0.1rem solid var(--blue20) !important;
	color: var(--white) !important;}
.btn_Blue img {
	display: none;}

/* --- Master document Area --- */
.master-doc-box {
	display: flex;
	margin-bottom: 2rem;
}
.buyer-box-main, .supplier-box-main{
	width: 50%;
}
.textAttention.small {
	width: auto;
	line-height: initial;
	margin-left: 1rem;
}
.form_container.buyer-box, .form_container.supplier-box {
	display: flex;
	width: calc(100% - 0.5rem);
	padding: 0 1rem;
	border: 0.1rem solid var(--grey40);
	border-left: 0.6rem var(--yellow20) solid;
	border-radius: 0.5rem;
	margin-top: 0.5rem;
}
.form_container.supplier-box{
	border-left:0.6rem var(--green35) solid;
}
.form_container.buyer-box.inactive, .form_container.supplier-box.inactive {
	background-color: var(--grey50);
}
.form_container.buyer-box ul:not(.button-list) > li, .form_container.supplier-box ul:not(.button-list) > li {
	display: flex;
	width: 100%;
	margin-bottom: 0;
	align-items: center;
	padding: 0.5rem 0;
}
.form_container.buyer-box ul:not(.button-list) > li .form_question, .form_container.supplier-box ul:not(.button-list) > li .form_question {
	width: 16rem;
	margin-right: 0;
	min-width: 16rem;
}
.form_container.buyer-box ul:not(.button-list) > li .form_answer, .form_container.supplier-box ul:not(.button-list) > li .form_answer {
	display: flex;
	align-items: center;
}
.box-button .form_question {
	display: none;
}
.buyer-box-status .form_question {
	display: none;
}
.supplier-box-status .form_question {
	display: none;
}
.form_container.buyer-box ul:not(.button-list) > li.box-button, .form_container.buyer-box ul:not(.button-list) > li.buyer-box-status {
	width: 50%;
}
.form_container.supplier-box ul:not(.button-list) > li.box-button, .form_container.supplier-box ul:not(.button-list) > li.supplier-box-status {
	width: 50%;
}
span.doc-status {
	height: 3.2rem;
	display: inline-flex;
	padding: 0 0.9rem 0 0;
	border-radius: 0.3rem;
	font-weight: 700;
	align-items: center;
}
span.doc-status img {margin-right: 0.5rem;}
.buyer-box-status .form_answer {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	margin-right: 0;
}
.supplier-box-status .form_answer {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	margin-right: 0;
}

.colorNeuter {
	background-color: var(--grey40); color: var(--grey20)}
.colorEvidence {
	background-color: var(--yellow20);
	color: #465053;
}
.colorBad {
	background-color: #FF0000;
	color: var(--white);}
.colorGood {
	background-color: var(--green10);
	color: var(--white);}
.box-button div.formResponseBtn a {
	margin-left: 0;
}

.master-doc-table th, .master-doc-table td {
	border-right: 0.1rem solid var(--grey40);}
.master-doc-td {
	background-color: var(--grey40);
	width: 0.8rem;
	padding: 0 !important;}

.master-doc-tr-separator td {
	background-color: var(--grey40);
	padding: 0 !important;
	height: 0.5rem;}
.master-doc-tr-separator td:first-of-type {
	background-color: transparent;}

/* SPID */
/*LOGIN page*/
.spidAccess {
	display: inline-flex;
	width: 100%;
	margin-bottom: 1rem;}
.spidTxt {
	width: calc(100% - 20rem);
	padding: 1rem;}

/*SPID CNT page*/
.spidPage #container {
	margin: 1rem auto auto;
	min-width: inherit;
	width: 70rem;}
.spidPage .spidAccess {
	min-height: 30rem;}
.spidPage .spidTxt ul, .spidPage .spidTxt li {
	padding-top: 2rem;}

.button-spid {
	background-color: var(--blue20) !important;}
.button-spid:hover {
	background-color: var(--navy30) !important;}
.button-spid:active {
	background-color: var(--blue30) !important;}

#spid-idp-button-small-get, #spid-idp-button-medium-get, #spid-idp-button-small-post, #spid-idp-button-medium-post {
	width: 22rem !important;}
.spid-idp-button .spid-idp-button-menu li  {
	text-align: center !important;}
.spid-idp-button .spid-idp-button-menu li > a img {
	height: 5rem !important;}

.spidBottom {
	text-align: center;}
.spidBottom > img {
	width: 35rem;}

/*toolbar*/
li.toolbar-button.iconSPID img {width: 2.1rem;}

/*modifiche temp radice*/
h3.flat-paragraph + h3.flat-paragraph {
	margin-top:0.5rem;
}

h3.flat-paragraph {
	background: var(--white);
	border: 0.1rem solid var(--grey40);
	font-size: 1.4rem;
}

h3.success {
	border-left: 0.5rem solid var(--green35);
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

h3.warning {
	border-left: 0.5rem solid var(--yellow20);
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

h3.error {
	border-left: 0.5rem solid var(--red30);
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}
.code-number{
	font-weight: 700;
	min-width: 5rem;
}
/*modifiche temp JOA-39 poi andranno spostate*/

.fakeTable {
	display: flex;
	flex-direction: column;
}

.fakeTableCaption {
	min-height: 3.5rem;
	border: 0.1rem solid var(--grey40);
	padding: 0.9rem 1.1rem;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
}
.fakeTableRow > div.fakeTableth {
	font-weight: 700;
	border-bottom: 0.2rem inset var(--grey40);
}
.fakeTable + .fakeTable {
	margin-top: 2rem;
}
.fakeTableContainer {
	display: table;
	border: 0.1rem solid var(--grey40);
	width: 100%;
}
.fakeTableRow {
	display: table-row;
	height: 3.5rem;
}

.fakeTableRow > div {
	border-bottom: 0.1rem solid var(--grey40);
	min-width: 3.5rem;
	height: 3.5rem;
	display: table-cell;
	padding: 0.9rem 1.1rem;
}
.fakeTableRow > div.align-center{ text-align: center; width: 3.5rem;}

/*classe generica per fake placeholder*/
.moreInfoSpan {
	font-style: italic;
	padding-left: 1rem;
	color: var(--grey20);
}

/* TODO Elena: Matteo l'ha posizionata qua ma e' da sistemare */
.listToolbar-addon {
	display: inline-block;
	margin-right: 1rem;
}

/* DGUE css div */
 .DGUEDivCnt {
	 display: flex;
 }
.DGUEDivCnt .DGUEDivFile {
	display: flex;
	align-items: center;}
.DGUEDivCnt .DGUEDivFile div {
	margin-right: 0.5rem;}

span.dgue-Mandatory {
	background-color: var(--red10);
	color: var(--white);
	padding: 0.3rem;
}
span.dgue-Optional {
	background-color: var(--yellow20);
	color: var(--black);
	padding: 0.3rem;
}


/* height item toolbar second side */
.toolbar-secondSide .button-wrap .Popover-paper .List-root .ListItem-root {
	min-height: 3rem;
	padding-top: 0.5rem;
	padding-bottom: 0;
}
.toolbar-secondSide .button-wrap .Popover-paper .List-root .ListItem-root a {
	line-height: 1.1rem;
}

/*  resizing operator input fiel disabled  */
.filter-line .InputBase-root select{
	min-width: 17.8rem;
}

#search-wrapper .filter-ul .filter-line.item-filter .InputBase-root, .filter-line .InputBase-root{
    height: auto;
}

/*----------------------------------------------------------------*/
/* Overlay TAG                                                    */
/*----------------------------------------------------------------*/

/* ONLY FOR TEST!! */
.ba-overlay.overlay-small {
	width: 35rem;
	max-width: 50rem;
	min-height: 10rem;
	max-height: 23rem;
}
.ba-overlay.overlay-small .moreInfoBoxCnt {
	height: auto;
	max-height: 18rem;
	overflow-y: auto;
	padding-bottom: 2rem;
}


.ba-overlay.overlay-large {
	width: 50rem !important;
	max-width: 80rem;
	height: 30rem;
}
.ba-overlay.overlay-large .moreInfoBoxCnt {
    max-height: 26rem;
    overflow: auto;
    padding-bottom: 2rem;
}

.ba-overlay.overlay-big {
	width: 80rem !important;
	max-width: 120rem;
	height: 40rem;
}
.ba-overlay.overlay-big .moreInfoBoxCnt {
    max-height: 36rem;
    overflow: auto;
    padding-bottom: 2rem;
}

.ba-overlay .moreInfoBoxHeader span.moreInfoBoxHeaderTitle {
	max-height: 2.7rem;
	font-weight: 400;
	line-height: 1.4rem;
	color: var(--nav-primary-fg-color);
	justify-content: initial;
    overflow: hidden;
}
.ba-overlay .moreInfoBoxHeader {
	width: 100% !important;
	height: 4rem !important;
	cursor: move;
	display: flex;
	justify-content: flex-end;
	place-items: center;
	background-color: var(--nav-primary-bg-color);
	border-bottom: none;
	margin: 0;
	padding: 0.7rem 2rem;
	color: var(--white);
}
.ba-overlay .moreInfoBoxHeader > a {
	cursor: pointer;
	width: 2.1rem;
	text-indent: -999rem;
}

.moreInfoBoxCnt {
	padding: 2rem;
}

.ba-overlay.moreInfoBox {
	padding: 0;
}

.ba-overlay .close-button {
	flex-grow: unset;
}

.ba-overlay .close-button svg {
	width: 2rem;
	height: 2rem;
	fill: var(--nav-primary-fg-color);
}

.ba-overlay .close-button a {
	background: none;
	text-indent: unset;
	margin-top: 0.8rem;
	transition: 0.3s;
}

.ba-overlay .moreInfoBoxResizable.moreInfoBox {
	width: auto;
	min-width: 10rem;
	max-width: 40%;
}
.ba-overlay .moreInfoBoxResizable .resize-wrapper {
	overflow: auto;
	margin-bottom: 1rem;
	max-width:100%;
	max-height:100%;}

.ba-overlay.moreInfoBoxResizable {
	width: auto;
	min-width: unset;
	max-width: 100%;
}

.ba-overlay.moreInfoBoxResizable .moreInfoBoxCnt{
	overflow-y: auto;
}

/* EX FILE LABS */
/* ----------------------------------------------------------------- */
/* Editing Tree                                                      */
/* ----------------------------------------------------------------- */

/* Contextual toolbar */
.tree-toolbar {
	position: sticky;
	overflow: hidden;
	bottom: 0;
	float: none;
	left: 100rem;
	background-color: rgba(0, 0, 0, 0.5);
	border: 0.1rem solid var(--grey40);
	padding: 0.8rem 1.5rem;
}
.tree-toolbar.secondary ul {
	margin-bottom: 0rem;
}
.tree-toolbar .disabled.disable-clicks {
	pointer-events: none;
}
.tree-toolbar li.icon-only a span {
	display: none !important;
}
.tree-toolbar .hidden {
	visibility: hidden;
}
/* Selected nodes section */
.selectedNodes-wrapper {
	background: var(--grey50) none repeat scroll 0 0;
	border: 0.1rem solid var(--grey40);
	padding: 0.8rem 1.5rem;
	margin-top: 0.5rem;
	position: relative;
	overflow: hidden;
}
.selectedNodes-wrapper .form_container {
	margin-bottom: 0;
}
.selectedNodes-wrapper > div {
	overflow: hidden;
}
.selectedNodes-wrapper .selectedNodes-label {
	font-weight: bold;
	margin-right: 0.5rem;
}
/* Tree node */
.treeNode-cut {
	opacity: 0.5;
	color: var(--blue20);
}
/* Add node form dialog */
.treeNode-add-dialog .form_container ul:not(.button-list) > li {
	float: none;
}

/*prove ALBY : scrolling tabs*/
.tab-scroller,.wiz-scroller {
	position: absolute;
	height: 5rem;
	padding: 1.8rem 0.9rem;
	z-index: 1;
	cursor: pointer;
	border: 0;
	transition: background-color 0.2s ease 0s;
}

.tab-scroller {
	background-color: var(--white);
}

.tab-scroller:hover {
	background-color: var(--grey50);
}

.wiz-scroller {
	background-color: var(--blue50);
	border-bottom: solid 1px var(--grey40);
	padding: 1.6rem 0.5rem 1rem;
	height: 5.1rem;
}
.wiz-scroller:hover {
	background-color: var(--blue40);
}

#area-menu-wrapper .tab-scroller {
	background-color: var(--white);
	border-bottom: none;
}

#area-menu-wrapper .tab-scroller:hover {
	background-color: var(--grey50);
}

.tab-scroller:hover span svg {
	fill: var(--accent-color);
}

.tab-scroller.right,.wiz-scroller.right  {
	right: 0;
}

.tab-scroller.left,.wiz-scroller.left {
	left: 0;
}
#tabMenu3Level,#area1Level,.wizard-base {
	left:0;
	transition: left 0.2s ease-in 0s;
}

#area-menu-wrapper .Tabs-flexContainer .Tab-Section.Tab-Section-FirstLevel {
	background-color: var(--white);
}
#area-menu-wrapper .Tabs-flexContainer .Tab-Section.Tab-Section-FirstLevel .Tab-label a {
	color: var(--grey20);
}

#area-menu-wrapper .Tabs-flexContainer .Tab-Section.Tab-Section-FirstLevel .Tab-base:hover .Tab-label a,
#area-menu-wrapper .Tabs-flexContainer .Tab-Section.Tab-Section-FirstLevel .Tab-base.selected .Tab-label a {
	color: var(--black);
}

#area-menu-wrapper .Tabs-flexContainer .Tab-Section.Tab-Section-SecondLevel {
	background-color: var(--grey50);
}

.tdCheckbox, .tdXS.tdCheckbox {
	text-overflow: unset!important;
}
.tdCheckbox, .tdXS.tdCheckbox .RadioButton{
	margin: 0;
}

/*RADIX fixes for checkboxes in lists to center*/
.table_cnt_head th.tdCheckbox{
	text-align: center;
}

/*ALBY TMP FIXES for toolbar in tds*/
td .content-toolbar.toolbar-root {
	position: unset;
	top: unset;
}
/*ALBY FIXES for Readonly Input*/
.Input-Readonly {
	background-color: var(--grey50);
}

.Input-Readonly:focus, .Input-Readonly:hover {
	border-color: var(--grey40);
}
textarea.textarea {
	background:none;
	border:none;
	word-break: break-word;
}

/*  oneCol FORM  */
.simple-form{
	width: 100%;
	display: flex;
	place-content: center;
	flex-direction: row;
	background-color: var(--grey50);
	padding: 2rem 0;
}

.simple-form .content-page h2{
	margin-bottom: 2rem;
}
.simple-form .content-page{
	width: 100%;
	min-width: 46rem;
	max-width: 54rem;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	background: var(--white);
	padding: 2rem;
}
.simple-form .content-page .InputBase-root{
	margin-bottom: 2rem;
}
.simple-form .content-page .twoColumns ul li:nth-child(even){
	margin-right: 0;
}
.simple-form .content-page .twoColumns ul li .form_question{
	font-weight: 400;
}

/* ALIGN CONTENTS*/
.simple-form .content-page h3.paragraph {
	margin-left: 0;
}
.simple-form .content-page .content-toolbar.toolbar-root {
	padding-left: 0;
}
.list-table tr td .content-toolbar.toolbar-root {
	padding-left: 0;
}
.simple-form .content-page .content-main, .simple-form .content-page .form_container {
	margin-left: 0;
	padding: 0;
	padding-top: 1rem;
}
.simple-form .content-page .twoColumns ul li, .simple-form .content-page .form_container ul:not(.button-list) > li {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

/*  fix buyer organizzation  */
.CMCompanyEditForm .content-header {
    padding: 0;
}
.CMCompanyEditForm .content-header .Accordion.not-active {
    padding-left: 0;
}
.CMCompanyEditForm .mdc-sector-inside-switch {
	margin: 0.3rem 0 -0.1rem 0;
}

.simple-form .CMCompanyEditForm .content-header .Accordion h2{
    margin-bottom: 0;
    padding: 0 0 0 1rem;
}

/*   ***   NEW TEST CODE TWO COL FOR TENDER   ***    */
.content-main .formRead.twoColumns > ul, .containerDetail .content-page .form_container > ul {
    width: 100%;
    max-width: 108rem;
    display: grid;
	grid-template-columns: 50% 50%;
	grid-auto-flow: row;
	grid-column-gap: 4rem;
}

.content-main .formRead.twoColumns ul{
    width: calc(100% - 4rem);
}

.content-main .formRead.twoColumns .multi-selection-tree.readonly > ul,
.content-main .formRead.twoColumns .multi-selection-tree.readonly > ul .categoryList{
    width: 100%;
}

.content-main .formRead.twoColumns .multi-selection-tree.readonly ul.categoryList li{
	max-width: unset!important;
}

.item-align-bottom .formRead.oneColumns ul{
	align-items:flex-end;
 }

@media screen and (max-width: 1024px) {
	.content-main .formRead.twoColumns ul, .containerDetail .content-page .form_container ul {
		width: 100%;
		max-width: 150rem;
		display: block;
	}
	.content-main .formRead.twoColumns ul{
		width: 100%;
	}
}

/*   ***   NEW TEST CODE TWO COL FOR TENDER   ***    */
.content-main .formRead ul li .form_question .FormField-Label label .mandatory-field{
	max-height: 1rem;
}
.content-main .formRead ul li .form_question .FormField-Label label .ICON-PREVIEW {
	margin-top: -0.3rem;
}
.SVG-info svg, 
.ICON-DELETE svg, 
.ICON-DE_VISIBLE_SELLER svg, 
.js_svg svg, 
.IconButton-label svg, 
.wrapper-icon svg, 
.content-main .formRead ul li .form_question .ICON-PREVIEW svg, 
.content-main .formRead ul li .form_question .ICON-LABELHELP svg,
.list-table tr td .ButtonBase .ICON-OPEN svg,
.list-table tr td .ButtonBase .ICON-COMMENTS svg,
.list-table tr td .ICON-SELLER_GLOBAL_BLOCKED svg,
.list-table tr td .SVG-award svg,
.cntDetail .additionalSidebar .additional-sidebar-opener svg,
.cntDetail .additionalSidebar .ICON-MOVE_DOWN svg{
	width: 2rem;
	height: 2rem;
}

.InputBase-root span svg{
	width: 1.6rem;
	height: 1.6rem;
}

.mainTitle > span .ICON-ALERT {
    position: relative;
	top: 0.3rem;
}


.list-tbody tr td .SVG-archive,
.FormField .form_answer .SvgSize16,
.trsx_table .ICON-HOME,
.trsx_table .SVG-window,
.trsx_table .SVG-arrow-up,
.trsx_table .SVG-arrow-down,
.trsx_table .SVG-arrow-right{
    vertical-align: middle;
}

.content-main .formRead ul li .form_question .FormField-Label label[for=availablePriceSectionList] {
    place-items: center;
}



.textTruncation span{
	display: inline-block;
	vertical-align: middle;
    padding-bottom: 0.2rem;
}

/* show the hidden element */
.moreInfoBoxCnt #catInfoSpan_toReplace .toolbar-root {
    height:auto;
	border-bottom:none;
}
.moreInfoBoxCnt #catInfoSpan_toReplace #treeContainer .mainLine:hover, .moreInfoBoxCnt #catInfoSpan_toReplace #treeContainer .mainLine:hover:before{
	background:transparent;
}

.containerDetail .content-page .form_container .categoryList li{
	flex: unset;
    margin-right: 0;
}

/*  UL LIST FOR NOTICE PAGE  */
.containerDetail .content-page .form_container .noticeFieldList{
	width: 100%;
	max-width: 150rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	row-gap: 1rem;
	grid-template-columns: unset;
    grid-auto-flow: unset;
    grid-column-gap: unset;
}
.containerDetail .content-page .form_container .noticeFieldList li{
	flex: 1 50%;
	width: 100%;
	max-width: 54rem;
	display: flex;
    place-items: stretch;
    row-gap: 1rem;
	margin-right: 4rem;
	padding: 0;
}

.containerDetail .content-page .form_container .noticeFieldList li .form_question {
	min-height: 1.2rem;
    margin-top: 0;
    margin-bottom: 0;
}

.containerDetail .content-page .form_container .noticeFieldList li .form_answer div .dijitDateTextBox{
	width: calc(100% - 2.6rem);
	display: inline-block;
}
.containerDetail .content-page .form_container .noticeFieldList li .form_answer div .dijitDateTextBox + a{
	position: relative;
    display: inline-block;
}

.containerDetail .content-page .form_container .noticeFieldList li .form_answer div .button{
	position: absolute;
    top: 0;
    right: 0;
}
.containerDetail .content-page .form_container .noticeFieldList li .form_answer div span:not(.SvgSize16) {
    padding-left: 0.5rem;
}
.containerDetail .content-page .form_container .noticeFieldList li input,
.containerDetail .content-page .form_container .noticeFieldList li select:not([multiple]) {
		width: 100%;
}
.containerDetail .content-page .form_container .noticeFieldList li input[type='checkbox'] {
    width: auto!important;
}
/*  END UL LIST FOR NOTICE PAGE  */


/************************************************************
CONTRACT MCD
/***********************************************************/
.mcd-wrapper-header{
    width: 100%;
    display: flex;
    flex-direction: row;
    place-content: space-between;
    place-items: center;
    padding: 1rem 1rem 2rem 1rem;
}
.mcd-wrapper-header .mcd-header-item-title{
    font-size: 1.6rem;
    font-weight: 800;
}

.mcd-wrapper-items{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    place-content: space-between;
    column-gap: 2rem;
    row-gap: 3rem;
    padding: 1rem;
}

.mcd-wrapper-items .mcd-item{
    flex: 1 50%;
    max-width: 48.5%;
    min-width: 20rem;
    border-radius: 0;
    background: var(--white);
}
.mcd-wrapper-items .mcd-item .Accordion-container{
    box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 10%);
    background: var(--white);
    padding: 1.6rem 2rem;
}
@media screen and (max-width:767px) {
    .mcd-wrapper-items .mcd-item{
        width: 100%;
        max-width: 100%;
        flex: 1 100%;
    }
}
.mcd-wrapper-items .mcd-item .Accordion-container ul li{
    padding-bottom: 1.5rem;
}
.mcd-wrapper-items .mcd-item .mcd-item-header{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-bottom: 2rem;
}
.mcd-wrapper-items .mcd-item .mcd-item-header img{
    max-width: 1.6rem;
}
.mcd-wrapper-items .mcd-item .mcd-item-header h3{
    font-size: 1.6rem;
}

.mcd-wrapper-items .mcd-item .formRead.twoColumns ul{
	width: 100%;
	grid-template-columns: 49% 49%;
    grid-column-gap: 0;
}
.mcd-wrapper-items .mcd-item .formRead.twoColumns ul li{
    width: 100%;
	min-width: unset;
}
.mcd-wrapper-items .mcd-item .formRead.twoColumns ul li .form_answer{
    padding-right: 1rem;
}

/* variables border left  */
.mcd-item-suppliers{
	border-left: 0.5rem solid var(--teal30);
	margin-bottom: 0.5rem;
}
.mcd-item-buyers{
	border-left: 0.5rem solid var(--yellow20);
	margin-bottom: 0.5rem;
}

/*  SUPPLIER MANAGEMENTS WORKFLOW CUSTOMS  */
.workflowProcess .heading-3 {
    height: 5rem;
}
.workflowProcess .list-table {
    padding-left: 1.2rem;
}
.workflowProcess h2 {
    padding: 0 0 2rem 2.2rem;
}
.workflowProcess .Accordion-expandIcon + h2 {
    padding: 0;
}
.workflowProcess .detail-wrap.running{
	border-left: 0.5rem solid var(--green40);
}
.workflowProcess .detail-list {
    padding: 0 2rem;
}
.workflowProcess .detailexpandableTable div:nth-child(2) {
    padding: 0 0 0 2rem;
}
.workflowProcess .detailexpandableTable .Popover-paper {
    padding-left: 0!important;
}
.workflowProcess .detailexpandableTable {
    border: 0.1rem solid var(--grey40);
}
.workflowProcess .tableDoubleTop > th {
    border-left: none;
}
.spaceBox {
    margin:0 1rem 0 2rem;
}
.spacebox {
    margin: 2rem;
}
.spacebox .flex-table-cell{
	border: none;
	box-shadow: 0 0.1rem 0.5rem 0.2rem rgb(0 0 0 / 10%);
}
.spacebox .flex-table-cell .displayInline-flex {
    column-gap: 1.7rem;
}
.spacebox .divider {
    display: none;
}

/*SYS CONSOLE DIALOG - SEE ALSO JIRA JADEV-1910*/
.services-dialog.dijitDialog .tdDescription {
	width:25%;
}

.services-dialog.dijitDialog {
	max-width:80%;
	width:80%;
}
.services-dialog .dijitDialogPaneContent {
	padding: 0;
}
.services-dialog .dijitDialogPaneContentText {
	padding: 0 1rem;
	margin-right: 0.5rem;
}

.services-dialog .dijitDialogPaneContentBtn {
	margin-left: 2rem;
	margin-right: 2rem;
}

.services-dialog .dijitDialogPaneContentText table.list-table {
	width: 100%;
	margin:0;
}

/* notice message */
#warningDiv .content-main{margin-left:0;}
#warningDiv .flatDisplay{width:100%;max-width:unset;}
#warningDiv .twoColumn ul{flex-direction:column;row-gap:1rem;}
#warningDiv .twoColumn ul li{width:100%;max-width:unset;}

/* custom error message in user registration  */
#registrationBean ul .FormField div .Error-Message {
	width: auto;
    line-height: 1.5
}


#registrationBean ul .FormField .form_answer .form_answer_value .displayFlex .fieldEnable {
    position: absolute;
    right: -2rem;
    top: 3rem;
}
#registrationBean ul .FormField .form_answer .form_answer_value .displayFlex .Input-Error .ICON-ERROR {
    position: absolute;
    top: 3.9rem;
    left: -1.2rem;
    z-index: 1;
}
#registrationBean ul .FormField .form_answer .form_answer_value .displayFlex .Input-Error textarea + .ICON-ERROR {
	top: 0.5rem;
    left: -0.2rem;
}

/*
Onboarding Salutation page
 */
body.salutationPage td span.completion-status span {
	display: none;
}

body.salutationPage td span.completion-status.failure span.ICON-INCOMPLETE_RED.js_svg {
	display: inline;
}

body.salutationPage td span.completion-status.partial span.partial.js_svg {
	display: inline;
}

body.salutationPage td span.completion-status.success span.success.js_svg {
	display: inline;
}

.list-table tr td span.completion-status {
	display: inline-block;
	vertical-align: middle;
}

#onboardingEvmBean .dataElementTable fieldset .ICON-ERROR {
	top: 0;
	left: -1.8rem;
}
#onboardingEvmBean .dataElementTable .saytDropDownIcon{
	max-width: 93%;
    margin-right: 0.3rem;
}

.dijitComboBoxHighlightMatch {
	font-weight : bold;
	background-color: var(--yellow50);
	color: var(--black);
}

.twoColumns ul li .ICON-ERROR {
    margin: 0 5px 0 -6px;
    vertical-align: middle;
}

/************************************************************
    #CARDS
/***********************************************************/
.main-cards-container{
    display:flex;
    gap: 2rem;
    padding: 1.6rem;
}

.main-cards-container .item-card{
    width:100%;
    background:var(--white);
    box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.2);
    display:flex;
    place-items: flex-start;
    place-content: flex-start;  
    flex-wrap:wrap;
    padding:2rem;
	cursor: pointer;
    transition: 0.3s;
}

.main-cards-container .item-card:hover{
    background:var(--grey50);
}
.main-cards-container .item-card:focus{
    border:0.3rem solid var(--black);
}

.main-cards-container .item-card.item-card-active {
    background: var(--grey50);
}

/*  border color  */
.main-cards-container .brd-black{border-left:0.4rem solid var(--black);}
.main-cards-container .brd-green20{border-left:0.4rem solid var(--green20);}
.main-cards-container .brd-blue20{border-left:0.4rem solid var(--blue20);}
.main-cards-container .brd-red20{border-left:0.4rem solid var(--red20);}
.main-cards-container .brd-yellow20{border-left:0.4rem solid var(--yellow30);}

.main-cards-container .item-card .item-card-value{
    flex:1 85%;
    font-size:3rem;
    font-weight:400;
    line-height:3rem;
    Letter-spacing:1.5px;
    color:var(--black); 
}
.main-cards-container .item-card .item-card-image{
    flex:1 15%;
	display: flex;
    justify-content: flex-end;
}
.main-cards-container .item-card .item-card-image img{
    max-width: 1.6rem;
}
.main-cards-container .item-card .item-card-text{
    flex:1 100%;
    font-size:1.3rem;
    font-weight:400;
    Letter-spacing:0.2px;
    color:var(--black);
    padding-top: 1.5rem;
}

.item-card-value span {
	margin-left: 1rem;
	font-size: 2rem;
}

#declineReasonDetailForm .internalFormDiv .list-table,
#alertRecipientDetailBean .internalFormDiv .list-table,
#categoryMngDetailFEBean .internalFormDiv .list-table{
    padding: 0 1rem;
}

.noticeFieldList li .Input-Error {
	border: 0.2rem solid var(--red10);
}

.noticeFieldList li input, .noticeFieldList li textarea, .noticeFieldList li select {
	border-width: 0.1rem;
}

/* checkbox and labels in notice pages */
.pagnavigator .form_answer .flex-column {
	row-gap: 0.5rem;
}

.pagnavigator .form_answer .flex-column span {
    display: flex;
    column-gap: 0.5rem;
}

.minSizeSelect{
	min-width: 11rem !important;
}

.clr-red20 .ICON-WARNING,
.clr-red20 + .ICON-MISSING_DATE{
    position: relative;
    top: 0.2rem;
}

/* brek word in communities */
.dj_quirks .containerList .internalFormDiv .Accordion-container.content-main .formRead.twoColumns ul li .form_answer {
    word-break: break-word;
}

.multi-header-2 tbody:first-child tr th{
	background: var(--grey50);
}


/***************************************************
** DATA ELEMENTS COMPONENT **  
***************************************************/
.dataElementTable .paragraph span {
	display: block;
}
.formRead .dataElementTable .paragraph{
	padding: 1rem 1.8rem;
	text-align: left;
}

.formRead .dataElementTable .paragraph .paragraphDescription{
	text-align: left;
	padding-left: 3.4rem;
}
/* format table area */
.dataElementTable tr th,
.dataElementTable th[scope=row] {
    text-align: left;
    vertical-align: top;
}
.dataElementTable tr th:last-child{
	border-right: 0.1rem solid var(--navy40);
}
.dataElementTable th[scope=row]:nth-child(1){
	border-left: 0.1rem solid var(--navy40);
}
.dataElementTable tr, td, th {
	overflow: visible;
}
.dataElementTable tr td, .dataElementTable tr th{ 
    height: 4rem;
    padding: 0.9rem;
	word-break: break-word;
}
.dataelementwrapper{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	place-items: flex-start;
	column-gap: 0.2rem;
	row-gap: 0.2rem;
	margin: -0.9rem -1rem;
	position: relative;
}

.dataelementwrapper .button-wrap:after {
    content: "";
    width: 0.2rem;
    height: 103%;
    display: block;
    position: absolute;
	top: 0;
    left: 4rem;
    background: var(--navy40);
}

.dataelementwrapper .dataelementwrapper-item{
	min-height: 4rem;
	position: relative;
}

.dataelementwrapper .dataelementwrapper-item,
.dataelementwrapper .form_answer.multi-selection-tree {
    flex: 1 90%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    place-content: flex-start;
    place-items: flex-start;
    gap: 0.5rem;
}
.dataelementwrapper-item:not(:last-child):after {
    content: "";
    width: 100%;
    height: 0.2rem;
    display: block;
    position: absolute;
    bottom: -0.2rem;
    left: 0;
    background: var(--navy40);
}
.dataelementwrapper .form_answer.multi-selection-tree {
    flex: 1 calc(100% - 5rem);
}

.dataelementwrapper-item.comboArea select {
    padding-left: 1.6rem;
}
.dataelementwrapper .dataelementwrapper-item .loading-component .initialIconWrapper .ButtonBase span,
.dataelementwrapper .dataelementwrapper-item .loading-component .initialIconWrapper .ButtonBase span svg{
	width: 2rem;
	height: 2rem;
}
.dataelementwrapper .dataelementwrapper-item .loading-component .download-template-span {
    padding-left: 0.5rem;
}
.dataelementwrapper.dataelementwrapper-readOnly .dataelementwrapper-item .loading-component .download-template-span {
    padding-left: 0;
}

.dataelementwrapper.dataelementwrapper-readOnly .multi-selection-tree div {
	position: relative;
	padding: 1.2rem 1rem;
	margin-left: -0.9rem;
}
.dataelementwrapper-readOnly .multi-selection-tree div:not(:last-child):after{
    content: "";
    width: calc(100% + 1.5rem);
    height: 0.2rem;
    display: block;
    position: absolute;
    bottom: -0.2rem;
    left: -0.6rem;
	background: var(--navy40);
}

/*  FORMAT INPUT ELEMENTS  */
.dataelementwrapper .InputBase-root {
	flex: 1 83%;
}
.dataelementwrapper .dataelementwrapper-item .attachTag_bottom .InputBase-root{
    padding: 0;
}
.dataelementwrapper .dataelementwrapper-item .InputBase-root.InputBase-TextArea {
    padding: 0 0 0 1.2rem;
}
.dataelementwrapper.dataelementwrapper-withToolbar .dataelementwrapper-item + .dataelementwrapper-item{
	flex: 1 80%;
	margin-left: 4rem;
}
.dataelementwrapper .InputBase-root input,
.dataelementwrapper .InputBase-root .Input-Disabled input{
    background: transparent;
}
.dataelementwrapper .dataelementwrapper-item fieldset {
    flex: 1 50%;
	width: 100%;
    max-width: 22rem;
    display: grid;
    justify-content: start;
    grid-template-columns: 10% 75%;
    row-gap: 1rem;
    column-gap: 1rem;
    align-content: center;
    position: relative;
}
.dataelementwrapper .FormField-medium {
	flex: 1;
	order: 1;
	width: auto;
    max-width: unset;
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
    place-items: center;
	column-gap: 1rem;
    margin-right: 0;
}
.dataelementwrapper .InputBase-root.Input-Disabled,
.dataelementwrapper .form_answer .dijitDisabled,
.dataelementwrapper .InputBase-root.Input-Disabled select:not([multiple]) {
	background-color: var(--grey50);
}
.dataelementwrapper .InputBase-root.Input-Disabled .dijitTextBox {
	background-color: transparent;
}
.dataelementwrapper .InputBase-root.Input-Disabled .dijitTextBoxDisabled .dijitInputContainer,
.dataelementwrapper .dijitTextBoxDisabled .dijitInputContainer {
	background-color: transparent;
}
.dataelementwrapper-item .IconButton{
	float: right;
}
.dataelementwrapper .dataelementwrapper-item .InputBase-TextArea.Input-Disabled textarea.textarea,
.dataelementwrapper .dataelementwrapper-item .InputBase-TextArea textarea.textarea{
    background: transparent;
    margin: 0;
    padding: 1.2rem 0;
}

.dataelementwrapper .dataelementwrapper-item .FormField-Label-Action.counterText{
	order: 4;
	margin-top: 0;
    margin-bottom: 1rem;
	text-align: left;
	padding-left: 1rem;
}
.dataelementwrapper-item .fieldDisable, .dataelementwrapper-item .fieldEnable {
	order: 2;
    float: none;
    margin-left: 0;
    vertical-align: unset;
}
.form_answer.multi-selection-tree.dataelementwrapper-item.checkboxArea{
	min-width: 25rem;
}
.dataelementwrapper .Accordion-container .formRead.oneColumns .checkboxArea fieldset:after {
    content: "";
    width: 0.2rem;
    height: 100%;
    position: absolute;
    left: 95%;
    top: 0;
    transform: translateX(-50%);
    background: var(--navy40);
}
.dataelementwrapper .dataelementwrapper-item fieldset.Input-Error{
	grid-template-columns: 18% 1% 60%;	
}
.dataelementwrapper .FormField-medium .Error-Message-Container {
    flex: 1 100%;
    order: 5;
}
.dataelementwrapper .FormField-medium .Error-Message-Container span{
    width: 100%;
    height: auto;
    display: block;
	line-height: 1.4rem;
	padding: 0.3rem 2rem;
}

/*  FORMAT ATTACH TAG */
.dataelementwrapper div .attachTag {
    flex: 1;
	order: 1;
	width: auto;
    max-width: unset;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    place-items: center;
    column-gap: 1rem;
    margin-right: 0;
	border: none;
}
.dataelementwrapper .saytTagWidth {
	flex: 1 85%;
}
.dataelementwrapper .dataelementwrapper-item .attachTag_bottom{
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
	padding: 0.8rem 0 0.4rem 1.2rem;
	border: 0;
}
.dataelementwrapper .dataelementwrapper-item .attachTag_bottom .dijitTextBoxDisabled .dijitInputContainer{
	height: 4rem;
}


.dataelementwrapper-item.saytArea .icon-only {
    margin: 0.7rem 1.2rem 0 0;
}

.dataelementwrapper .dataelementwrapper-item .attachTag_bottom .InputBase-root.inputNoIcon, 
.dataelementwrapper .dataelementwrapper-item .InputBase-root.inputNoIcon,
.dataelementwrapper .dataelementwrapper-item .attachTag_bottom .InputBase-root.inputNoIcon.Input-Error {
    flex: 1 50%;
    max-width: 50%;
}
.dataelementwrapper .dataelementwrapper-item .attachTag_bottom > label {
	width: 50%;
    display: flex;
    flex-wrap: nowrap;
}
.dataelementwrapper .dataelementwrapper-item .Error-Message-Container {
    flex: 1 100%;
	width: 100%;
    order: 4;
}
.dataelementwrapper .dataelementwrapper-item .dataelementwrapper-item-attach .fieldDisable,
.dataelementwrapper .dataelementwrapper-item .dataelementwrapper-item-attach .fieldEnable {
    margin-top: 1.2rem;
}
.dataelementwrapper .dataelementwrapper-item .dataelementwrapper-item-attach {
	padding: unset !important;
}
.dataelementwrapper .attachTag span, .dataelementwrapper .attachTaglink span {
    vertical-align: text-top;
    padding-right: 0;
    padding-left: 0;
}

.attachTag.dataelementwrapper-item-attach .attachTag_bottom.valueNo {
    background: transparent;
    color: var(--red20);
    border-top: none;
}

.dataelementwrapper .dataelementwrapper-item .loading-component .attachTag_bottom .ICON-WARNING{
	display: inline-block;
	vertical-align: middle;
	position: relative;
    top: -0.3rem;
	fill: var(--red20);
}

.validationTable .dataelementwrapper .dataelementwrapper-item fieldset {
    grid-template-columns: 10% 85%;
}
.validationTable .dataelementwrapper .dataelementwrapper-item fieldset.Input-Error.Input-Error {
    grid-template-columns: 15% 15% 60%;
}
.validationTable .dataelementwrapper .checkboxArea fieldset:after {
	background: none;
}
table tr td .dataelementwrapper a:not(:last-child) {
    margin-right: 1rem;
}
.dataelementwrapper .button-wrap .button-placeholder:last-of-type {
    margin-right:0;
}
.dataelementwrapper .button-wrap {
	flex: 1 4rem;
    width: 4rem;
    max-width: 4rem;
    height: 4rem;
	place-content: center;
}
.dataelementwrapper .button-wrap .select-wrapper {
    border: none;
}
table tr td .dataelementwrapper .button-wrap a:not(:last-child) {
    margin-right: 0;
}
.dataelementwrapper .button-wrap .select-list a.others-selectbox {
    background: none;
}
.dataelementwrapper .button-wrap + .dataelementwrapper-item {
	flex: 1 calc(100% - 5rem);
}
.dataelementwrapper-item .fieldEnable {
    order: 1;
    width: 4rem;
    height: 4rem;
    display: flex;
    place-content: center;
    place-items: center;
}
.dataelementwrapper-item .InputBase-root,
.dataelementwrapper .FormField-medium,
.dataelementwrapper .FormField{
    order: 2;
}
.dataelementwrapper-item .second-item {
    max-width: calc(100% - 4.5rem);
}
.dataelementwrapper .dataelementwrapper-item.checkboxArea fieldset{
	margin: 1rem;
}
 
.dataelementwrapper .dataelementwrapper-item .InputBase-root.InputBase-TextArea.Input-Disabled {
    border-color: transparent;
	transition: 0.3s;
}

.dataelementwrapper .dataelementwrapper-item.checkboxArea.half-item {
    flex: 1 50%;
    max-width: 45%;
    place-content: flex-start;
    place-items: center;
}
.dataelementwrapper .dataelementwrapper-item.checkboxArea + .dataelementwrapper-item{
    flex: 1 50%;
    max-width: 50%;
}
.dataelementwrapper .dataelementwrapper-item .loading-component {
	min-width: unset;
	padding-left: 0.2rem;
}
.dataelementwrapper .dataelementwrapper-item .loading-component .loading-item-present {
	background: transparent;
	border:transparent;
}
.dataelementwrapper .dataelementwrapper-item .loading-component .loading-item-uploader .box {
    flex: 1 100%;
    max-width: 100%;
}

.dataelementwrapper-item .loading-component .download-template,
.dataelementwrapper .dataelementwrapper-item .loading-component .loading-item-uploader {
	max-height: unset;
	border: none!important;
}
.dataelementwrapper-item .loading-component .attachTag_bottom.expiredDate .InputBase-root{
	border-color: var(--red10);
}

/* uploader element in list table */
.list-table td .loading-component {
	min-width: unset;
}
.list-table td .loading-component .loading-item-uploader > div{
	max-width: inherit;
	column-gap: 1rem;
}

.list-table td .dataelementwrapper .dataelementwrapper-item .loading-component .loading-item-uploader .box .filename-span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-table td .dataelementwrapper .dataelementwrapper-item .loading-component .loading-item-uploader .box .filename-span,
.list-table td .dataelementwrapper .dataelementwrapper-item .loading-component .loading-item-uploader .box .filename-span a,
.fixed-layout .list-table td .dataelementwrapper .dataelementwrapper-item .loading-component .loading-item-uploader .box .filename-span,
.fixed-layout .list-table td .dataelementwrapper .dataelementwrapper-item .loading-component .loading-item-uploader .box .filename-span a{
	max-width: 20rem;
}

.fixed-layout .loading-component .loading-item-uploader .preBox {
   	flex-wrap: wrap;
	row-gap: 0.5rem;
}

/* MENU THREEDOTS */
.dataelementwrapper .white-dropdown-wrap{
    width: 20rem;
}
.dataelementwrapper .white-dropdown{
	place-content: flex-start;
	row-gap: 0;
}
.dataelementwrapper .select-list li .white-dropdown-wrap .white-dropdown li{
	margin: 0;
    padding: 0;
	border-left: 0.3rem solid transparent!important;
	border-bottom: 0;
	transition: 0.2s;
}
.dataelementwrapper .select-list li .white-dropdown-wrap .white-dropdown li:hover{
	border-left-color: var(--accent-color)!important;
    background-color: var(--grey50);
}
.dataelementwrapper .select-list li .white-dropdown-wrap .white-dropdown li button{
	flex: 1 100%;
	padding: 0.2rem 1rem;
}
.dataelementwrapper .white-dropdown .ButtonBase.ButtonBase-standard{place-content: flex-start;}

/* checkbox area */
.dataelementwrapper .dataelementwrapper-item.checkboxArea{
    place-content: flex-start;
}
.dataelementwrapper .dataelementwrapper-item.checkboxArea .dijit {
    order: 2;
    border: none;
    border-bottom: 0.2rem solid var(--grey30);
}
.dataelementwrapper .dataelementwrapper-item.checkboxArea button {
    order: 1;
}
.dataelementwrapper .dataelementwrapper-item.checkboxArea ul {
    order: 3;
    padding-left: 4.8rem;
}
.dataelementwrapper .categoryName{
    width: 100%;
    max-width: 7rem;
    text-overflow: ellipsis;
    place-items: center;
    place-content: space-between;
    padding: 0 0.4rem;
}
.dataelementwrapper .categoryName a{
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    top: unset;
    right: 0.4rem;
    place-content: space-between;
    place-items: center;
    margin: 0!important;
}

/*  FORMAT ICON */
.dataelementwrapper .dataelementwrapper-item .displayInline .SVG-download.ICON-DOWNLOAD {
	position: relative;
    top: -1rem;
    left: 1rem;
}
.dataelementwrapper button.icon-only.ButtonBase.IconButton .SVG-download.ICON-DOWNLOAD {
    position: unset;
}
.dataelementwrapper .dataelementwrapper-item fieldset.Input-Error .ICON-ERROR {
    top: -0.2rem;
    right: 2rem;
}
.dataelementwrapper .dataelementwrapper-item span.SvgSize16 svg{
    display: block;
    margin: auto;
}
.dataelementwrapper-item-attach .loading-component span.SvgSize16 {
    flex:unset;
    width: auto;
    max-width: unset;
    height: auto;
}

/*  READ ONLY  */
.dataelementwrapper .dataelementwrapper-item span svg{
	width: 2rem;
	height: 2rem;
}


/************************************************************
    END NEW DATA ELEMENTS END
/***********************************************************/
.dataelementwrapper.dataelementwrapper-readOnly {
    margin: -1.1rem -1rem;
}

.dataelementwrapper.dataelementwrapper-readOnly .dataelementwrapper-item {
	padding-left: 1.6rem;
    align-content: center;
}

.dataelementwrapper.dataelementwrapper-readOnly .dataelementwrapper-item:not(:first-child) {
	padding-left: 0;
}

.dataelementwrapper.dataelementwrapper-readOnly .attachTag.dataelementwrapper-item-attach {
	margin: 0 0 0 -1.3rem;
}

.dataelementwrapper.dataelementwrapper-readOnly .attachTag.dataelementwrapper-item-attach .attachTag_bottom.valueNo {
	padding: 1.2rem 0 0.9rem 1.1rem;
}

.dataelementwrapper.dataelementwrapper-readOnly .attachTag.dataelementwrapper-item-attach .loading-item-uploader.read-only.download-template-item-empty {
	padding: 1.2rem 0 1.3rem 1.2rem;
}

.dataelementwrapper.dataelementwrapper-readOnly .attachTag.dataelementwrapper-item-attach .attachTag_bottom {
    padding: 1.1rem 0 1.3rem 1.2rem;
}

.dataelementwrapper .dataelementwrapper-item .attachTag.dataelementwrapper-item-attach .loading-component:not(:last-child) {
    border-bottom: 0.1rem solid var(--navy40);
}


/*  SUPPLIER DETAIL FORMAT ADDITIONAL EMAIL AREA  */
.formRead ul li .additional-email-readonly{
    display: inline-block;
    margin: 0rem 0.8rem 0 0;
	background: var(--grey50);
	padding: 0.5rem 1.2rem;
}
.formRead ul li .additional-email {
    margin-bottom: 1rem;
}

/* SIDEBAR WITH CECKMARKS */
.with-checkmarks .sidebarCard-content ul li{
    border-left: 0.2rem solid var(--grey50);
    padding-left: 1rem;
	position: relative;
    transition: 0.3s;
}
.with-checkmarks .sidebarCard-content ul li a{
    padding-left: 2.5rem;
}
.with-checkmarks ul li:hover {
    background-color: var(--grey50)!important;
}
.with-checkmarks ul li:focus {
    border: 0.2rem solid var(--black);
}
.with-checkmarks .sidebarCard-content ul li span.SvgSize16 {
	width: 1.6rem;
    min-width: 1.6rem;
    max-width: 1.6rem;
    height: 1.6rem;
    position: absolute;
	top: 0.7rem;
    margin-top: -0.11rem;
    transition: 0.3s;
	display: none;
}

.with-checkmarks .sidebarCard-content ul li span.SvgSize16 svg {
	width: 1.6rem;
	height: 1.6rem;

}

.with-checkmarks .sidebarCard-content ul li.active{
    border-left: 0.2rem solid var(--accent-color);
    background: var(--blue50);
}

.with-checkmarks .sidebarCard-content ul li.checkmark-success span.ICON-SUCCESS {
	display: inline;
}

.with-checkmarks .sidebarCard-content ul li.checkmark-success span.ICON-SUCCESS svg {
    fill: var(--green10);
	display: inline;
}

.with-checkmarks .sidebarCard-content ul li.checkmark-missing span.ICON-ERROR {
	display: inline;
}

.with-checkmarks .sidebarCard-content ul li.checkmark-missing span.ICON-ERROR svg{
    fill: var(--red10);
	display: inline;
}
.with-checkmarks .sidebarCard-content ul li.checkmark-none svg{
    display: none;
}

.Accordion .ICON-SUCCESS svg {
    max-width: 2rem;
    vertical-align: middle;
    margin: -0.3rem 0 0 0.5rem;
	display:none;
}
.Accordion .ICON-SUCCESS.checkmark-success svg{
    fill: var(--green10);
}
.Accordion .ICON-SUCCESS.checkmark-missing svg{
    fill: var(--grey30);
}
.Accordion .ICON-SUCCESS.checkmark-none svg{
    display: none;
}

.ulist-plus span{transition: 0.3s;}
.ulist-plus.expanded span{transform: rotate(90deg);}

.Accordion-container.content-main .formRead .categoryTree li a:nth-child(1) span{
    position: relative;
	top: 0.5rem;
}

.Accordion-container.instruction .Accordion-container .Accordion-container{
	margin-bottom: 2rem;
}

.Accordion-container.instruction, .Accordion-container.attach, .Accordion-container.url, .Accordion-container .Accordion-container{
	padding: 0;
}
.Accordion-container.instruction .FormField-large {
	width: 100%;
    min-width: unset;
    max-width: unset;
	margin-bottom: 2rem 
}
.Accordion-container.instruction .list-table{
	padding-bottom: 1rem;
}
.Accordion-container.instruction .list-table tr th, .Accordion-container.attach .list-table tr th, .Accordion-container.url .list-table tr th{
	background: var(--navy40);
}

.Accordion-container.instruction .list-table a, .Accordion-container.attach .list-table a, .Accordion-container.url .list-table a{
	padding-left: 0.5rem;
}

/*  HEADING TABLE  */
.heading-row th, .heading-row td {
    background: var(--navy40);
    font-weight: 700;
}
.heading-row-spacer{
    height: 2.5rem;
    border-right: 0;
    border-left: 0;
    padding: 0;
}


/*  REORDER TABLE  */
.sortable-page .reorderDiv .table_cnt_body_a {
    align-items: center;
}
.sortable-page .reorderDiv .sortable-td-container {
    height: 100%;
	max-height: 600px;
}
.sortable-page .reorderDiv .typeThreeCols {
    height: auto;
}
.reorderDiv .sortable-td-container {
    height: 100%;
    max-height: 500px;
}
.dojoDndContainer-group .dojoDndItem {
    text-indent: 1.5rem;
}
.dojoDndItem-group {
	width: calc(100% + 4rem);
	position: relative;
	left: -1.5rem;
	font-weight: 700;
	padding: 1rem 1.5rem;
	text-indent: 0;
	z-index: 1;
}
.dojoDndItem-group:after {
    content: "";
	width: calc(100% + 2rem);
    height: 2.5rem;
    display: block;
    position: absolute;
    top: 0;
    left: -1rem;
	background: var(--navy40);
    z-index: -1;
}

.DEDefVal{
	display: inline-block;
	vertical-align: middle;
	padding-right: 0.5rem;
}

/*  CUSTOMIZE POPUP */
.customCertIdentity .Alert-root {
    margin: 1rem 0;
}
.customCertIdentity .modal-2box .FormField {
	width: 100%;
}
.customCertIdentity .modal-2box .FormField .InputBase-root input{
	width: 100%;
	max-height: 3.8rem;
	border:none;
}

button.buttonNoStyle{
	border:0px;
	background-color:trasparent;
}

.responseCurrency {
	font-size: 1.5rem;
}

.esopPreviewFileDialogClass .dijitDialogPaneContent {
	justify-content: space-between;
}
.esopPreviewFileDialogClass .dijitDialogPaneContent .dijitDialogPaneContentText {
    max-height: unset;
	overflow: auto;
}
.esopPreviewFileDialogClass .dijitDialogPaneContent .dijitDialogPaneContentText .esopPreviewFileDialogTxtFrameClass{
	width: fit-content;
	min-width: 100%;
}

.esopPreviewFileDialogClass .dijitDialogPaneContent .dijitDialogPaneContentText .esopPreviewFileDialogImgContainerClass{
	overflow: auto;
}
.esopPreviewFileDialogClass .dijitDialogPaneContent .dijitDialogPaneContentText .esopPreviewFileDialogImgContainerClass img{
    width: auto;
	max-width: 100%;
	height: auto;
    max-height: unset;
}
.floatRight:hover{text-decoration: none;}

.secondaryStatus .displayInline-flex .mandatory-field{padding-right: 0;}

.breadcrumb-wrapper .breadcrumbItem:last-child {
	color: var(--blue20);
	opacity: 1;
}

.rootBreadcrumbItem {
    display: inline-block;
	font-weight: 600;
    font-size: 1.4rem;
	color: var(--black);
	padding: 0.5rem 0 0.4rem 2rem;
	opacity: 1;
}
.breadcrumbItem {
	font-size: 1.4rem;
    font-weight: 500;
	color: var(--black);
}

.breadcrumbItem:before {
    content: "/";
    display: inline-block;
    position: relative;
    margin: 0 0.5rem;
}

.width30 {
	width: 30%;
}

/*************************************************************
 # MOBILE VERSION
*************************************************************/

@media screen and (max-width:1280px) {
	/* UPLOAD FILE IN TABLE */
	.list-table td .loading-component .preBox .box:nth-child(1){
		max-width: calc(100% - 2.5rem);
	}
	.list-table td .loading-component .preBox {
		max-width: 18rem;
		column-gap: 0.5rem;
	}
	.list-table td .loading-component .preBox .box:nth-child(2){
		max-width: max-content;
	}
	.list-table td .loading-component.uploader-edit-mode .loading-item-uploader.loading-item-present{
		overflow-x: auto;
	}
	.fixed-layout .dataelementwrapper.mandatory .displayInline-flex{
		flex-wrap: wrap;
		justify-content: flex-start;
		row-gap: 0.5rem;
	}
	.fixed-layout .dataelementwrapper.mandatory .displayInline-flex .SvgSize16 {
		margin: 0;
	}
	.ba-dialog .content-main .formRead.twoColumns ul{
		width: calc(100% - 8rem);
	}
	.ba-dialog .content-main .formRead.twoColumns ul .FormField-large {
		min-width: unset;
		max-width: unset;
	}
	.ba-dialog .content-main .formRead.twoColumns ul .FormField-large .filename-span {
		max-width: 18rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.Accordion-container.content-main{
		overflow-x: auto;
	}
	.Link-root.icon-DEACTIVATE {
		width: 100%;
		display: block;
	}
	.counterText, .calendarString, td > span.counterText {
		width: 100%;
	}
}
@media screen and (max-width:1023px) {
    .main-cards-container{
        flex-wrap: wrap;
    }
    .main-cards-container .item-card{
        max-width: calc(100% / 3 - 2rem);
    }
}


@media screen and (max-width:767px) {
    .main-cards-container .item-card{
        max-width: calc(100% / 2 - 2rem);
    }
	.AttachLi .loading-component{
		min-width: unset;
		max-width: unset;
	}
	.AttachLi .loading-component .loading-item-uploader .filename-span{
		max-width: 17rem;
	}
	.dataElementTable tr th{
		min-width: 3rem;
	}
	.divTable .divRow .divCell .AttachLi .loading-component {
		min-width: unset;
		max-width: 100rem;
	}
	.containerDetail .content-page .form_container .noticeFieldList .pagnavigator div{
		white-space: normal;
	}
	.format_DateHour{
		justify-content: space-between;
	}
	.format_DateHour .format_Date {
		width: 100%;
	}
}


@media screen and (max-width:500px) {
	.salutationPage table {
        white-space: normal;
    }
}

@media screen and (max-width:450px) {
    .main-cards-container .item-card{
        max-width: unset;
    }
}

/*** GUEST CSS ***/

/* LOGIN PAGE - Header area */
.page-align-center .loginForm .headerLogin {
	place-content: flex-end;
}
.page-align-center .loginForm .headerLogin:after {
	content: "";
	width: calc(100% + 4rem);
	height: 0.1rem;
	display: block;
	position: relative;
	left: -3rem;
	background: var(--grey40);
	margin-top: 1.5rem;
	margin-right: -4rem;
}
.page-align-center .loginForm .headerLogin h1 {
	flex: 1 50%;
	max-width: 50%;
	display: flex;
	place-content: flex-start;
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--black);
	line-height: 2rem;
	text-transform: unset;
}
.page-align-center .loginForm .headerLogin a {
	flex: 1 50%;
	max-width: 50%;
	display: block;
	text-align: right;
}

/*  SPINNER CORRECTIONS  */
.page-align-center .loadingOverlay .MuiCircularProgress-root{
	width: 4rem !important;
	height: 4rem !important;
}
.page-align-center .loadingOverlay .MuiCircularProgress-root svg{
	width: 4rem !important;
	height: 4rem !important;
}

/* LOGIN PAGE - Cnt */
.page-align-center .Alert-root {
	max-width: 42rem;
	flex: 1 100%;
}

.page-align-center main {
	display: unset;
	position: unset;
	z-index: unset;
}

@media screen and (max-height:590px) {
	.page-align-center {
		margin-top: 9rem;
	}
}

.page-align-center {
	width: 100%;
	height: 100vh;
	display: flex;
	place-content: center;
	place-items: center;
	background: var(--grey30);
	background-size: cover;
}

.page-align-center header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.page-align-center .main {
	width: auto;
	max-width: 81rem;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	background: var(--white);
	position: relative;
	margin-left: 0 !important;
	padding: 1.8rem 1rem 2.5rem 3rem;
}

.page-align-center #main .loginForm {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.page-align-center .loginForm a {
	color: var(--blue20);
	font-size: 1.3rem;
	line-height: 1.2rem;
}

.page-align-center .loginForm .headerLogin,
.page-align-center .loginForm #leftsideLogin .footerSideForm,
.page-align-center .loginForm .rightsideLogin .footerSideForm,
.page-align-center .loginForm .rightsideLogin .ssoAccess {
	flex: 1 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	place-content: space-between;
	place-items: baseline;
}

.page-align-center .loginForm #leftsideLogin .footerSideForm {
	flex-direction: column;
	place-content: flex-start;
	padding-top: 1rem;
}

.page-align-center .loginForm .InputBase-root {
	margin-bottom: 2rem;
}


/* LOGIN PAGE - Left side area */
.page-align-center .loginForm #leftsideLogin, .loginForm .rightsideLogin {
	display: flex;
	flex-direction: column;
	padding: 2rem;
}
.page-align-center .loginForm #leftsideLogin {
	flex: 1 60%;
	max-width: 39.5rem;
	padding: 2rem 1.4rem 0 0;
}


/* LOGIN PAGE - Reset shared code */
.page-align-center .simple-form .content-page {
	min-width: unset;
	max-width: unset;
}

.page-align-center .loginForm #leftsideLogin .footerSideForm .floatingWrapper {
	width: 100%;
	margin-top: 0;
	margin-bottom: 2rem;
}
.page-align-center .loginForm #leftsideLogin .footerSideForm .floatingWrapper .edit-save-wrapper ul.button-list li {
	width: 100%;
	margin-right: 0;
}
.page-align-center .loginForm #leftsideLogin .footerSideForm .floatingWrapper .edit-save-wrapper ul.button-list li button {
	width: 100%;
	max-width: unset;
}
.page-align-center .loginForm #leftsideLogin .footerSideForm a {
	padding-bottom: 2rem;
}
.page-align-center .loginForm #leftsideLogin .footerSideForm button {
	flex: 1;
	max-width: 8.3rem;
}
.page-align-center .loginForm #leftsideLogin .footerSideForm .Button-secondary {
	margin-right: 0.5rem;
}
.page-align-center .loginForm #leftsideLogin .Alert-error {
	padding-left: 2rem;
}

.page-align-center .loginForm hr {
	flex: 1 100%;
	width: 100%;
	height: 0.1rem;
	display: block;
	position: relative;
	background: var(--grey40);
	margin: 2rem 0;
	opacity: 0.2;
}

.page-align-center .loginForm #leftsideLogin input {
	width: 100%;
}
.page-align-center .loginForm #leftsideLogin .FormField-Label {
	padding-bottom: 0.6rem;
}
.page-align-center .loginForm #leftsideLogin .InputBase-root label,
.page-align-center .loginForm #leftsideLogin .InputBase-root .itemInfo {
	font-size: 1.3rem;
	font-weight: 500;
	color: var(--black);
	line-height: 1.2rem;
	display: block;
}
.page-align-center .loginForm .submit {
	width: 100%;
	max-width: unset;
	height: 3rem;
	border: none;
	font-size: 1.2rem;
	font-weight: 400;
}


/*  FOOTER FIX TO BOTTOM ON OVERLAY  */
.dialogMode .containerEmpty .floatingWrapper {
	position: fixed;
	bottom: -1rem;
	width: calc(100% - 4.4rem);
	background: var(--white);
	margin: 1rem;
	padding-top: 1rem;
	z-index: 2;}


/* LOGIN PAGE - Right side area */
.page-align-center .loginForm .rightsideLogin {
	flex: 1 40%;
	border-left: 0.1rem solid var(--grey40);
	margin-left: 0.6rem;
}

.page-align-center .loginForm .rightsideLogin a {
	width: fit-content;
	padding-bottom: 1.5rem;
}
.page-align-center .loginForm .rightsideLogin h2 {
	display: block;
	font-weight: 500;
	font-size: 1.3rem;
	padding-bottom: 3rem;
}

.page-align-center .loginForm .rightsideLogin .ssoAccess {
	flex: unset !important;
	place-items: center;
	border-bottom: 0.1rem solid var(--grey40);
}
.page-align-center .loginForm .rightsideLogin .ssoAccess a {
	padding-bottom: 2rem;
}
.page-align-center .loginForm .rightsideLogin .ssoAccess h2 {
	padding-bottom: 1.5rem;
}

/* fix JLL Employee */
.page-align-center .loginForm .rightsideLogin #ssoAccess .floatingWrapper .button-list{
	justify-content: flex-start;
    flex-wrap: wrap;
	white-space: unset;
}
.page-align-center .loginForm .rightsideLogin #ssoAccess .floatingWrapper .button-list:before{
	flex: 1 100%;
    width: 100%;
	position: relative!important;
    display: block;
    text-align: left;
}
.page-align-center .loginForm .rightsideLogin #ssoAccess .floatingWrapper .button-list .icon-OPEN {
    flex: 1 100%;
    width: 100%;
	place-content: flex-end;
}

.page-align-center .loginForm .rightsideLogin .spidAccess {
	flex-direction: column;
	border-bottom: 0.1rem solid var(--grey40);
	margin-bottom: 1.5rem;
}
.page-align-center .loginForm .rightsideLogin .spidAccess h2 {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.3rem;
	padding-bottom: 0.5rem;
}
.page-align-center .loginForm .rightsideLogin .spidAccess a {
	color: var(--white);
	padding-bottom: 0;
}
.page-align-center .loginForm .rightsideLogin .spidAccess .spidTxt {
	width: 100%;
}

.page-align-center .loginForm .rightsideLogin .spidAccess .Alert-root{
	min-width: unset;
	margin: 0;
}
.page-align-center .loginForm .rightsideLogin .spidAccess .spidBtn {
	text-align: right;
	margin: 1.6rem 0 2rem 0;
}


/* CAPTCHA PAGE */
.captchDiv {
	display: flex;
	justify-content: center;
	padding-top: 0.8rem;
}


/* SPID PAGE */
.spid-page .main {
	padding: 2.5rem 3rem 2.5rem 3rem;
}
.spid-page .main .back-wrap {
	padding-left: 0;
}
.spid-page .main .spidAccess {
	display: flex;
	flex-direction: column;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.spid-page .main .spidAccess .spidTxt {
	width: 100%;
	padding-left: 0;
}
.spid-page .main .spidAccess .spidTxt ul li {
	margin-bottom: 0.7rem;
}
.spid-page .main .spidAccess .spidBtn a {
	color: var(--white);
}

@media screen and (max-width:767px) {
	.page-align-center .loginForm .headerLogin a {
		flex: 1 100%;
		text-align: left;
		padding: 1rem 0 0rem 0;
		margin-right: 0;
	}
	.page-align-center .loginForm #leftsideLogin {
		flex: 1 100%;
		max-width: unset;
	}
	.page-align-center .loginForm .rightsideLogin {
		flex: 1 100%;
		border-left: none;
		margin-left: 0;
		padding-left: 0;
	}
	.page-align-center {
		height: auto;
	}
	.page-align-center .main {
		padding: 7rem 1rem 2.5rem 2.5rem;
	}
	.page-align-center .loginForm #leftsideLogin .footerSideForm {
		flex: auto;
	}
	.page-align-center .loginForm .InputBase-root, .loginForm .InputBase-root:hover {
		margin-bottom: 1rem;
	}
}

@media screen and (max-width:500px) {
	.page-align-center .loginForm.none .headerLogin {
		flex-wrap: nowrap;
		place-items: flex-start;
		flex-direction: column;
		place-content: flex-start;
	}
	.page-align-center .loginForm .headerLogin h1, .page-align-center .loginForm .headerLogin a {
		flex: 1 100%;
		width: 100%;
		max-width: 100%;
	}
}


/* FORGOT PWD PAGE */
.page-align-center .simple-form {
	background-color: var(--white);
}

.page-align-center .loginForm.none .rightsideLogin {
	display: none;
}
.page-align-center .loginForm.none h1 {
	max-width: unset;
}
.page-align-center .loginForm.none.simple-response {
	margin: 0 1.8rem 0 0;
}
.page-align-center .loginForm.none .itemInfo {
	width: 100%;
	display: flex;
	flex-direction: row;
	place-content: space-between;
	place-items: center;
}
.page-align-center .edit-save-wrapper ul.button-list li {
	margin-right: 0;
}
.page-align-center .loginForm.none .itemInfo .floatingWrapper .edit-save-wrapper ul.button-list li:not(:last-child) {
	margin-right: 1rem !important;
}

.page-align-center .loginForm.none .headerLogin {
	place-items: flex-start;
	margin-right: 2rem;
}
.page-align-center .loginForm.none .headerLogin:after {
	width: 100%;
	height: 0.1rem;
	display: block;
	position: relative;
	background: var(--grey40);
	margin: 2rem 0rem;
	left: 0;
}

.page-align-center .loginForm.none .InputBase-root, .loginForm.none .InputBase-root:hover {
	margin-bottom: 1rem;
}

.page-align-center .loginForm.none .headerLogin a {
	flex: 1 50%;
}

.page-align-center .loginForm.none {
	max-width: 40rem;
	margin: auto;
}
.page-align-center .loginForm #leftsideLogin .footerSideForm .itemInfo {
	width: 100%;
	padding-bottom: 1rem;
}
.page-align-center .loginForm #leftsideLogin .footerSideForm .itemInfo a {
	padding-bottom: 0;
}

.guestPage .content-page .Alert-root {
    margin-left: 0;
    margin-right: 0;
}
.guestPage .content-page .secondary ul{
	float: none;
}
.guestPage .content-page .secondary ul li{
	width: unset;
	display: flex;
	place-items: flex-start;
	margin-bottom: 1rem;
}


/* CONTRACT PAGE */
#contractBox {
	clear: right;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	background-color: var(--white);
}

.contractTitle {
	font-size: 1.6rem;
	text-align: left;
	font-weight: bold;
	margin-bottom: 1rem;
	padding-top: 2rem;
}

.contractText {
	border: 0.1rem solid var(--grey40);
	height: 25rem;
	overflow-y: scroll;
	padding: 1rem;
	text-align: left;
}
.contractText p {
	margin: 0;
	padding: 0;
	line-height: inherit;
	font-size: inherit;
	letter-spacing: inherit;
}

.contractCheck {
	margin-top: 2rem;
}
.contractCheck h3 {
	font-size: 1.6rem;
	text-transform: inherit !important;
}
.contractCheck .form_container {
	padding: 0;
	margin-top: 2rem;
}
.contractCheck .form_container ul {
	display: flex !important;
	max-width: inherit !important;
	flex-direction: column !important;
}
.contractCheck .form_container ul li {
	display: block;
}

/* code for ticket JAISS-24851 - 25.2 */
[dir="rtl"] .contractCheck .form_container ul {
    align-items: flex-end;
}

[dir="rtl"] .contractCheck .form_container ul li {
	display: flex;
    flex-direction: row;
}
[dir="rtl"] .contractCheck .form_container ul li div.form_question {
    width: auto;
    padding-right: 1rem;
}
/* END code for ticket JAISS-24851 - 25.2 */

.contractCheck .form_container ul li div {
	display: inline-flex;
}
.contractCheck .form_container ul li div.form_question {
	width: calc(100% - 3rem);
}
.contractCheck .form_container ul li div.form_answer {
	float: left;
	margin-right: 1rem;
	width: 2rem;
}
.contractCheck .bigButton {
	display: flex;
}
.contractCheck .button-list input {
	min-width: 9rem;
	max-width: none;
	height: 3rem;
	border-radius: 0;
	text-transform: none;
	padding: 0.5rem 2rem;
	letter-spacing: 0.02rem;
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: 400;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1) 0s;
	box-shadow: none;
	border: 0.1rem solid var(--blue20);
	background-color: var(--blue20);
	color: var(--white);
}
.localeCapitalization .contractCheck .button-list input {
	text-transform: capitalize;
}
.contractCheck .button-list img {
	display: none;
}

/* EXTRA AREA */
.page-align-center .loginForm input:-webkit-autofill,
.page-align-center .loginForm input:-webkit-autofill:hover, 
.page-align-center .loginForm input:-webkit-autofill:focus, 
.page-align-center .loginForm input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 3rem white inset !important;
}


/* ONBORDING AREA */
/* CATEGORY TREE PAGE */
.onBording #treeContainer ol#treeList {
	padding-left: 2rem;
}


.full-content-alert .Alert-barError {
	max-height: unset;
}
.full-content-alert .Alert-barError .Alert-message .Alert-message-container{
	white-space: normal;
    text-overflow: unset;
    overflow: auto;
}
.full-content-alert .edit-save-wrapper ul.button-list {
    column-gap: 1rem;
}
/*** PRINT REPORT - PD4ML ***/

/* 	IMPORTANTE:
	- Non sostituire px con rem;
	- Non usare le variabili;
*/

/* PRINT REPORT */
.summary {
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	overflow-x: auto;
}

.summary #loadingOverlay, .summary .accessShortcut, .summary .accessHidden {
	display: none;
}
.summary #menu {
	display: none;
}
.summary #mainToolbar {
	display: none;
}

.summary #cntDetail {
	max-width: 99.9%;
}

.summary .summaryToolbar {
	margin-top: 10px;
	margin-bottom: 10px;
}

.summary h2 {
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 30px;
	text-transform: none;
	letter-spacing: normal;
}
.summary h3, .summary h4, .summary h5 {
	font-size: 14pt;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: none;
	letter-spacing: normal;
}

.summary p {
	padding: 15px;
	font-style: italic;
}

.summary hr {
	margin-bottom: 10px;
	border: none;
	height: 20px;
}

.summary .InputBase-root {
	width: auto;
	min-width: 110px;
	height: auto;
	min-height: 20px;
	border-color: #000000;
}
.summary .InputBase-root select {
	height: 28px;
	line-height: initial;
}
.summary input[type="button"] {
	background-color: #F4F4F4;
	border: 1px solid #000000;
	color: #000000;
	cursor: pointer;
	height: 30px;
	line-height: 27px;
	padding: 0 21px;
}

.summary table {
	width: 100%;
	empty-cells: show;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}
.summary th {
	font-size: 12pt !important;
	text-align: left;
	border-top: 1px solid #000000 !important;
	border-left: 1px solid #000000 !important;
}
.summary th[scope=row] {
	font-size: 12pt !important;
	text-align: left;
	background-color: #FFFFFF;
}
.summary td {
	font-size: 12pt !important;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	color: #000000;
	text-align: left;
}
.summary th, .summary th[scope=row], .summary td {
	height: auto !important;
	padding: 0.5rem !important;
}

.summary .typeTwoCols {
	width: 50%;
}
.summary .tdXS { width: 5%;}
.summary .tdLarge 	{ width: 25%; word-break: break-word;}
.summary .tdMedium 	{ width: 18%;}
.summary .tdSmall 	{ width: 10%;}
.summary .tdRowNumber { width: 6%;}

.summary .table-root {
	margin-left: 0;
	overflow-y: auto;
}

.summary .Alert-root.Alert-info {
	border: 1px solid #000000;
	margin: 10px 0px 1px 0px;
}
.summary .Alert-message {
	text-align: left;
}

.summary td.flex-column > span > input[type="checkbox"]:not(:checked) {
	display: none;}

.summary div.dataelementwrapper.dataelementwrapper-readOnly {
	padding: 0 !important;
	margin: 0 !important;}
.summary div.dataelementwrapper-item {
	min-height: auto !important;
	padding-left: 0 !important;}
	
	.summary div.attachTag.dataelementwrapper-item-attach, .summary div.loading-component, .summary div.loading-component .loading-item-uploader {
		padding: 0 !important;
		margin: 0 !important;}
		
		
.summary .reportTable {margin-bottom: 4rem;}
.summary .reportTable tr td {
	word-wrap: break-word;
}
.summary .reportTable tr td .dataelementwrapper-item,
.summary .reportTable tr td .dataelementwrapper {
	word-break: break-word;
}

/* PD4ML (pdf print) */
body.pd4mlPage,
.pd4mlPage textarea, .pd4mlPage select, .pd4mlPage input,
.pd4mlPage h1, .pd4mlPage h2, .pd4mlPage h3, .pd4mlPage h4,
.pd4mlPage p, .pd4mlPage a,
.pd4mlPage table, .pd4mlPage tr, .pd4mlPage th, .pd4mlPage td {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.pd4mlPage header section.debug {
	display: none;
}
.pd4mlPage header.standard-logo {
	display: block;
}

.pd4mlPage .accessHidden {
	display: none;
}

.pd4mlPage table {
	border: 1px solid #000000;
}

.pd4mlPage caption, .pd4mlPage h2, .pd4mlPage h3, .pd4mlPage h4, .pd4mlPage .paragraph {
	font-weight: bold;
	font-size: 16px;
	padding: 20px;
}

.pd4mlPage tr {
	page-break-inside: avoid !important;
	padding: 20px;
}

.pd4mlPage th {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-weight: bold;
	text-align: left;
	min-height: 20px;
}
.pd4mlPage th:last-of-type {
	border-left: none;
}

.pd4mlPage td {
	border: 1px solid #000000;
	min-height: 20px;
}
td.tableTotal {
	height: 30px;
	font-weight: bold;
}

.pd4mlPage #pdfPrint th, .pd4mlPage #pdfPrint td {
	padding: 5px !important;
	vertical-align: top !important;
}

.pd4mlPage .form_container li {
	background-color: #FFFFFF;
	width: 100%;
}
.pd4mlPage .form_question, .pd4mlPage .form_answer {
	height: 40px;
	line-height: 40px;
	text-align: left;
	vertical-align: top;
}
.pd4mlPage .form_question {
	width: 50%;
	font-weight: bold;
}


/*SUMMARY LOGO*/
section.logo-section {
	text-align: left !important;
}
.summary section.logo-section img {
	height: 25px !important;
}
.summary header.custom-logo.embedded-top section.logo-section {
	display: none;}
/*SUMMARY LOGO PD4ML*/
.pd4mlPage header {
	display: none;}
/* Contract registration page */
.summary #contractBox {
	background: none;
	border: none;
}
.summary .contractText {
	height: auto;
	overflow-y: auto;
}
.summary .contractText p {
	font-style: normal;
}
.summary .contractCheck {
	display: none;
}

/* Dialog */

.dijitDialog {
    max-width: 100rem;
    background-color: #ffffff;
    position: absolute;
    z-index: 999;

}

.url-aware-dialog.dijitDialog {
    max-width: 80%;
}

.timeout-dialog {
    max-width: 40rem;
}

.dijitDialogTitleBar {
	cursor: move;
	outline: 0;
	display: flex;
	justify-content: flex-end;
}


.dijitDialogTitle {
	color: #465053;
	display: flex;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3rem;
	min-height: 1rem;
	outline: 0 none;
	padding-left: 0.5rem;
	text-align: center;
	width: 100%;
}

.dijitDialog .closeText {
    border: 0.1rem solid #d9e3ec;
    border-radius: 0.3rem;
    color: var(--white);
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    height: 2.1rem;
    line-height: 2.1rem;
    text-align: center;
    width: 2.1rem;
}
.closeText {
	display: none;
}

.ba-dialog .close-button svg {
	fill: var(--nav-primary-fg-color);
}

.ba-dialog .close-button a {
	background: none;
	text-indent: unset;
	margin-top: 0;
}

.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
}

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity = 50);
}
.dijitDialogFixed div.dijitDialogTitleBar {
	cursor: default;
}

.dijitEditorMenuDialog .dijitDialogTitleBar {
    background-color: var(--nav-primary-bg-color);
    height: 5rem !important;
}

.dijit_a11y .dijitInputLayoutContainer,.dijit_a11y .dijitDialog {
	opacity: 1 !important;
    color: var(--nav-primary-fg-color);
}
.dijit_a11y .dijitDialog .closeText {
	display: none;
}
.dijitBackgroundIframe {
	/* iframe used to prevent problems with PDF or other applets overlaying menus etc */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}
.dijitDialogCloseIcon {
display: none;
}

.dijitDialog .dialogCloseBtn > span {
 	background: url("../png/tabClosefoto.png") no-repeat scroll 0 0 transparent;
    height: 1.4rem;
    width: 1.4rem;
	cursor : pointer;
	display:inline-block;
}
.dijitDialog .dialogCloseBtn > span:hover{
    background-position: -2.8rem center;
}
.dijitDialog .button-list > li {
    display: inline-block;
    float: none;
    margin: auto;
    width: auto;
}
.dijitDialog .button-list > li:last-of-type{ margin-right:0;}
.dijitDialog .button-list > li:not(.important-button) a {
    background: linear-gradient(to bottom, #ffffff 0%, #f5f8fc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0.1rem solid #cedbe4;
    border-radius: 0.3rem;
    color: #587ba1;
    display: block;
    font-weight: normal;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: 0 0.9rem;
}

.dijitDialogPaneContent .edit-save-wrapper {
    text-align: center;
}
/*to fix an issue inside the console-parameters settings*/
.dijitDialogPaneContent .edit-save-wrapper.floating.fixed {
    position: relative;
    right: 0;
    top: 0;
}

.dijitDialog .revert .form_question {
    max-width: 20rem;
    width: 20rem;
}
.dijitDialog h4.paragraph {
    border-bottom: 0.1rem solid #e6ebef;
    color: #465053;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 3rem;
    margin-bottom: 0.5rem;
    min-height: 3.8rem;
    padding: 0;
    width: 100%;
}
html.showing-dialog {
    overflow: hidden !important;
}
html.showing-dialog #cnt, html.showing-dialog #cntAllPage, html.showing-dialog #top, html.showing-dialog #headerTopBar {
	margin-right: 1.7rem;
}

.dialogMode #cntAllPage {
    padding: 0 0.5rem;
}
.dialogMode #container {
    margin: 0 1rem 0;
}
.dialogMode #cntAllPage .form_container ul:not(.button-list) > li { margin-bottom: 0;}
.dialogMode #cntAllPage .form_container ul:not(.button-list) > li.divLittle { width: 25rem;}
.dialogMode #cntAllPage .form_container ul:not(.button-list) > li.divBig { width: calc(100% - 25rem);}

/*  last fix for dialog from labs  */
#anewdialog-framed .dijitDialogPaneContent {
	padding:0;
}

.dialogMode .toolbar-root {
	width:auto;
	margin-left:0;
	padding-right: 2rem;
}
.revert.dialogMode .toolbar-root {
    top: 0;
}

.dialogMode .containerEmpty {
	margin-bottom:0;
}

.dialogMode .content-main .formRead.twoColumns ul li {
	flex: 1 1 calc(48% - 6rem);
}

.dialogMode .content-main .formRead.twoColumns ul {
	max-width: unset;
	column-gap: 2rem;
}

.dialogMode .FormField-large {
	max-width: unset;
}

.dialogMode .content-main {
	padding: 2rem 1rem 0 1rem;
}

.dialogMode .loading-component .loading-item-uploader .preBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    overflow: hidden;
}
.dialogMode .loading-component .loading-item-uploader .box {
    max-width: unset;
    grid-area: 1 / 1 / 1 / 3;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    padding-right: 1.5rem;
}
.dialogMode .loading-component .loading-item-uploader .box:nth-child(2) {
    min-width: 2rem;
    justify-content: flex-end;
    grid-area: 1 / 3 / 3 / 4;
    padding-right: 0;
}


.dialogMode .loading-component .loading-item-present{
    padding: 0;
}

.dialogMode .loading-component .loading-item-uploader.loading-item-present .preBox{display: flex!important;}
.dialogMode .loading-component .loading-item-uploader.loading-item-present .preBox a {
    max-width: 35rem;
}

.dialogMode .loading-component .loading-item-present .preBox .box:nth-child(2) {
   flex: 1 auto;
}


.dialogMode .content-main .formRead.twoColumns ul li .FormField-Label {
    padding-top: 0.3rem;
}

/* New Dialog for myeval */

.modal-2box {
    display: flex;
	max-height: 55vh;
	overflow: hidden;
    overflow-y: auto;
}
.modal-2box .twoColumns .dataelementwrapper.dataelementwrapper-readOnly .dataelementwrapper-item{
    padding-top: 1rem;
}

.modal-second-box {
    border-left:0.1rem solid #e6ebef;
    width: 35%;
    padding: 1rem;
    overflow-y: auto;
    max-height: 55vh;
}
.modal-2box .form_container {
    flex-grow: 1;
	overflow-y: auto;
}
.revert.modal-2box .form_container:not(.jsBox) > ul > li > div.form_question, .revert.modal-2box .form_container:not(.jsBox) > ul > li > fieldset > div.form_question {
    max-width: 25rem;
    width: 25rem;
}
.revert.modal-2box .form_container:not(.jsBox) > ul > li > div.form_answer, .revert.modal-2box .form_container:not(.jsBox) > ul > li > fieldset > div.form_answer {
    flex-grow: 1;
}
.not-resizable {
    resize: none;
}
.modal-second-box > div {
    border: 0.1rem solid #e6ebef;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}
.modal-second-box .paragraph {
    font-size: 1.4rem;
    line-height: 3rem;
    min-height: 3rem;
}

.esopPreviewFileDialogClass{
	width: 95% !important;
	height: 95% !important;
}
.esopPreviewFileDialogImgContainerClass {
	width: 100% !important;
	height: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.esopPreviewFileDialogImgClass{
	max-width: 100%;
	max-height: 100%;
}

.esopPreviewFileDialogTxtFrameClass{
	background-color: var(--navy40) !important;
	width: 100%;
	min-height: 100%;
	font-family: monospace;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
	border-style: inset;
	padding: 0.2em;
	overflow-y: auto;
	overflow-x: auto;
}


@media screen and (max-width: 500px) {
	.dijitDialog {
		width: calc(100% - 1rem)!important;
		min-width: unset;
		height: calc(100% - 1rem)!important;
		min-height: unset;
		left: 0!important;
	}
}

#previewFileWaitDialogDiv{
	background-color: transparent;
	box-shadow: none;
}
#previewFileWaitDialogDiv .dijitDialogTitleBar {
	display: none;
}
/* Progress.css */

.dijitProgressBarEmpty{	/* outer container and background of the bar that's not finished yet*/
	height: 2rem;
	position: relative;
	margin: 0.6rem 0;
	overflow: hidden;
	z-index:0;/* establish a stacking context for this progress bar */}

.dijitProgressBarFull{	/* outer container for background of bar that is finished */
	width: 100%;
	height:3rem;
	position: absolute;
	top: 0;
	z-index: -1;
	overflow: hidden;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	transition-duration: 3s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	transition-timing-function: linear; }

.dijitProgressBarTile{	/* inner container for finished portion */
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 100%;/* needed for IE/quirks */
	height: auto;
	background-color: var(--blue20)!important;
	background-attachment: fixed;}

.dijit_a11y .dijitProgressBarTile
{	border-width: 0.2rem;
	border-style: solid;
	background-color: transparent !important;}

.dj_ie6 .dijitProgressBarTile
{	/* width:auto works in IE6 with position:static but not position:absolute */
	position: static;
	/* height:auto or 100% does not work in IE6 */
	height: 1.6em;}

.dijitProgressBarLabel{
	width: 100%;
	max-height: 3rem;
	display: block;
	position: static;
	text-align: center;
	background-color: transparent !important;
}


	
.progressBarNoTransition
{	-webkit-transition-property: none !important;
	-moz-transition-property: none !important;
	transition-property: none !important;}

#progressDlg
{	text-align: center;
	width: 30rem;}
	#progressCloseBtn
	{	display: inline-block;
		text-align: right;
		width: 95%;}
		#progressCloseBtn > span
		{	cursor : pointer;}



.dijitProgressBarIndeterminate .dijitProgressBarTile
{	background: #efefef url(../gif/progressBarAnimvz6i.gif) repeat-x top;}
/* BS CALENDAR AND DATETEXTBOX CSS STYLE FILE */

/* next/previous month arrows */

.dj_ie6 .dijitCalendarDateTemplate {
    background-image: none;
}

.dijitCalendarPreviousMonth, .dijitCalendarNextMonth {
    background-color: transparent;
    background-image: none;
    border-bottom: solid 0.1rem #d3d3d3;
    /* todo: redundant with above .dijitCalendarDateTemplate rule */
}

.dijitCalendarDateTemplate .dijitCalendarDateLabel {
    text-decoration: none;
    display: block;
    padding: 0;
    border: none;
    /* intentionally matches background-color, no visible border until hover/selection */
    background-color: transparent;
    /* transparent causes black-flash animation problem on webkit */
    -webkit-transition-property: background-color, border;
    -moz-transition-property: background-color, border;
    transition-property: background-color, border;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.dijitCalendarYearControl {
    padding: 0.1rem 0.2rem 0.2rem 0.2rem;
}

/* End Normal Calendar Style */
/* Hovered Calendar Style */
.dijitCalendarHoveredDate .dijitCalendarDateLabel, .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
    background-color: transparent;
    border: none;
    color: unset;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

/* End Hovered Calendar Style */
/* Active Calendar Style */
.dijitCalendarNextYearActive, .dijitCalendarNextYear:active .dijitCalendarPreviousYearActive, .dijitCalendarPreviousYear:active {
    padding: 0 0.5rem 0 0.5rem;
    /* reduced by 1 to make room for border */

    background-color: #D3D3D3;
}

.dijitCalendarActiveDate .dijitCalendarDateLabel, .dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
    background-color: #D3D3D3;
    border: solid 0.1rem #ffffff;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.dj_ie6 .dijitCalendarActiveDate .dijitCalendarDateLabel {
    background-image: none;
}

/* End Active Calendar Style */
/* Selected Calendar Style */
.dijitCalendarSelectedDate .dijitCalendarDateLabel {
    background-color: #3779c0;
    border-color: #3779c0;
    color: #ffffff;
}

/* End Selected Calendar Style */
/* Disabled Calendar Style*/
.dijitCalendarDisabledDate .dijitCalendarDateLabel {
    color: #818181;
    text-decoration: line-through;
}

/* End Disabled Calendar Style */
/* Styling for month DropDownButton */
.dijitCalendar .dijitDropDownButton {
    margin: 0;
}

.dijitCalendar .dijitButtonText {
    margin-right: 0.2rem;
    padding: 0.1rem 0 0.3rem;
    padding-left: 0.7rem;
    text-align: left;
}
.dijitCalendar .dijitDropDownButton .dijitButtonNode {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    padding: 0;
}

/* Styling for month drop down list */
.dijitCalendarMonthMenu {
    border-color: #696969;
    background-color: #ffffff;
    text-align: center;
    background-image: none;
}

.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
    height: 3rem;
    display: flex;
    place-items: center;
    padding: 0.2rem 0;
    padding-left: 1rem;
    border-top: none;
    border-bottom: 0.1rem solid #ececec;
    border-left: 0.4rem solid #ffffff;
    text-align: center;
    background: #ffffff;
    transition: 0.3s;
}

.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover {
    background: #ffffff;
    border-color: #ececec;
    border-width: 0.1rem 0;
    border-left: 0.4rem solid #3779c0;
}
/* BUTTON */
.dijitArrowButtonInner {
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    border: 0;
}
.dijitButtonNode {
    border: none !important;
    /* rules for dijit.form.*Button widgets and arrow nodes on ComboBox, Spinner etc. */

    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;

    /* Node that is acting as a button -- may or may not be a BUTTON element */
    margin: 0;
    line-height: normal;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}


.dijitComboButton .dijitArrowButton {
    border-left-width: 0 !important;
    padding: 0.4rem 0.2rem 0.4rem 0.2rem;
    -moz-border-radius: 0 0.4rem 0.4rem 0;
    border-radius: 0 0.4rem 0.4rem 0;
}

/*arrow styles for down/up/left/right directions*/


.dijitLeftArrowButton .dijitArrowButtonInner {
    background-position: -7.7rem 53%;
}

.dijitRightArrowButton .dijitArrowButtonInner {
    background-position: -2.6rem 53%;
}

.dijitUpArrowButton .dijitArrowButtonInner {
    background-position: 0 53%;
}

.dijitDisabled .dijitArrowButtonInner {
    background-position: -15.1rem 53%;
}

.dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
    background-position: -17.7rem 53%;
}

.dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
    background-position: -12.6rem 53%;
}

.dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
    background-position: -10rem 53%;
}

.dijitButtonText {
    padding: 0 0.3em;
    text-align: center;
}







.dijitComboButtonDisabled .dijitArrowButton {
    border-left-width: 0;
}

/* for ComboButton */
table.dijitComboButton {
    border-collapse: separate;
    /* override dijit.css so that ComboBox rounded corners work */

}

.dj_ie6 .dijitButtonNode {
    background-image: none;
}

.dijitComboButton .dijitStretch {
    -moz-border-radius: 0.4rem 0 0 0.4rem;
    border-radius: 0.4rem 0 0 0.4rem;
}



/*------------SELECT*/
.dijitSelect .dijitButtonText {
    padding: 0.2rem;
}

/* normal status */
.dijitSelect {
    border: 0.1rem solid #b5bcc7;
    background-color: #ffffff;
    border-collapse: collapse;
    margin: 0.2em;
}

.dj_ie6 .dijitSelect, .dj_ie6 .dijitSelect .dijitButtonNode {
    background-image: none;
}

.dijitSelect .dijitButtonContents {
    border: 0 solid #b5bcc7;
    border-right-width: 0.1rem;
    padding: 0.5rem;
    background: transparent none;
    white-space: nowrap;
    text-align: left;
}

/* fixing dashboard arrow button width */
.dijitSelect .dijitArrowButton {
    padding: 0;
    border-top: none;
    background-color: #efefef;
    width: 1.8rem;
}

.dijitSelect .dijitArrowButton .dijitArrowButtonInner {
    background: url("../gif/map_open1wv7.gif") no-repeat scroll -0.2rem center rgba(0, 0, 0, 0);
    width: 1.6rem;
}

/* hover status */
.dijitSelectHover {
    border: 0.1rem solid #696969;
    background-color: #F0F2F4;
}

.dijitSelectHover .dijitButtonContents {
    border-color: #696969;
}

.dijitSelectHover .dijitArrowButton {
    background-color: #DADBDC;
}

/* focused status */
.dijitSelectFocused {
    border: 0.1rem solid #696969;
}

.dijitSelectFocused .dijitButtonContents {
    border-color: #696969;
}

.dijitSelectFocused .dijitArrowButton {
    background-color: #D3D3D3;
    background-position: 0 -17.7rem;
    border: none;
    padding: 0 0.1rem;
}

/* disable status */
.dijitSelectDisabled {
    border: 0.1rem solid #d3d3d3;
    background-color: #efefef;
    background-image: none;
    color: #818181;
}

.dijitSelectDisabled .dijitArrowButton {
    background-color: #efefef;
}

/* Dropdown menu style for select */
.dijitSelectMenu td.dijitMenuItemIconCell, .dijitSelectMenu td.dijitMenuArrowCell {
    /* so that arrow and icon cells from MenuItem are not displayed */
    display: none;
}

.dijitSelectMenu td.dijitMenuItemLabel {
    /* line up menu text with text in select box (in LTR and RTL modes) */
    padding: 0.2rem;
}

.dijitSelectMenu .dijitMenuSeparatorTop {
    border-bottom: 0.1rem solid #696969;
}

/*
	Essential styles that themes can inherit.
	In other words, works but doesn't look great.
*/




/****
		GENERIC PIECES
 ****/

.dijitInline {
    /*  To inline block elements.
        Similar to InlineBox below, but this has fewer side-effects in Moz.
        Also, apparently works on a DIV as well as a FIELDSET.
    */
    display: inline-block; /* webkit and FF3 */
    border: 0;
    padding: 0;
    vertical-align: middle;
}



.dijitHidden {
    /* To hide unselected panes in StackContainer etc. */
    display: none !important;
}

.dijitVisible {
    /* To show selected pane in StackContainer etc. */
    display: block !important; /* override user's display:none setting via style setting or indirectly via class */
    position: relative; /* to support setting width/height, see #2033 */
}

.dijitInputContainer {
    /* for positioning of placeHolder */
    overflow: hidden;
    float: none !important; /* needed by FF to squeeze the INPUT in */
    position: relative;
    vertical-align: middle;
}

.dj_ie input.dijitTextBox,
.dj_ie .dijitTextBox input {
    font-size: 100%;
    overflow-y: visible; /* inputs need help expanding when padding is added or line-height is adjusted */
    line-height: normal; /* strict mode */
}

.dijitTextBox .dijitSpinnerButtonContainer,
.dijitTextBox .dijitArrowButtonContainer,
.dijitTextBox .dijitValidationContainer {
    float: right;
    text-align: center;
}

.dijitTextBox input.dijitInputField {
    /* override unreasonable user styling of buttons and icons */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dijitTextBox .dijitValidationContainer {
    display: none;
}

.dijitTeeny {
    font-size: 0.1rem;
    line-height: 0.1rem;
}

.dijitOffScreen {
    position: absolute;
    left: 50%;
    top: -1000rem;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */


.dijitPositionOnly {
    /* Null out all position-related properties */
    padding: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    height: auto !important;
    width: auto !important;
}

.dijitNonPositionOnly {
    /* Null position-related properties */
    float: none !important;
    position: static !important;
    margin: 0 0 0 0 !important;
    vertical-align: middle !important;
}

.dijitBackgroundIframe {
    /* iframe used to prevent problems with PDF or other applets overlaying menus etc */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 0;
    padding: 0;
    margin: 0;
}

.dijitDisplayNone {
    /* hide something.  Use this as a class rather than element.style so another class can override */
    display: none !important;
}

.dijitContainer {
    /* for all layout containers */
    overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}












/****
		A11Y
 ****/

.dijitSpinner div.dijitArrowButtonInner {
    display: block; /* override previous rule */
}

.dijit_a11y .dijitA11ySideArrow {
    display: inline !important; /* display text instead */
    cursor: pointer;
}

/*
 * Since we can't use shading in a11y mode, and since the underline indicates today's date,
 * use a border to show the selected date.
 * Avoid screen jitter when switching selected date by compensating for the selected node's
 * border w/padding on other nodes.
 */
.dijit_a11y .dijitCalendarDateLabel {
    padding: 0.1rem;
    border: 0 !important;
}

.dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
    border-style: solid !important;
    border-width: 0.1rem !important;
    padding: 0;
}

.dijit_a11y .dijitCalendarDateTemplate {
    padding-bottom: 0.1em !important; /* otherwise bottom border doesn't appear on IE */
    border: 0 !important;
}

.dijit_a11y .dijitButtonNode {
    border: black outset medium !important;

    /* In claro, hovering a toolbar button reduces padding and adds a border.
     * Not needed in a11y mode since Toolbar buttons always have a border.
     */
    padding: 0 !important;
}

.dijit_a11y .dijitButtonContents {
    margin: 0.15em; /* Margin needed to make focus outline visible */
}

.dijit_a11y .dijitTextBoxReadOnly .dijitInputField,
.dijit_a11y .dijitTextBoxReadOnly .dijitButtonNode {
    border-style: outset !important;
    border-width: medium !important;
    border-color: #999 !important;
    color: #999 !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
    vertical-align: middle;
}

.dijitButtonNode .dijitArrowButtonInner {
    /* the arrow icon node */
    background: no-repeat center;
    width: 1.2rem;
    height: 1.2rem;
    direction: ltr; /* needed by IE/RTL */
}

/****
	3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
	These were added for rounded corners on dijit.form.*Button but never actually used.
 ****/

.dijitLeft {
    /* Left part of a 3-element border */
    background-position: left top;
    background-repeat: no-repeat;
}

.dijitStretch {
    /* Middle (stretchy) part of a 3-element border */
    white-space: nowrap; /* MOW: move somewhere else */
    background-repeat: repeat-x;
}

.dijitRight {
    /* Right part of a 3-element border */
    background-position: right top;
    background-repeat: no-repeat;
}

/* Buttons */
.dj_gecko .dijit_a11y .dijitButtonDisabled .dijitButtonNode {
    opacity: 0.5;
}

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
    /* outside of button */
    margin: 0.2em;
    vertical-align: middle;
}

.dijitButtonContents {
    display: block; /* to make focus border rectangular */
}

td.dijitButtonContents {
    display: table-cell; /* but don't affect Select, ComboButton */
}

.dijitButtonNode img {
    /* make text and images line up cleanly */
    vertical-align: middle;
}

.dijitToolbar .dijitComboButton {
    /* because Toolbar only draws a border around the hovered thing */
    border-collapse: separate;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
    margin: 0;
}

.dijitToolbar .dijitButtonContents {
    /* just because it used to be this way */
    padding: 0.1rem 0.2rem;
}


.dj_webkit .dijitToolbar .dijitDropDownButton {
    padding-left: 0.3em;
}

.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
    padding: 0;
}


.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer {
    /* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode)
    can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */
    line-height: inherit;
}

.dijitTextBox .dijitButtonNode {
    border-width: 0;
}

.dijitButtonNode,
.dijitButtonNode * {
    cursor: pointer;
}

.dj_ie .dijitButtonNode {
    /* ensure hasLayout */
    zoom: 1;
}

.dj_ie .dijitButtonNode button {
    /*
        disgusting hack to get rid of spurious padding around button elements
        on IE. MSIE is truly the web's boat anchor.
    */
    overflow: visible;
}

div.dijitArrowButton {
    float: right;
}

/* TextBox related. Everything that has an <input> */

.dijitTextBox {
    /*#overflow: hidden; !* #6027, #6067 *! è errato il nome dell'attributo, quindi è probabile che non abbia mai funzionato dal 2013*/
    width: 15em; /* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
    vertical-align: middle;

    border-color: #D1D6DB;
    background-color: #ffffff;
}

.dijitTextBoxReadOnly,
.dijitTextBoxDisabled {
    color: gray;
}


.dj_webkit .dijitTextBoxDisabled input {
    /* because WebKit lightens disabled input/textarea no matter what color you specify */
    color: #757575;
}

.dj_webkit textarea.dijitTextAreaDisabled {
    /* because WebKit lightens disabled input/textarea no matter what color you specify */

    color: #1b1b1b;
}

.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, /* disable arrow and validation presentation inputs but allow real input for text selection */
.dj_gecko .dijitTextBoxDisabled input {
    -moz-user-input: none; /* prevent focus of disabled textbox buttons */
}

::-webkit-input-placeholder {
    color: #AAAAAA;
    font-style: italic;
}

::-moz-placeholder /*Firefox 19+*/
{
    color: #6A6A6A;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #AAAAAA;
    font-style: italic;
}

.dijitPlaceHolder {
    letter-spacing: 0 !important;
    /* hint text that appears in a textbox until user starts typing */
    color:var(--grey20);
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
}

.dijitTimeTextBox {
    width: 8em;
}

/* rules for webkit to deal with fuzzy blue focus border */
.dijitTextBox input:focus {
    outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}

.dijitTextBoxFocused {
    outline: 0.5rem -webkit-focus-ring-color;
    background-color: #ffffff;
}
.dijitTextBox input {
    float: left; /* needed by IE to remove secret margin */
}

.dijitInputInner {
    /* for when an <input> is embedded inside an inline-block <div> with a size and border */
    border: 0 !important;
    vertical-align: middle !important;
    background-color: transparent !important;
    width: 100% !important;
    /* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dijit_a11y .dijitTextBox input {
    margin: 0 !important;
}

.dijitTextBoxError input.dijitValidationInner, .dijitTextBox input.dijitArrowButtonInner {
    /* <input> used to display arrow icon/validation icon, or in arrow character in high contrast mode.
     * The css below is a trick to hide the character in non-high-contrast mode
     */
    text-indent: -1em !important;
    direction: ltr !important;
    text-align: left !important;
    height: 2.4rem !important;
    margin-top: 0;
    width: 1.3rem;
}

.dj_ie7 .dijitTextBox input.dijitValidationInner,
.dj_ie7 .dijitTextBox input.dijitArrowButtonInner {
    line-height: 86%; /* IE7 problem where the icon is vertically too low w/o this - real input stays at normal */
}

.dj_ie6 .dijitTextBox input,
.dj_ie6 input.dijitTextBox,
.dj_iequirks .dijitTextBox input.dijitValidationInner,
.dj_iequirks .dijitTextBox input.dijitArrowButtonInner,
.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner,
.dj_iequirks .dijitTextBox input.dijitInputInner,
.dj_iequirks input.dijitTextBox {
    line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */
}


.dijitTextBoxError .dijitValidationContainer {
    display: none;
    cursor: default;
}

/* ComboBox & Spinner */

.dijitSpinner .dijitSpinnerButtonContainer {
    /* dividing line between input area and up/down button(s) for ComboBox and Spinner */
    border-width: 0 0 0 0.1rem !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
}

.dijitToolbar .dijitComboBox .dijitArrowButtonContainer {
    /* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */
    border-width: 0 !important;
}

.dijitComboBoxMenu {
    /* Drop down menu is implemented as <ul> <li/> <li/> ... but we don't want circles before each item */
    list-style-type: none;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
    /* dividing line between input area and up/down button(s) for ComboBox and Spinner */
    border-width: 0;
}

.dj_ie .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
    clear: both; /* IE workaround */
}

.dj_ie .dijitToolbar .dijitComboBox {
    /* make combobox buttons align properly with other buttons in a toolbar */
    vertical-align: middle;
}

/* Spinner */

.dijitTextBox .dijitSpinnerButtonContainer {
    width: 1em;
    position: relative !important;
    overflow: hidden;
}

.dijitSpinner .dijitSpinnerButtonInner {
    width: 1em;
    visibility: hidden !important; /* just a sizing element */
    overflow-x: hidden;
}

.dijitComboBox .dijitButtonNode,
.dijitSpinnerButtonContainer .dijitButtonNode {
    border-width: 0;
}

.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
    border: 0 none !important;
    border-width: 0.1rem 0 0 0;
    border-style: solid !important;
}
.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer,
.dijit_a11y .dijitSpinner .dijitArrowButtonInner,
.dijit_a11y .dijitSpinnerButtonContainer input {
    width: 1em !important;
}

.dijit_a11y .dijitSpinner .dijitArrowButtonInner {
    margin: 0 auto !important; /* should auto-center */
}

.dj_ie .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    padding-left: 0.3em !important;
    padding-right: 0.3em !important;
    margin-left: 0.3em !important;
    margin-right: 0.3em !important;
    width: 1.4em !important;
}

.dj_ie7 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    padding-left: 0 !important; /* manually center INPUT: character is .5em and total width = 1em */
    padding-right: 0 !important;
    width: 1em !important;
}

.dj_ie6 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    margin-left: 0.1em !important;
    margin-right: 0.1em !important;
    width: 1em !important;
}

.dj_iequirks .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 2em !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    /* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings
     * for dijit.form.Button
     */
    padding: 0;
    position: absolute !important;
    /*right: 0; valore ridondante probabilmente non ha mai fuzionato dal 2013*/
    float: none;
    height: 50%;
    width: 100%;
    bottom: auto;
    left: 0;
    right: auto;
}

.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: auto;
}

.dijit_a11y .dijitSpinnerButtonContainer .dijitArrowButton {
    overflow: visible !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
    top: 50%;
    border-top-width: 0.1rem !important;
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
    top: 0;
}

.dijitSpinner .dijitArrowButtonInner {
    margin: auto;
    overflow-x: hidden;
    height: 100% !important;
}

.dj_iequirks .dijitSpinner .dijitArrowButtonInner {
    height: auto !important;
}

.dijitSpinner .dijitArrowButtonInner .dijitInputField {
    -moz-transform: scale(0.5);
    -moz-transform-origin: center top;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: center top;
    -o-transform: scale(0.5);
    -o-transform-origin: center top;
    transform: scale(0.5);
    transform-origin: left top;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
    visibility: hidden;
}
.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    zoom: 50%; /* emulate transform: scale(0.5) */
}

.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner {
    overflow: hidden;
}

.dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: 100%;
}

.dj_iequirks .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
    width: 1em; /* matches .dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */
}



.dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
    vertical-align: top;
    visibility: visible;
}

.dijit_a11y .dijitSpinnerButtonContainer {
    width: 1em;
}



/* dijit.form.CheckBox dijit.form.RadioButton */

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
    padding: 0;
    border: 0;
    width: 1.6rem;
    height: 1.6rem;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.dijitCheckBox input,
.dijitRadio input {
    margin: 0;
    padding: 0;
    display: block;
}

.dijitCheckBoxInput {
    /* place the actual input on top, but all-but-invisible */
    opacity: 0.01;
}

.dj_ie .dijitCheckBoxInput {
    filter: alpha(opacity=0);
}

.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
    /* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */
    width: auto !important;
    height: auto !important;
}

.dijit_a11y .dijitCheckBoxInput {
    opacity: 1;
    filter: none;
    width: auto;
    height: auto;
}

/* dijit.ProgressBar */

.dijitProgressBarEmpty {
    /* outer container and background of the bar that's not finished yet*/
    position: relative;
    overflow: hidden;
    z-index: 0; /* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
    /* outer container for background of bar that is finished */
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    width: 100%;
}

.dj_ie6 .dijitProgressBarFull {
    height: 1.6em;
}

.dijitProgressBarTile {
    /* inner container for finished portion */
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%; /* needed for IE/quirks */
    height: auto;
    background-color: #aaa;
    background-attachment: fixed;
}

.dijit_a11y .dijitProgressBarTile {
    background-color: transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
    /* width:auto works in IE6 with position:static but not position:absolute */
    position: static;
    /* height:auto or 100% does not work in IE6 */
    height: 1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
    /* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage {
    display: none;
}

.dijitProgressBarLabel {
    display: block;
    position: static;
    width: 100%;
    text-align: center;
    background-color: transparent !important;
}

/* dijit.Tooltip */

.dijitTooltip {
    position: absolute;
    z-index: 2000;
    display: block;
    /* make visible but off screen */
    left: 0;
    top: -100rem;
    overflow: visible;
}

.dijitTooltipContainer {
    border: solid black 0.2rem;
    /* the part with the text */
    background-color: #ffffff;
    padding: 0.6rem 0.8rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
    font-size: 1em;
    color: #000000;
}
.dijitTooltipFocusNode {
    padding: 0.2rem;
}

.dijitTooltipConnector {
    position: absolute;
}

.dijit_a11y .dijitTooltipConnector {
    display: none; /* won't show b/c it's background-image; hide to avoid border gap */
}

.dijitTooltipData {
    display: none;
}

/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */

.dijitLayoutContainer {
    position: relative;
    display: block;
    overflow: hidden;
}

.dijitAlignTop,
.dijitAlignBottom,
.dijitAlignLeft,
.dijitAlignRight {
    position: absolute;
    overflow: hidden;
}

body .dijitAlignClient {
    position: absolute;
}

/*
 * BorderContainer
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
    position: relative;
    overflow: hidden;
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
    position: absolute !important; /* !important to override position:relative in dijitTabContainer etc. */
    z-index: 2; /* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
    /* On Safari, for SimpleTextArea inside a BorderContainer,
        don't want to display the grip to resize */
    resize: none;
}

.dijitGutter {
    /* gutter is just a place holder for empty space between panes in BorderContainer */
    position: absolute;
    font-size: 0.1rem; /* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/

.dijitSplitter {
    position: absolute;
    overflow: hidden;
    z-index: 10; /* above the panes so that splitter focus is visible on FF, see #7583*/
    background-color: #fff;
    border-color: gray;
    border-style: solid;
    border-width: 0;
}

.dj_ie .dijitSplitter {
    z-index: 1; /* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
    z-index: 11 !important;
}

.dijitSplitterCover {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dijitSplitterCoverActive {
    z-index: 3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover {
    background: white;
    filter: alpha(opacity=0);
}

.dijitSplitterH {
    height: 0.7rem;
    border-top: 0.1rem;
    border-bottom: 0.1rem;
    cursor: row-resize;
}

.dijitSplitterV {
    width: 0.7rem;
    border-left: 0.1rem;
    border-right: 0.1rem;
    cursor: col-resize;
}

.dijitSplitContainer {
    position: relative;
    overflow: hidden;
    display: block;
}

.dj_ff3 .dijit_a11y div.dijitSplitter:focus {
    outline-style: dotted;
    outline-width: 0.2rem;
}

.dijitSplitPane {
    position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
    position: absolute;
    font-size: 0.1rem;
    background-color: ThreeDFace;
    border: 0.1rem solid;
    border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
    margin: 0;
}

.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
    overflow: hidden;
    position: absolute;
    top: 49%;
}

.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
    position: absolute;
    left: 49%;
}

.dijitSplitterShadow,
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
    font-size: 0.1rem;
    background-color: ThreeDShadow;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    margin: 0;
}

.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH {
    cursor: col-resize;
}

.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
    cursor: row-resize;
}

.dijit_a11y .dijitSplitterH {
    border-top: 0.1rem solid #d3d3d3 !important;
    border-bottom: 0.1rem solid #d3d3d3 !important;
}

.dijit_a11y .dijitSplitterV {
    border-left: 0.1rem solid #d3d3d3 !important;
    border-right: 0.1rem solid #d3d3d3 !important;
}

/* ContentPane */

.dijitContentPane {
    display: block;
    overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
}

.dijitContentPaneSingleChild {
    /*
     * if the ContentPane holds a single layout widget child which is being sized to match the content pane,
     * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449
     */
    overflow: hidden;
}

.dijitContentPaneLoading .dijitIconLoading,
.dijitContentPaneError .dijitIconError {
    margin-right: 0.9rem;
}

/* TitlePane */

.dijitTitlePane {
    display: block;
    overflow: hidden;
}

.dijitTitlePaneTitle {
    cursor: pointer;
}

.dijitFixedOpen, .dijitFixedClosed {
    /* TitlePane that cannot be toggled */
    cursor: default;
}

.dijitTitlePaneTitle * {
    vertical-align: middle;
}

.dijitTitlePane .dijitArrowNodeInner {
    /* normally, hide arrow text in favor of icon */
    display: none;
}

.dijit_a11y .dijitTitlePane .dijitArrowNodeInner {
    /* ... except in a11y mode, then show text arrow */
    display: inline !important;
    font-family: monospace; /* because - and + are different widths */
}

.dijit_a11y .dijitTitlePane .dijitArrowNode {
    /* ... and hide icon */
    display: none;
}

.dj_ie6 .dijitTitlePaneContentOuter,
.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
    /* force hasLayout to ensure borders etc, show up */
    zoom: 1;
}

/* Color Palette
 * Sizes designed so that table cell positions match icons in underlying image,
 * which appear at 20x20 intervals.
 */

.dijitColorPalette {
    border: 0.1rem solid #999;
    background: #fff;
    position: relative;
}

.dijitColorPalette .dijitPaletteTable {
    /* Table that holds the palette cells, and overlays image file with color swatches.
     * padding/margin to align table with image.
     */
    padding: 0.2rem 0.3rem 0.3rem 0.3rem;
    position: relative;
    overflow: hidden;
    outline: 0;
    border-collapse: separate;
}

.dj_ie6 .dijitColorPalette .dijitPaletteTable,
.dj_ie7 .dijitColorPalette .dijitPaletteTable,
.dj_iequirks .dijitColorPalette .dijitPaletteTable {
    /* using padding above so that focus border isn't cutoff on moz/webkit,
     * but using margin on IE because padding doesn't seem to work
     */
    padding: 0;
    margin: 0.2rem 0.3rem 0.3rem 0.3rem;
}

.dijitColorPalette .dijitPaletteCell {
    /* <td> in the <table> */
    font-size: 0.1rem;
    vertical-align: middle;
    text-align: center;
    background: none;
}

.dijitColorPalette .dijitPaletteImg {
    /* Called dijitPaletteImg for back-compat, this actually wraps the color swatch with a border and padding */
    padding: 0.1rem; /* white area between gray border and color swatch */
    border: 0.1rem solid #999;
    margin: 0.2rem 0.1rem;
    cursor: default;
    font-size: 0.1rem; /* prevent <span> from getting bigger just to hold a character */
}

.dj_gecko .dijitColorPalette .dijitPaletteImg {
    padding-bottom: 0; /* workaround rendering glitch on FF, it adds an extra pixel at the bottom */
}

.dijitColorPalette .dijitColorPaletteSwatch {
    /* the actual part where the color is */
    width: 1.4rem;
    height: 1.2rem;
}

.dijitPaletteTable td {
    padding: 0;
}

.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg {
    /* hovered color swatch */
    border: 0.1rem solid #000;
}

.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,
.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg {
    border: 0.2rem solid #000;
    margin: 0.1rem 0; /* reduce margin to compensate for increased border */
}


.dijit_a11y .dijitColorPalette .dijitPaletteTable,
.dijit_a11y .dijitColorPalette .dijitPaletteTable * {
    /* table cells are to catch events, but the swatches are in the PaletteImg behind the table */
    background-color: transparent !important;
}

/* AccordionContainer */

.dijitAccordionContainer {
    border: 0.1rem solid #b7b7b7;
    border-top: 0 !important;
}

.dijitAccordionTitle {
    cursor: pointer;
}

.dijitAccordionTitleSelected {
    cursor: default;
}

.dijit_a11y .dijitAccordionTitle .arrowTextUp,
.dijit_a11y .dijitAccordionTitleSelected .arrowTextDown {
    display: inline;
}

.dijit_a11y .dijitAccordionTitleSelected .arrowTextUp {
    display: none;
}

.dijitAccordionChildWrapper {
    /* this is the node whose height is adjusted */
    overflow: hidden;
}

/* Calendar */











.dijitCalendarIncrementControl,
.dijitCalendarDateTemplate,
.dijitCalendarMonthLabel,
.dijitCalendarPreviousYear,
.dijitCalendarNextYear {
    cursor: pointer;
}

.dijitCalendarDisabledDate {
    color: gray;
    text-decoration: line-through;
    cursor: default;
}

.dijitSpacer {
    /* don't display it, but make it affect the width */
    position: relative;
    height: 0.1rem;
    overflow: hidden;
    visibility: hidden;
}

/* Styling for month drop down list */



/* Menu */

.dijitMenu {
    border: none;
    background-color: white;
}

.dijitMenuTable {
    border-collapse: collapse;
    border-width: 0;
    background-color: white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"] {
    border-right: hidden;
}

.dijitMenuItem {
    text-align: left;
    white-space: nowrap;
    padding: .1em .2em;
    cursor: pointer;
    position: relative;
    text-indent: 1.5rem;
}
.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
    /*
     * dijitMenuItemHover refers to actual mouse over
     * dijitMenuItemSelected is used after a menu has been "activated" by
     * clicking it, tabbing into it, or being opened from a parent menu,
     * and denotes that the menu item has focus or that focus is on a child
     * menu
     */
    background-color: black;
    color: white;
}

.dijitMenuItem > div {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0.5rem 3rem 0.3rem 0;
}
.dijitMenuItem .SvgSize16 {
    width: 2rem;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 1rem;
    padding-bottom: 0.3rem;
}

.dijitMenuItemIcon, .dijitMenuExpand {
    background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
    /* for a disabled menu item, just set it to mostly transparent */
    opacity: 0.5;
    cursor: default;
}

.dj_ie .dijit_a11y .dijitMenuItemDisabled,
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
    color: gray !important;
    filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
    position: relative;
    vertical-align: middle;
}

.dijit_a11y .dijitMenuItemSelected {
    border: 0.1rem dotted black !important;
}

.dj_ff3 .dijit_a11y .dijitMenuItem td {
    padding: 0 !important;
    background: none !important;
}

.dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
    border-width: 0.1rem;
    border-style: solid;
}

.dj_ie8 .dijit_a11y .dijitMenuItemLabel {
    position: static;
}

.dijitMenuExpandA11y {
    display: none;
}

.dijit_a11y .dijitMenuExpandA11y {
    display: inline;
}

.dijitMenuSeparator td {
    border: 0;
    padding: 0;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
    height: 50%;
    margin: 0;
    margin-top: 0.3rem;
    font-size: 0.1rem;
}

.dijitMenuSeparatorBottom {
    height: 50%;
    margin: 0;
    margin-bottom: 0.3rem;
    font-size: 0.1rem;
}

/* the checked menu item */
.dijitCheckedMenuItemIconChar {
    vertical-align: middle;
    visibility: hidden;
}

.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar {
    visibility: visible;
}

.dijit_a11y .dijitCheckedMenuItemIconChar {
    display: inline !important;
}

.dijit_a11y .dijitCheckedMenuItemIcon {
    display: none;
}


/* StackContainer */

.dijitStackController .dijitToggleButtonChecked * {
    cursor: default; /* because pressing it has no effect */
}

/* TabContainer */

.dijitTabContainerNoLayout {
    width: 100%; /* otherwise ScrollingTabController goes to 50K pixels wide */
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
    overflow: visible !important; /* so tabs can cover up border adjacent to container */
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
    z-index: 0;
    overflow: hidden;
    border: 0.1rem solid black;
}

.nowrapTabStrip {
    width: 500rem;
    display: block;
    position: relative;
    text-align: left; /* just in case ancestor has non-standard setting */
}

.dijitTabListWrapper {
    overflow: hidden;
}

.dijit_a11y .tabStripButton img {
    /* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
    display: none;
}

.dijitTabContainerTop-tabs {
    border-bottom: 0.1rem solid black;
}

.dijitTabContainerTop-container {
    border-top: 0;
}

.dijitTabContainerLeft-tabs {
    border-right: 0.1rem solid black;
    float: left;
}

.dijitTabContainerLeft-container {
    border-left: 0;
}

.dijitTabContainerBottom-tabs {
    border-top: 0.1rem solid black;
}

.dijitTabContainerBottom-container {
    border-bottom: 0;
}

.dijitTabContainerRight-tabs {
    border-left: 0.1rem solid black;
    float: left;
}

.dijitTabContainerRight-container {
    border-right: 0;
}

div.dijitTabDisabled, .dj_ie div.dijitTabDisabled {
    cursor: auto;
}

.dijitTab {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    z-index: 3;
}

.dijitTab * {
    /* make tab icons and close icon line up w/text */
    vertical-align: middle;
}

.dijitTabChecked {
    cursor: default; /* because clicking will have no effect */
}

.dijitTabContainerTop-tabs .dijitTab {
    top: 0.1rem; /* to overlap border on .dijitTabContainerTop-tabs */
}

.dijitTabContainerBottom-tabs .dijitTab {
    top: 0.1rem; /* to overlap border on .dijitTabContainerBottom-tabs */
}

.dijitTabContainerLeft-tabs .dijitTab {
    left: 0.1rem; /* to overlap border on .dijitTabContainerLeft-tabs */
}

.dijitTabContainerRight-tabs .dijitTab {
    left: -0.1rem; /* to overlap border on .dijitTabContainerRight-tabs */
}


.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
    /* Inline-block */
    display: inline-block; /* webkit and FF3 */
}

.dijitTabInnerDiv {
    position: relative;
}


.tabStripButton {
    z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
    display: none;
}


.dijitTabCloseButton {
    margin-left: 1em;
}

.dijitTabCloseText {
    display: none;
}

.dijitTab .tabLabel {
    /* make sure tabs w/close button and w/out close button are same height, even w/small (<15px) font.
     * assumes <=15px height for close button icon.
     */
    min-height: 1.5rem;
    display: inline-block;
}

.dijitNoIcon {
    /* applied to <img>/<span> node when there is no icon specified */
    display: none;
}

.dj_ie6 .dijitTab .dijitNoIcon {
    /* because min-height (on .tabLabel, above) doesn't work on IE6 */
    display: inline;
    height: 1.5rem;
    width: 0.1rem;
}

/* images off, high-contrast mode styles */

.dijit_a11y .dijitTabCloseButton {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
}

.dijit_a11y .dijitTabCloseText {
    display: inline;
}

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
    /* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
     * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
     */
    border: none !important;
}

/* InlineEditBox */
.dijitInlineEditBoxDisplayMode {
    border: 0.1rem solid transparent; /* so keyline (border) on hover can appear without screen jump */
    cursor: text;
}

.dijit_a11y .dijitInlineEditBoxDisplayMode,
.dj_ie6 .dijitInlineEditBoxDisplayMode {
    /* except that IE6 doesn't support transparent borders */
    border: none;
}

.dijitInlineEditBoxDisplayModeHover,
.dijit_a11y .dijitInlineEditBoxDisplayModeHover,
.dj_ie6 .dijitInlineEditBoxDisplayModeHover {
    /* An InlineEditBox in view mode (click this to edit the text) */
    background-color: #e2ebf2;
    border: solid 0.1rem black;
}

.dijitInlineEditBoxDisplayModeDisabled {
    cursor: default;
}

/* Tree */
.dijitTree {
    overflow: auto; /* for scrollbars when Tree has a height setting, and to prevent wrapping around float elements, see #11491 */
}

.dijitTreeIndent {
    /* amount to indent each tree node (relative to parent node) */
    width: 1.9rem;
}

.dijitTreeRow, .dijitTreeContent {
    white-space: nowrap;
}

.dijitTreeRow img {
    /* make the expando and folder icons line up with the label */
    vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
    display: none;
}

.dijit_a11y .dijitExpandoText {
    display: inline;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: monospace;
    border-style: solid;
    border-width: thin;
    cursor: pointer;
}

.dijitTreeLabel {
    margin: 0 0.4rem;
}

.dijitDialog {
    position: absolute;
    z-index: 999;
    overflow: hidden; /* override overflow: auto; from ContentPane to make dragging smoother */
}

.dijitDialogTitleBar {
    cursor: move;
}

.dijitDialogFixed .dijitDialogTitleBar {
    cursor: default;
}

#waitDialogDiv{
    background-color: transparent;
    box-shadow: none;
}
#waitDialogDiv .dijitDialogTitleBar {
    display: none;
}

.dijitDialogCloseIcon {
    cursor: pointer;
}

.dijitDialogUnderlayWrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
    display: none;
    background: transparent !important;
}

.dijitDialogUnderlay {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
    filter: alpha(opacity=50);
}

.dijit_a11y .dijitSpinnerButtonContainer,
.dijit_a11y .dijitDialog {
    opacity: 1 !important;
    background-color: white !important;
}


.dijit_a11y .dijitDialog .closeText {
    display: inline;
}

.dijitSliderMoveable {
    z-index: 99;
    position: absolute !important;
    display: block;
    vertical-align: middle;
}

.dijitSliderMoveableH {
    right: 0;
}

.dijitSliderMoveableV {
    right: 50%;
}

.dijit_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
    margin: 0;
    padding: 0;
    position: relative !important;
    border: 0.8rem solid gray;
    width: 0;
    height: 0;
    cursor: pointer;
}

.dj_iequirks .dijit_a11y .dijitSliderImageHandle {
    font-size: 0;
}

.dj_ie7 .dijitSliderImageHandle {
    overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */
}

.dj_ie7 .dijit_a11y .dijitSliderImageHandle {
    overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */
}

.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
    border: 0.4rem solid #000;
    height: 0.8rem;
    width: 0.8rem;
}

.dijitSliderImageHandleV {
    top: -0.8rem;
    right: -50%;
}

.dijitSliderImageHandleH {
    left: 50%;
    top: -0.5rem;
    vertical-align: top;
}

.dijitSliderBar {
    border-style: solid;
    border-color: black;
    cursor: pointer;
}

.dijitSliderBarContainerV {
    position: relative;
    height: 100%;
    z-index: 1;
}

.dijitSliderBarContainerH {
    position: relative;
    z-index: 1;
}

.dijitSliderBarH {
    height: 0.4rem;
    border-width: 0.1rem 0;
}

.dijitSliderBarV {
    width: 0.4rem;
    border-width: 0 0.1rem;
}

.dijitSliderProgressBar {
    background-color: red;
    z-index: 1;
}

.dijitSliderProgressBarV {
    position: static !important;
    height: 0;
    vertical-align: top;
    text-align: left;
}

.dijitSliderProgressBarH {
    position: absolute !important;
    width: 0;
    vertical-align: middle;
    overflow: visible;
}

.dijitSliderRemainingBar {
    overflow: hidden;
    background-color: transparent;
    z-index: 1;
}

.dijitSliderRemainingBarV {
    height: 100%;
    text-align: left;
}

.dijitSliderRemainingBarH {
    width: 100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
    overflow: hidden;
    z-index: 1;
}

.dijitSliderBumperV {
    width: 0.4rem;
    height: 0.8rem;
    border-width: 0 0.1rem;
}

.dijitSliderBumperH {
    width: 0.8rem;
    height: 0.4rem;
    border-width: 0.1rem 0;
}

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
    background-color: red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
    background-color: transparent;
}

.dijitSliderDecoration {
    text-align: center;
}

.dijitSliderDecorationC,
.dijitSliderDecorationV {
    position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */
}

.dijitSliderDecorationH {
    width: 100%;
}

.dijitSliderDecorationV {
    height: 100%;
}

.dijitSliderButton {
    font-family: monospace;
    margin: 0;
    padding: 0;
    display: block;
}

.dijit_a11y .dijitSliderButtonInner {
    visibility: visible !important;
}

.dijitSliderButtonContainer {
    text-align: center;
    height: 0; /* ??? */
}

.dijitSliderButtonContainer * {
    cursor: pointer;
}

.dijitSlider .dijitButtonNode {
    padding: 0;
    display: block;
}

.dijitRuleContainer {
    position: relative;
    overflow: visible;
}

.dijitRuleContainerV {
    height: 100%;
    line-height: 0;
    float: left;
    text-align: left;
}

.dj_opera .dijitRuleContainerV {
    line-height: 2%;
}

.dj_ie .dijitRuleContainerV {
    line-height: normal;
}

.dj_gecko .dijitRuleContainerV {
    margin: 0 0 0.1rem 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark {
    position: absolute;
    border: 0.1rem solid black;
    line-height: 0;
    height: 100%;
}

.dijitRuleMarkH {
    width: 0;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
}

.dijitRuleLabelContainer {
    position: absolute;
}

.dijitRuleLabelContainerH {
    text-align: center;
    display: inline-block;
}

.dijitRuleLabelH {
    position: relative;
    left: -50%;
}

.dijitRuleLabelV {
    /* so that long labels don't overflow to multiple rows, or overwrite slider itself */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dijitRuleMarkV {
    height: 0;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    width: 100%;
    left: 0;
}

.dj_ie .dijitRuleLabelContainerV {
    margin-top: -.55em;
}

.dijit_a11y .dijitSliderReadOnly,
.dijit_a11y .dijitSliderDisabled {
    opacity: 0.6;
}

.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar {
    filter: alpha(opacity=40);
}

/* + and - Slider buttons: override theme settings to display icons */
.dijit_a11y .dijitSlider .dijitSliderButtonContainer div {
    font-family: monospace; /* otherwise hyphen is larger and more vertically centered */
    font-size: 1em;
    line-height: 1em;
    height: auto;
    width: auto;
    margin: 0 0.4rem;
}

/* TextArea, SimpleTextArea */
.dijitTextArea {
    width: 100%;
    overflow-y: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */
}

.dijitTextArea[cols] {
    width: auto; /* SimpleTextArea cols */
}

.dj_ie .dijitTextAreaCols {
    width: auto;
}

.dijitExpandingTextArea {
    /* for auto exanding textarea (called Textarea currently, rename for 2.0) don't want to display the grip to resize */
    resize: none;
}


/* Toolbar
 * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file.
 */

.dijitToolbarSeparator {
    height: 1.8rem;
    width: 0.5rem;
    padding: 0 0.1rem;
    margin: 0;
}

/* Editor */
.dijitIEFixedToolbar {
    position: absolute;
    top: expression(eval((document.documentElement||document.body).scrollTop));
}

.dijitEditor {
    display: block; /* prevents glitch on FF with InlineEditBox, see #8404 */
}

.dijitEditorDisabled,
.dijitEditorReadOnly {
    color: gray;
}

/* TimePicker */

.dijitTimePickerItemInner {
    text-align: center;
    border: 0;
    padding: 0.2rem 0.8rem 0.2rem 0.8rem;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
    border-bottom: 0.1rem solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
    border-top: none !important;
}

.dijitTimePickerTick {
    color: #CCC;
}

.dijitTimePickerMarker {
    color: black;
    background-color: #CCC;
}

.dijitTimePickerItemSelected {
    font-weight: bold;
    color: #333;
    background-color: #e7e9ef;
}

.dijitTimePickerItemHover {
    background-color: gray;
    color: white;
    cursor: pointer;
}

.dijit_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner {
    border: solid 0.4rem black;
}

.dijit_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner {
    border: dashed 0.4rem black;
}


.dijitToggleButtonIconChar {
    /* character (instead of icon) to show that ToggleButton is checked */
    display: none !important;
}

.dijit_a11y .dijitToggleButton .dijitToggleButtonIconChar {
    display: inline !important;
    visibility: hidden;
}

.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText {
    font-family: Arial Unicode MS, sans-serif; /* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */
}

.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
   visibility: visible !important;
}

.dijitArrowButtonChar {
    display: inline-block !important;
}
.dijit_a11y .dijitArrowButtonChar {
    display: inline !important;
}

.dijit_a11y .dijitDropDownButton .dijitArrowButtonInner,
.dijit_a11y .dijitComboButton .dijitArrowButtonInner {
    display: none !important;
}

/* Select */


.dj_ie .dijitSelect,
.dj_ie7 .dijitSelect,
.dj_iequirks .dijitSelect {
    vertical-align: middle; /* Set this back for what we hack in dijit inline */
}

.dj_ie8 .dijitSelect .dijitButtonText {
    vertical-align: top;
}

.dijitToolbar .dijitSelect {
    margin: 0;
}

.dj_webkit .dijitToolbar .dijitSelect {
    padding-left: 0.3em;
}

.dijit_a11y .dijitSelectDisabled .dijitButtonNode {
    border-style: outset !important;
    border-width: medium !important;
    border-color: #999 !important;
    color: #999 !important;
}

.dijitSelectFixedWidth .dijitButtonContents {
    width: 100%;
}

.dijitSelectMenu .dijitMenuItemIcon {
    /* avoid blank area in left side of menu (since we have no icons) */
    display: none;
}

.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
    /* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
    position: static;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dijitSelectLabel * {
    vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dijitSelectSelectedOption * {
    font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dijitSelectMenu {
    border-width: 0.1rem;
}

/* Style the different areas of the button to look like a "real" dropdown */
/* Remove margins on the sub-table */
.dijitSelectMenu .dijitMenuTable {
    margin: 0;
    background-color: transparent;
}

/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */
.dijitForceStatic {
    position: static !important;
}

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled {
    /* a region the user would be able to click on, but it's disabled */
    cursor: default;
}

.dijitIconSave,
.dijitIconPrint,
.dijitIconCut,
.dijitIconCopy,
.dijitIconClear,
.dijitIconDelete,
.dijitIconUndo,
.dijitIconEdit,
.dijitIconNewTask,
.dijitIconEditTask,
.dijitIconEditProperty,
.dijitIconTask,
.dijitIconFilter,
.dijitIconConfigure,
.dijitIconSearch,
.dijitIconApplication,
.dijitIconBookmark,
.dijitIconChart,
.dijitIconConnector,
.dijitIconDatabase,
.dijitIconDocuments,
.dijitIconMail,
.dijitLeaf,
.dijitIconFile,
.dijitIconFunction,
.dijitIconKey,
.dijitIconPackage,
.dijitIconSample,
.dijitIconTable,
.dijitIconUsers,
.dijitFolderClosed,
.dijitIconFolderClosed,
.dijitFolderOpened,
.dijitIconFolderOpen,
.dijitIconError {
    background-image: url('../png/commonIconsObjActEnabled6elh.png'); /* Contains both object and action icons in a sprite image for the enabled state.  */
    width: 1.6rem;
    height: 1.6rem;
}

.dj_ie6 .dijitIconSave,
.dj_ie6 .dijitIconPrint,
.dj_ie6 .dijitIconCut,
.dj_ie6 .dijitIconCopy,
.dj_ie6 .dijitIconClear,
.dj_ie6 .dijitIconDelete,
.dj_ie6 .dijitIconUndo,
.dj_ie6 .dijitIconEdit,
.dj_ie6 .dijitIconNewTask,
.dj_ie6 .dijitIconEditTask,
.dj_ie6 .dijitIconEditProperty,
.dj_ie6 .dijitIconTask,
.dj_ie6 .dijitIconFilter,
.dj_ie6 .dijitIconConfigure,
.dj_ie6 .dijitIconSearch,
.dj_ie6 .dijitIconApplication,
.dj_ie6 .dijitIconBookmark,
.dj_ie6 .dijitIconChart,
.dj_ie6 .dijitIconConnector,
.dj_ie6 .dijitIconDatabase,
.dj_ie6 .dijitIconDocuments,
.dj_ie6 .dijitIconMail,
.dj_ie6 .dijitLeaf,
.dj_ie6 .dijitIconFile,
.dj_ie6 .dijitIconFunction,
.dj_ie6 .dijitIconKey,
.dj_ie6 .dijitIconPackage,
.dj_ie6 .dijitIconSample,
.dj_ie6 .dijitIconTable,
.dj_ie6 .dijitIconUsers,
.dj_ie6 .dijitFolderClosed,
.dj_ie6 .dijitIconFolderClosed,
.dj_ie6 .dijitFolderOpened,
.dj_ie6 .dijitIconFolderOpen,
.dj_ie6 .dijitIconError {
    background-image: url('../png/commonIconsObjActEnabled8bity8tz.png');
}

.dijitDisabled .dijitIconSave,
.dijitDisabled .dijitIconPrint,
.dijitDisabled .dijitIconCut,
.dijitDisabled .dijitIconCopy,
.dijitDisabled .dijitIconClear,
.dijitDisabled .dijitIconDelete,
.dijitDisabled .dijitIconUndo,
.dijitDisabled .dijitIconEdit,
.dijitDisabled .dijitIconNewTask,
.dijitDisabled .dijitIconEditTask,
.dijitDisabled .dijitIconEditProperty,
.dijitDisabled .dijitIconTask,
.dijitDisabled .dijitIconFilter,
.dijitDisabled .dijitIconConfigure,
.dijitDisabled .dijitIconSearch,
.dijitDisabled .dijitIconApplication,
.dijitDisabled .dijitIconBookmark,
.dijitDisabled .dijitIconChart,
.dijitDisabled .dijitIconConnector,
.dijitDisabled .dijitIconDatabase,
.dijitDisabled .dijitIconDocuments,
.dijitDisabled .dijitIconMail,
.dijitDisabled .dijitLeaf,
.dijitDisabled .dijitIconFile,
.dijitDisabled .dijitIconFunction,
.dijitDisabled .dijitIconKey,
.dijitDisabled .dijitIconPackage,
.dijitDisabled .dijitIconSample,
.dijitDisabled .dijitIconTable,
.dijitDisabled .dijitIconUsers,
.dijitDisabled .dijitFolderClosed,
.dijitDisabled .dijitIconFolderClosed,
.dijitDisabled .dijitFolderOpened,
.dijitDisabled .dijitIconFolderOpen,
.dijitDisabled .dijitIconError {
    background-image: url('../png/commonIconsObjActDisabled2n8l.png'); /* Contains both object and action icons as a sprite image for the disabled state. These would be used by buttons and menus.   */
}

/*Action icons*/
.dijitIconSave {
    background-position: 0;
}

.dijitIconPrint {
    background-position: -1.6rem;
}

.dijitIconCut {
    background-position: -3.2rem;
}

.dijitIconCopy {
    background-position: -4.8rem;
}

.dijitIconClear {
    background-position: -6.4rem;
}

.dijitIconDelete {
    background-position: -8rem;
}

.dijitIconUndo {
    background-position: -9.6rem;
}

.dijitIconEdit {
    background-position: -11.2rem;
}

.dijitIconNewTask {
    background-position: -12.8rem;
}

.dijitIconEditTask {
    background-position: -14.4rem;
}

.dijitIconEditProperty {
    background-position: -16.6rem;
}

.dijitIconTask {
    background-position: -17.6rem;
}

.dijitIconFilter {
    background-position: -19.2rem;
}

.dijitIconConfigure {
    background-position: -20.8rem;
}

.dijitIconSearch {
    background-position: -22.4rem;
}

.dijitIconError {
    background-position: -49.6rem;
}

/*Object icons*/
.dijitIconApplication {
    background-position: -24rem;
}

.dijitIconBookmark {
    background-position: -25.6rem;
}

.dijitIconCh /* =========== hacks for browsers =========================/*
/* it seems the art { background-position: -272px; }
.dijitIconConnector { background-position: -288px; }
.dijitIconDatabase { background-position: -304px; }
.dijitIconDocuments { background-position: -320px; }
.dijitIconMail { background-position: -336px; }
.dijitIconFile, .dijitLeaf { background-position: -352px; }
.dijitIconFunction { background-position: -368px; }
.dijitIconKey { background-position: -384px; }
.dijitIconPackage{ background-position: -400px; }
.dijitIconSample { background-position: -416px; }
.dijitIconTable { background-position: -432px; }
.dijitIconUsers { background-position: -448px; }


/*Tree folder icons*/
.dijitIconFolderClosed, .dijitFolderClosed {
    background-position: -46.4rem;
}

.dijitIconFolderOpen, .dijitFolderOpened {
    background-position: -48rem;
}

/*Loading animation*/
.dijitIconLoading {
    background: url('../gif/loadingAnimation_rtlf9vx.gif') no-repeat;
    height: 2rem;
    width: 2rem;
}

.dijitTextBox, .dijitInputInner {
    color: #000000;
}



.dijitTextBoxError .dijitValidationIcon {
    width: 0;
    background-color: transparent !important;
    border: 0;
    /* so the INPUT doesn't obscure the border in rtl+a11y */

}

/* Padding for the input area of TextBox based widgets, and corresponding padding for the
 * down arrow button and the placeholder.   placeholder is explicitly listed  because
 * dijitPlaceHolder is absolutely positioned, so padding set on dijitInputField
 * won't affect it
 */
.dijitTextArea, .dijitInputField .dijitPlaceHolder {
    padding: 0.2rem;
}

.dijitTextBox .dijitInputField {
    padding:0 0.2rem 0.1rem 0.2rem;
    height: 3.6rem;
    line-height: 3.5rem;
    display: flex;
    padding-left: 1rem;
}
.dj_gecko .dijitTextBox .dijitInputInner, .dj_webkit .dijitTextBox .dijitInputInner {
    padding: 1.7rem 0;
    padding-right: 4rem !important;
}

.dijitTextBox, .dijitTextBox .dijitButtonNode {
    /* color for (outer) border on *TextBox widgets, and border between input and buttons on ComboBox and Spinner */

    border-color: #6A727C;
    border-radius: 0;
    -webkit-transition-property: background-color, border;
    -moz-transition-property: background-color, border;
    transition-property: background-color, border;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.sayt-tag.saytTagWidth.lazy-store .dijitInputField .dijitPlaceHolder.dijitInputField{
    max-width: 33rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* hover */
.dijitTextBoxHover, .dijitTextBoxHover .dijitButtonNode {
    border-color: #000000!important;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.dijitTextBoxHover {
    background-color: #ffffff;
}

/* erro=========== hacks for browsers =========================*/
/* it seems the r state */
.dijitTextBoxError, .dijitTextBoxError .dijitButtonNode {
    border-color: #d46464;
}

.dijitTextBoxError, .dijitTextBoxError .dijitInputContainer {
    background-color: #ffffff;
}

/* focused state */
.dijitTextBoxFocused, .dijitTextBoxFocused .dijitButtonNode {
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
}



.dijitTextBoxFocused .dijitInputContainer {
    background: #ffffff;
}

.dijitTextBoxErrorFocused, .dijitTextBoxErrorFocused .dijitButtonNode {
    border-color: #ce5050;
}

/* disabled state */
.dijitTextBoxDisabled, .dijitTextBoxDisabled .dijitButtonNode {
    border-color: #d3d3d3;
}

.dijitTextBoxDisabled, .dijitTextBoxDisabled .dijitInputContainer {
    /*background-color: #efefef; ALBY commented because should be another grey*/
    background-image: none;
}

.dijitTextBoxDisabled, .dijitTextBoxDisabled .dijitInputInner {
    color: #818181;
}





/* ========================= for special widgets =========================*/
/* Input boxes with an arrow (for a drop down) */
.dijitComboBox .dijitArrowButtonInner {
    background-image: url("../png/commonFormArrowsas2r.png");
    background-position: -3.8rem 0.8rem;
    background-repeat: no-repeat;
    margin: 0;
    width: 1.6rem;
    border: 0 !important;
}

.dijitToolbar .dijitComboBox .dijitArrowButtonInner {
    border: none;
}


/* Add 1px vertical padding to the <input> where user types and the validation icon,
   to match the 1px border on arrow button */
.dijitTextBox .dijitInputInner, .dijitTextBox .dijitValidationContainer {
    padding: 0.1rem 0;
}

.dijitComboBox .dijitButtonNode {
    width: 2.2rem;
    height: 2.2rem;
    position: relative;
    top: 0.2rem;
    right: 0.7rem;
    background-color: transparent;
    border-left: 0.1rem solid #D1D6DB;
    border-radius: 0 0.35rem 0.35rem 0;
    z-index: 1;
}
/* Arrow "hover" effect:
 * The arrow button should change color whenever the mouse is in a position such that clicking it
 * will toggle the drop down.   That's either (1) anywhere over the ComboBox or (2) over the arrow
 * button, depending on the openOnClick setting for the widget.
 */

/*
.dijitComboBoxOpenOnClickHover .dijitButtonNode, .dijitComboBox .dijitDownArrowButtonHover {
    background-color: #F0F2F4;
}
test remove line for delete hover effect to arrow drop down filter
*/

.dijitComboBoxOpenOnClickHover .dijitArrowButtonInner, .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner {
    background-position: -7.2rem 0.8rem;
}
/* Arrow Button change when drop down is open */
.dijitComboBox .dijitHasDropDownOpen {
    background-color: #D3D3D3;
    background-position: 0 -17.7rem;
    padding: 0.1rem;
}

.dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner {
    background-position: -7.1rem 53%;
    margin-top: 0;
    border: 0 none;
}

/* disabled state */
div.dijitComboBoxDisabled .dijitArrowButtonInner {
    /* specific selector set to override background-position setting from Button.js
       * ( .dijitComboBoxDisabled .dijitArrowButtonInner) */

    background-position: 0 50%;
    background-color: #efefef;
}

/* ========================= hacks for browsers =========================*/
/* it seems the input[type="hidden"] has a height (16px) too... this may cause the widget's height calculate error */
.dj_ff3 .dijitInputField input[type="hidden"] {
    display: none;
    height: 0;
    width: 0;
}

/* ie6 doesn't support transparent background img */
.dj_ie6 .dijitTextBox, .dj_ie6 .dijitComboBox .dijitButtonNode {
    background-image: none;
}

.dj_borderbox .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner {
    width: 1.8rem;
}

.dj_borderbox .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner {
    width: 1.6rem;
}



.dijitTooltipRight {
    padding-left: 1.4rem;
}

.dijitTooltipRight .dijitTooltipConnector {
    /* the arrow piece for tooltips to the right of an element, bottom borders aligned */

    left: 0;
    background-position: -4.8rem 0;
    width: 1.6rem;
    height: 1.4rem;
}

.dijitComboBox input.dijitArrowButtonInner {
    width: 2.2rem;
    height: 3.4rem !important;
    background-repeat: no-repeat;
    margin: 0;
    border: 0 !important;
    background-image: url("../svg/calendarsn28.svg");
    background-position: 0;
    opacity: 0.8;
}
.dijitDateTextBox input.dijitArrowButtonInner {
    position: absolute;
    top: -0.2rem;
    right: 0.2rem;
    background-size: 2.2rem;
}

.dijitComboBox .dijitDownArrowButtonHover input.dijitArrowButtonInner {
    background-position: 0;
}

/*NEW 22*/
/*  format select  */
.dijitMenuItem.dijitMenuItemHover{
    background: var(--grey50);
}


.dijitMenuItem.dijitMenuItemHover div:before,
.dijitMenuItem.dijitMenuItemHover .filter-indent1:before,
.dijitMenuItemHover .sub-combo-label:before,
.dijitMenuItem.dijitMenuItemSelected .filter-indent1:before,
.dijitMenuItemSelected .sub-combo-label:before,
.dijitMenuItemSelected div:before,
.dijitMenuItemSelected span:before{
    content: "";
    width: 0.3rem;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--accent-color);
    color: var(--black);
    transition: 0.2s;
}

.withCategory .dijitMenuItemHover span.simpleLabel:after{
    content: "";
    width: 0.3rem;
    height: 100%;
    max-height: 3.1rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--accent-color);
    color: var(--black);
    transition: 0.2s;
}

.withCategory .dijitMenuItemHover .filter-category + .simpleLabel:after{
    max-height: 2.8rem;
}


.dijitMenuItemSelected {
    background-image: none !important;
    background-color: var(--grey50) !important;
    border-left: 0.4rem solid var(--blue20);
    color: #000000;
}

.dropDownItemSelected.multiSelection::before {
    width: 1.7rem;
    background: transparent url(../svg/checkyy2v.svg) no-repeat;
}

.dijitMenu .dijitMenuItem.dijitMenuItemHover{
    background: var(--grey50);
}

.dijitMenuItemHover.dijitMenuNextButton {
    color: #000000;
    border-left: none;
    background-color: var(--white) !important;
}

.dijitMenu .dijitMenuNextButton {
    font-weight: 800;
}
.dijitMenuPreviousButton{
    font-weight: 800;
    text-indent: 0.7rem;
}

.dropDownItemSelected {
    background: var(--blue50) !important;
}

.dijitComboBox.saytTagWidth .dijitArrowButtonInner,
#main .listToolbar .dijitComboBox .dijitArrowButtonInner,
#search-wrapper .subcombo-filter-container .dijitComboBox .dijitArrowButtonInner,
.dijitComboBox.saytDropDownIcon .dijitArrowButtonInner,
.dijitComboBox.saytTagWidth .dijitArrowButtonInner:hover {
    width: 1.8rem;
    background: url(../svg/caret-downnk0x.svg) no-repeat;
    background-position-y: 50%;
}

#main .listToolbar .dijitComboBox .dijitArrowButtonInner{
    width: 2.2rem;
    height: 2.2rem!important;
    top: -0.25rem;
    position: relative;
    background-position-y: center;
}

.form_answer.subcombo-filter-container {
    border: 0.1rem solid var(--grey40);
    line-height: 3;
}

/**  SELECT SEARCH UP TO FILTER BAR  **/
.incrementalSearchBody .dijitMenuItemSelected div {
    margin-left: 0 !important;
}

/**  SELECT WITH ICON  **/
.dijitComboBoxMenuPopup .dijitMenuItem div span .fa {
    margin-left: -1.5rem;
    padding-right: 1rem;
}

.dijitComboBoxMenuPopup .dijitMenuItem div span .fa:before {
    position: relative;
    top: 0.3rem;
}

#widget_multichoice_fi_FILTER_SASMT_STATUS_FILTER_dropdown .dijitMenuItemSelected div {
    margin-left: 0 !important;
}

.dijitComboBoxMenuPopup .dijitMenuItem.dijitMenuItemSelected div span .fa {
    margin-left: -1.5rem !important;
}

#search-wrapper .categoryList .categoryName img {
    margin-top: 0.2rem;
}

/**  SCORE RANGE FILTER FORMAT  **/
#filterDiv_SCORE_RANGE_FILTER .InputBase-root, .number-interval-fi .InputBase-root {
    flex-wrap: nowrap;
}

#filterDiv_SCORE_RANGE_FILTER .InputBase-root label, .number-interval-fi .InputBase-root label {
    padding-left: 2rem;
}


#filterDiv_SCORE_RANGE_FILTER .InputBase-root .InputBase-input, .number-interval-fi .InputBase-root .InputBase-input {
    max-width: 10rem;
    padding: 0.2rem 0 0 0;
    border: 0.1rem solid var(--grey40);
}

/* Multichoice select */
.form_container ul.categoryList {
    flex: 1 100%;
    padding: 0 0.5rem 0 0.5rem;
}

/* Multichoice select in filter */
.form_container .filter-line ul.categoryList {
    margin: 0;
}

.listmove .content-toolbar .toolbar-firstSide .content-title .dijitTextBox .dijitInputField {
    width: 100%;
}

.multi-choice-fi .displayInline button {
    height: 4rem;
    flex: unset;
}

.date-interval-fi .InputBase-root {
    height: 2rem;
    flex-wrap: nowrap;
}
#filterDiv_creationDate_FILTER .InputBase-root {
    height: 4.1rem;
}
#filterDiv_creationDate_FILTER .InputBase-root .dijitTextBox .dijitInputInner{
    margin-top: 0.1rem;
}
#filterDiv_creationDate_FILTER .InputBase-root label .timeLabel {
    margin: -0.4rem 0 0rem 0;
}

.date-interval-fi .InputBase-root label {
    font-size: 1rem;
    position: relative;
    top: 0.4rem;
    left: 1.5rem;
}


#search-wrapper .multi-choice-fi .dijitTextBox {
    height: 3.8rem;
    background: transparent;
}

#search-wrapper .generic-tree-fi .displayInline button {
    right: -1.6rem;
}


.multi-choice-fi .InputBase-root {
    height: auto;
    place-items: flex-start;
}

#search-wrapper .multi-choice-fi .InputBase-root .displayInline {
    width: 99%;
    height: 99%;
    position: relative;
    top: 0.2rem;
    left: 0.2rem;
}

#search-wrapper .multi-choice-fi.generic-tree-fi .dijitTextBox {
    height: 3.6rem;
    top: -0.2rem;
    left: -0.2rem;
    border: none;
}

/* Filter range Date select */
#filterDiv_FILTER_SASMT_DATE_FILTER .dijitReset .dijitInputInner {
    line-height: 4rem;
    padding-top: 1rem !important;
}


.generic-tree-fi .dijitTextBox .dijitInputField input {
    height: 100%;
}

.generic-tree-fi .InputBase-root .dijitTextBoxDisabled, .dijitTextBoxDisabled .dijitInputContainer {
    background-color: var(--white);
}


.dijitComboBox .textBoxClearIcon + .notFoundImg {
    position: absolute;
    right: 2.7rem;
    top: 0.4rem;
    line-height: 2.7rem;
}

.dijitComboBox .textBoxClearIcon + .notFoundImg img {
    padding: 0;
    vertical-align: middle;
}

.multi-choice-fi .dijitComboBox .textBoxClearIcon {
    right: 1rem;
    top: 0.3rem;
}

/*  input search business unit tree  */
.form_answer .dijitTextBox {
    background-color: var(--white);
    border: 0.1rem solid var(--grey40);
}
.form_answer .dijitTextBox.Input-Error {
    border: 0.1rem solid var(--red10);
}

.form_answer .dijitTextBox .dijitInputField {
    height: 3.2rem;
    margin: 1px 0 3px 0;

    margin: 0.1rem 0.1rem 0.5rem 0;
}

.ai-element .form_answer .dijitTextBox{
    border: none;
}
.ai-element .form_answer .dijitTextBox .dijitInputField {
    margin: unset;
}

.twoColumns ul li .form_answer .form_answer_value .InputBase-root.inputNoIcon .dijitTextBox {
    border: 0;
}

.twoColumns ul li .form_answer .form_answer_value .InputBase-root.inputNoIcon .dijitTextBox .Error-Message{
    width: 100%;
    position: absolute;
    white-space: nowrap;
}


.form_answer .format_Date .dijitTextBox {
    border: none !important;
}

/* boolean select */
.dependent-choice-fi {
    width: auto;
    min-width: 7rem;
}

.dependent-choice-fi .InputBase-root label {
    padding-left: 1rem;
}

.dependent-choice-fi .InputBase-root select:not([multiple]), input {
    padding-left: 1.3rem;
}

/**  DATE INTERVAL INPUT FORMAT AND FIX 3 STATES  **/
.date-interval-fi .InputBase-root .dijitTextBox .dijitInputField, .date-interval-fi .InputBase-root .dijitDateTextBoxActive .dijitInputField {
    line-height: 4rem;
    text-indent: 0.5rem;
}

.date-interval-fi .InputBase-root .dijitTextBoxFocused .dijitInputContainer {
    background: transparent;
}

.date-interval-fi .InputBase-root .withError {
    position: relative !important;
    z-index: 1;
}

.FormField .FromField-Label .withError img, .date-interval-fi .InputBase-root .withError img {
    max-width: 1.5rem;
    position: absolute;
    right: -2rem;
}

.date-interval-fi .InputBase-root .dijitTextBox .dijitInputInner, .dj_webkit .dijitTextBox .dijitInputInner {
    max-width: 92%;
    padding-right: 0 !important;
    margin-top: 0.1rem;
}
.date-interval-fi .InputBase-root .dijitTextBox .dijitInputInner, .dj_webkit .dijitTextBox input#quickFindFor_quickFindProperty {
    max-width: 98%;
    margin-top: 0.1rem;
}

/**  CATEGORY FILTER  **/
#filterDiv_RfqCategory_FILTER .displayInline .dijitTextBox .dijitInputField {
    line-height: 3.7rem;
}

#filterDiv_RfqCategory_FILTER .displayInline .dijitTextBox .dijitInputContainer input {
    padding: 0;
}

#filterDiv_RfqCategory_FILTER .displayInline button.ButtonBase-standard {
    height: 4rem;
}

#filterDiv_RfqCategory_FILTER .displayInline .categoryList {
    margin-top: -0.2rem;
}


/*****************************************************************
    CALENDAR
*****************************************************************/
/*reset*/



.dijitDateTextBox {
    width: 100%;
    border-color: transparent;
}

tfoot {
    display: none;
}





.dijitCalendarArrowHover .dijitCalendarDecrease, .dijitCalendarArrow:hover .dijitCalendarDecrease, .dijitCalendarArrowHover .dijitCalendarIncrease, .dijitCalendarArrow:hover .dijitCalendarIncrease {
    background-position: unset;
}







/*reset*/

/* CONTAINER E BACKGROUND CALENDAR */
.dijitCalendarHover, .dijitCalendar:hover, .dijitCalendarActive {
    background-color: #ffffff;
    border: none;
}



/* HEAD TABLE OF CALENDAR (MONTH AND DAYS) */

.dijitCalendarMonthLabel {
    padding: 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #000;
}
.dijitCalendar .row {
    display: flex;
}


/* BODY CALENDAR (DAYS NUMBER) */




/* SELECT */


.dijitCalendarMonthMenuPopup {
    z-index: 1006 !important;
}


.dijitCalendarMonthLabel {
    font-size: 1.5rem;
    font-weight: normal;
}

.dijitCalendarMonthLabel.dijitCalendarCurrentMonthLabel {
    font-weight: bold;
}


/* ARROWS CALENDAR */


/***********************************************/
.dijitMenu, .dijitPopup {
    box-shadow: 0 0 0.4rem #96a1ab;
}
.dijitPopup {
    position: absolute;
    background-color: transparent;
    margin: 0;
    border: 0;
    padding: 0;
}
.dijitReset {
    /* Use this style to null out padding, margin, border in your template elements
        so that page specific styles don't break them.
        - Use in all TABLE, TR and TD tags.
    */
    margin: 0;
    border: 0;
    padding: 0;
    font: inherit;
    line-height: normal;
    color: inherit;
}

/* calendar */
.dijitCalendarContainer {
    width: 32rem !important;
    height: auto;
    display: block;
}
.dijitCalendar {
    background-color: var(--white);
    padding: 0.8rem;
    z-index: 1005 !important;
}
.dijitCalendar .dijitReset {
    height: auto;
}

.dijitCalendar .dijitReset.dijitCalendarMonthContainer {
    display: flex;
    place-content: flex-start;
    flex: 1 100%;
    padding: 0.5rem 0 1.3rem 0;
}
.dijitCalendarMonthContainer .dijitCalendarArrow:nth-child(1) {
    transform: rotate(0deg);
    right: 6rem;
}
.dijitCalendarMonthContainer .dijitCalendarArrow {
    float: right;
    position: absolute;
    top: 1.5rem;
    right: 2rem;
}
.dijitCalendar img {
    border: none;
}
.dijitCalendarIncrementControl {
    width: 2rem;
    background-image: url(../svg/arrow-right2s74.svg);
}
.dijitCalendarDecrease {
    transform: rotate(180deg);
}
.dijitA11ySideArrow {
    display: none;
}

/*table*/
.dijitCalendar thead {
    width: 100%;
    max-width: 30rem;
    height: auto;
    flex: 1 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}
.dijitCalendar thead tr {
    display: flex;
    place-items: center;
}
.dijitCalendar .dijitReset.dijitCalendarDayLabelTemplate {
    width: calc(100% / 7);
    border: none;
}
th.dijitReset.dijitCalendarDayLabelTemplate {
    border-top: none;
    border-bottom: none;
}

.dijitCalendarDayLabel {
    padding: 0 0.4rem 0 0.4rem;
    text-align: center;
    color: var(--grey20);
}

.dijitCalendar .dijitReset.dijitCalendarBodyContainer {
    flex: 1 100%;
    display: flex;
    flex-direction: column;
}
.dijitCalendar .dijitReset.dijitCalendarWeekTemplate {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.dijitCalendar .dijitReset.dijitCalendarWeekTemplate td {
    width: calc(100% / 7);
    max-width: 3.65rem;
    height: 3.6rem;
    display: flex;
    place-content: center;
    place-items: center;
    border: 0.1rem solid transparent;
    border-radius: 50%;
}
.dijitCalendarContainer th, .dijitCalendarContainer td {
    padding: 0;
    vertical-align: middle;
}


.dijitCalendarPreviousMonth .dijitCalendarDateLabel, .dijitCalendarNextMonth .dijitCalendarDateLabel {
    display: none;
    cursor: default;
}
td.dijitCalendarEnabledDate.dijitCalendarPreviousMonth.dijitCalendarDateTemplate:hover,
td.weekend.dijitCalendarEnabledDate.dijitCalendarNextMonth.dijitCalendarDateTemplate.dijitCalendarHoveredDate:hover,
td.dijitCalendarEnabledDate.dijitCalendarNextMonth.dijitCalendarDateTemplate:hover {
    border: none !important;
    cursor: default;
}

.dijitCalendarCurrentDate {
    font-weight: bold;
}
.dijitCalendarEnabledDate.dijitCalendarCurrentDate.dijitCalendarCurrentMonth.dijitCalendarDateTemplate{
    border: 0.1rem solid var(--navy30);
    background: var(--navy50);
}

.dijitCalendar .dijitReset.dijitCalendarWeekTemplate td:hover{
    border: 0.1rem solid var(--blue20);
}
.dijitCalendar .dijitReset.dijitCalendarWeekTemplate .dijitCalendarSelectedDate {
    background-color: var(--blue20);
    color: var(--white);
}

.dijitCalendarYearContainer {
    vertical-align: middle;
}

.dijitCalendarYearLabel {
    text-align: center;
}
.dijitCalendarYearLabel span {
    /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */
    vertical-align: middle;
}
.dijitCalendarPreviousYear {
    margin: 0 0.5rem 0 0;
    padding: 0.5rem;
}
.dijitCalendarSelectedYear {
    font-weight: bold;
}
.dijitCalendarNextYear {
    margin: 0 0 0 0.5rem;
    padding: 0.5rem;
}

.dijitCalendarNextYearHover,
.dijitCalendarNextYear:hover,
.dijitCalendarPreviousYearHover,
.dijitCalendarPreviousYear:hover {
    font-weight: bold;
}

.dijitCalendarCurrentMonth.weekend {
    background-color: transparent;
}


/* fix date input error */
.InputBase-root.inputNoIcon.Input-Error .dijitReset.dijitInputField.dijitInputContainer + div{
    position: absolute;
    margin-top: 0.5rem;
}
.InputBase-root.inputNoIcon.Input-Error .dijitReset.dijitInputField.dijitInputContainer + div .Error-Message{
    line-height: initial;
    white-space: nowrap;
}
/* reorder.css */
.reorderDiv {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
    overflow-x: auto;
    min-width: 998px;
}
.reorderDiv.a-picklist-ilike{
	overflow-x: unset;
}
#usersearchEdit_cnt {
	margin-top: 3rem;
}
.reorderDiv table {
	background: #fff none repeat scroll 0 0;
}
.dndContainer li {
	list-style: none;
	padding: 0.2em;
	padding-bottom: 1em;
}
/*selezione elemento*/
.reorderDiv .dojoDndItemAnchor{
	font-style: italic;
	background-color: var(--grey50);}

/*secondo elemento selezionato*/
.reorderDiv .dojoDndItemSelected, .col-moving .dojoDndItemSelected {
	background-color: var(--grey50);
	font-style: italic;
}
.reorderDiv .dojoDndItemOver, .col-moving .dojoDndItemOver {
	cursor: pointer;
}
.reorderDiv .dojoDndItemBefore:not(th) {
	border-top: 0.8rem solid var(--accent-color);
}
.reorderDiv .dojoDndItemAfter:not(th) {
	border-bottom: 0.8rem solid var(--accent-color);
}


/* fix Fabry*/
.reorderDiv ul li {
	flex-direction: row;
    place-items: center;
    gap: 1rem;
}
.reorderDiv ul li a{
	margin-top: -0.3rem;
}

.reorderDiv .reorder .typeThreeCols {
    padding-top: 0;
	overflow: visible;
}
.reorderDiv .reorder .typeThreeCols ul li {
    margin-bottom: 0;
}
.reorderDiv .reorder .reorderBtn .floatingWrapper {
    margin-top: 0;
    margin-bottom: 0.2rem;
}

.reorderDiv .sortable-td-container {
	height: 200px;
	position: relative;
	border: 0.1rem solid var(--grey40);
	padding: 0.5rem 0 0.5rem 1rem;
}

.reorderDiv .sortable-td-container .dndContainer,
.reorderDiv .sortable-td-container .dndContainer.dojoDndContainerOver {
    flex-direction: column;
}

.reorderDiv .sortable-td-container ul {
	max-height: 410px;
    overflow-y: auto;
}

.reorderDiv .typeThreeCols {
    border: none!important;
    overflow: hidden;
}
.reorderDiv .reorder .typeThreeCols .reorderBtn {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1rem;
}
.type45Cols {
	border-top: none!important;
}
/*Manage scrolling top/bottom behaviour see issue #33555*/
.reorderDiv .sl-scroller {
	display: none;
	background-color: gold;
	opacity: 0;
	height: 4rem;
	text-align: center;
	font-size: 2rem;
	line-height: 3.4rem;
	width: 95%;
	position: absolute;
	top: -3.2rem; /*moved up of 32px=40-8*/
}

.reorderDiv .downScroller.sl-scroller {
	top: calc(100% - 0.8rem); /*moved up of 8px*/
}



.reorderDiv .sl-scroller:hover {
	cursor: hand;
}
.reorderDiv .empty-sl-li {
	display: none;
}

body.dojoDndMove .reorderDiv .sl-scroller, body.dojoDndMove .reorderDiv .empty-sl-li {
	display: block;
}


/* AFTER/BEFORE per il column move */
.col-moving th.dojoDndItemBefore {
	border-left: 0.4rem solid var(--grey50);
}
.col-moving th.dojoDndItemAfter {
	border-right: 0.4rem solid var(--grey50);}

/*avatar*/
.dojoDndAvatar {
	background-color: #FFFFFF;
	border: 0.1rem solid var(--accent-color);
	border-radius: 0.5rem;
	padding: 0 1.5rem;
	opacity: 0.85;
}

.reorderDiv .dojoDndAvatar, .col-moving .dojoDndAvatar
{
	font-size: 0.8em;
	opacity: 0.85;
}

body.listmove table.dojoDndAvatar {
	width: 20rem;
	font-size: 1em;
}

.reorderDiv .dojoDndAvatarHeader {
	background-color: #E0E0E0;
	padding-left: 1.8rem;
	padding-top: 0.2rem;
}

body.listmove table .dojoDndAvatarHeader {
	display: none;
}
body.listmove table.dojoDndAvatar .dojoDndItemSelected, body.listmove table.dojoDndAvatar .dojoDndItemAnchor {
	border: 0;
}
body.listmove table.dojoDndAvatar a {
	color: #000;
}
body.listmove table.dojoDndAvatar td {
	padding:0.1rem;
	line-height: 1rem;
}
body.listmove table.dojoDndAvatar td th {
	padding: 0.2rem;
}
body.listmove table.dojoDndAvatar tr {
	line-height: 1.2rem;
	height: 1.2rem;
}
.reorderDiv .dojoDndAvatarItem, .col-moving .dojoDndAvatarItem {
	border-top: 0.1rem solid #A0A0A0;
	padding-left: 1.8rem;
}

.dojoDndAvatarHeader {
	padding: 0.1rem 0.5rem;
}

/*doppio basket*/
.dndBasket
{	border:0.3rem solid transparent;
	height: 19.5rem;
	overflow: auto;}
.dndBasket li
{	list-style: none;
	padding: 0.2em;}

.dndBasketButtons .formResponseBtn
{		
	display: block;
	padding: 0.3em;
	text-align: left;
}
#main .dndBasketButtons .formResponseBtn a, #main .dndBasketButtons .formResponseBtn a:hover {
    cursor: pointer;
    min-width: 12rem;
}

/* REORDER NEW CODE FOR TABLE */
.ba-dialog .reorderDiv table {
	min-width: unset;
	width: calc(998px - 55px);
}

#sortFilterDiv .divCntIntoPage_Cnt{
	overflow: unset;
}
#sortFilterDiv .reorderDiv .sortable-td-container {
    overflow-y: unset;
}
#sortFilterDiv .reorderDiv table tr td ul{
	max-height: 410px;
	overflow-y: auto;
}

.reorderDiv.a-beautiful-one table {
    min-width: unset;
}

/*  REORDER IN TO DIALOG  */
.dijitDialog .reorder .table_cnt_body_a{
	justify-content: flex-start;
}

.pickListFilterRow .pickListFilter{
	height: auto;
}

.reorderBtn .formResponseBtn a { min-width: 12rem;}

.reorderBtn .edit-save-wrapper ul.button-list {
    display: flex;
    flex-wrap: wrap;
    place-content: flex-start;
    flex-direction: column;
	align-items: unset;
}

/*Users List*/
ul#usersearchEdit_cnt {
	border: 0.1rem solid #dbe5ed;
	margin-top: 1rem;}
li.dojoDndItem {
	padding: 0.5rem;}


/* SORTABLE FULL WIDTH */
.sortableFullWidth .formRead ul li{
	max-width: unset;
}
.sortableFullWidth .formRead ul li .table_cnt_body_a td:nth-child(1){
	flex: 1 85%;
    max-width: 85%;
}
.sortableFullWidth .formRead ul li .table_cnt_body_a td.typeThreeCols{
    width: 15%;
}

.flexDates {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}

#mcdFileList > h4 {
	/* height: 50px; */
	display: flex;
	align-items: center;
	width: 50%;
	justify-content: space-between;
}