.svg-ADA_Acct_Enrollment_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.4079754601227% 61.80392156862745% no-repeat;
}

.svg-ADA_Acct_Enrollment_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Account {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 28.027950310559007% no-repeat;
}

.svg-Account-dims {
	width: 28px;
	height: 28px;
}

.svg-Account_Enrollment_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.4079754601227% 65.01960784313725% no-repeat;
}

.svg-Account_Enrollment_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Account_Portfolio_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 36.19631901840491% 89.17647058823529% no-repeat;
}

.svg-Account_Portfolio_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Account_Sweeping_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 39.263803680981596% 89.17647058823529% no-repeat;
}

.svg-Account_Sweeping_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Accounts {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 30.20186335403727% no-repeat;
}

.svg-Accounts-dims {
	width: 28px;
	height: 28px;
}

.svg-Accounts_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 33.462732919254655% no-repeat;
}

.svg-Accounts_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Accounts_And_Serv {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 35.63664596273292% no-repeat;
}

.svg-Accounts_And_Serv-dims {
	width: 28px;
	height: 28px;
}

.svg-Accounts_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 37.81055900621118% no-repeat;
}

.svg-Accounts_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Accounts_and_Services {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 39.984472049689444% no-repeat;
}

.svg-Accounts_and_Services-dims {
	width: 28px;
	height: 28px;
}

.svg-Accounts_and_Services_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 42.1583850931677% no-repeat;
}

.svg-Accounts_and_Services_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Accounts_and_Services_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 42.331288343558285% 89.17647058823529% no-repeat;
}

.svg-Accounts_and_Services_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Ack_Success {
	background: url(/fo/images/sprite.590fa1f9.svg) 53.639240506329116% 83.00970873786407% no-repeat;
}

.svg-Ack_Success-dims {
	width: 80px;
	height: 80px;
}

.svg-Activity {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 44.33229813664596% no-repeat;
}

.svg-Activity-dims {
	width: 28px;
	height: 28px;
}

.svg-Activity_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.22188449848024% 60.48136645962733% no-repeat;
}

.svg-Activity_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Add {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.22188449848024% 62.65527950310559% no-repeat;
}

.svg-Add-dims {
	width: 28px;
	height: 28px;
}

.svg-Add_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.22188449848024% 64.82919254658385% no-repeat;
}

.svg-Add_Mobile-dims {
	width: 28px;
	height: 28px;
}

.svg-Address_Book {
	background: url(/fo/images/sprite.590fa1f9.svg) 36.85410334346505% 85.8695652173913% no-repeat;
}

.svg-Address_Book-dims {
	width: 28px;
	height: 28px;
}

.svg-Address_Book_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 38.98176291793313% 85.8695652173913% no-repeat;
}

.svg-Address_Book_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Administration {
	background: url(/fo/images/sprite.590fa1f9.svg) 41.109422492401215% 85.8695652173913% no-repeat;
}

.svg-Administration-dims {
	width: 28px;
	height: 28px;
}

.svg-Administration_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 43.2370820668693% 85.8695652173913% no-repeat;
}

.svg-Administration_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Administration_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 45.36474164133739% 85.8695652173913% no-repeat;
}

.svg-Administration_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Advanced {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.0807453416149% 10.509296685529506% no-repeat;
}

.svg-Advanced-dims {
	width: 56px;
	height: 79px;
}

.svg-Advanced_25px {
	background: url(/fo/images/sprite.590fa1f9.svg) 94.68892261001517% 82.40813135261924% no-repeat;
}

.svg-Advanced_25px-dims {
	width: 26px;
	height: 37px;
}

.svg-Advanced_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.0807453416149% 16.89571544058205% no-repeat;
}

.svg-Advanced_Mobile-dims {
	width: 56px;
	height: 79px;
}

.svg-Advisory {
	background: url(/fo/images/sprite.590fa1f9.svg) 47.49240121580547% 85.8695652173913% no-repeat;
}

.svg-Advisory-dims {
	width: 28px;
	height: 28px;
}

.svg-Announcement_Icon {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 44.98432601880878% no-repeat;
}

.svg-Announcement_Icon-dims {
	width: 40px;
	height: 40px;
}

.svg-Announcements {
	background: url(/fo/images/sprite.590fa1f9.svg) 49.620060790273556% 85.8695652173913% no-repeat;
}

.svg-Announcements-dims {
	width: 28px;
	height: 28px;
}

.svg-Announcements_with_tag {
	background: url(/fo/images/sprite.590fa1f9.svg) 51.74772036474164% 85.8695652173913% no-repeat;
}

.svg-Announcements_with_tag-dims {
	width: 28px;
	height: 28px;
}

.svg-Approve {
	background: url(/fo/images/sprite.590fa1f9.svg) 53.87537993920973% 85.8695652173913% no-repeat;
}

.svg-Approve-dims {
	width: 28px;
	height: 28px;
}

.svg-Arrow {
	background: url(/fo/images/sprite.590fa1f9.svg) 56.00303951367781% 85.8695652173913% no-repeat;
}

.svg-Arrow-dims {
	width: 28px;
	height: 28px;
}

.svg-Attachment_small {
	background: url(/fo/images/sprite.590fa1f9.svg) 58.130699088145896% 85.8695652173913% no-repeat;
}

.svg-Attachment_small-dims {
	width: 28px;
	height: 28px;
}

.svg-Authorize {
	background: url(/fo/images/sprite.590fa1f9.svg) 60.25835866261398% 85.8695652173913% no-repeat;
}

.svg-Authorize-dims {
	width: 28px;
	height: 28px;
}

.svg-Authorize_Inactive {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.38601823708207% 85.8695652173913% no-repeat;
}

.svg-Authorize_Inactive-dims {
	width: 28px;
	height: 28px;
}

.svg-Auto_Debit_Arrangement_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 45.39877300613497% 89.17647058823529% no-repeat;
}

.svg-Auto_Debit_Arrangement_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Avail_Services_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 48.466257668711656% 89.17647058823529% no-repeat;
}

.svg-Avail_Services_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Available_Bal_Icon {
	background: url(/fo/images/sprite.590fa1f9.svg) 51.533742331288344% 89.17647058823529% no-repeat;
}

.svg-Available_Bal_Icon-dims {
	width: 40px;
	height: 41px;
}

.svg-BIR_Enrollment_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 54.60122699386503% 89.17647058823529% no-repeat;
}

.svg-BIR_Enrollment_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-BIR_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 57.668711656441715% 89.17647058823529% no-repeat;
}

.svg-BIR_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Back {
	background: url(/fo/images/sprite.590fa1f9.svg) 64.51367781155015% 85.8695652173913% no-repeat;
}

.svg-Back-dims {
	width: 28px;
	height: 28px;
}

.svg-Back_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 66.64133738601824% 85.8695652173913% no-repeat;
}

.svg-Back_Mobile-dims {
	width: 28px;
	height: 28px;
}

.svg-Back_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 68.76899696048632% 85.8695652173913% no-repeat;
}

.svg-Back_White-dims {
	width: 28px;
	height: 28px;
}

.svg-Bank {
	background: url(/fo/images/sprite.590fa1f9.svg) 50.80385852090032% 64.0625% no-repeat;
}

.svg-Bank-dims {
	width: 100px;
	height: 100px;
}

.svg-Bank_Advisory_2 {
	background: url(/fo/images/sprite.590fa1f9.svg) 70.8966565349544% 85.8695652173913% no-repeat;
}

.svg-Bank_Advisory_2-dims {
	width: 28px;
	height: 28px;
}

.svg-Basic {
	background: url(/fo/images/sprite.590fa1f9.svg) 65.06211180124224% 82.87560581583199% no-repeat;
}

.svg-Basic-dims {
	width: 56px;
	height: 78px;
}

.svg-Basic_25px {
	background: url(/fo/images/sprite.590fa1f9.svg) 94.76082004555809% 85.3010164190774% no-repeat;
}

.svg-Basic_25px-dims {
	width: 27px;
	height: 37px;
}

.svg-Basic_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.0807453416149% 23.2821341956346% no-repeat;
}

.svg-Basic_Mobile-dims {
	width: 56px;
	height: 79px;
}

.svg-Batch {
	background: url(/fo/images/sprite.590fa1f9.svg) 73.02431610942249% 85.8695652173913% no-repeat;
}

.svg-Batch-dims {
	width: 28px;
	height: 28px;
}

.svg-Biller_Placeholder {
	background: url(/fo/images/sprite.590fa1f9.svg) 88.54489164086688% 81.17088607594937% no-repeat;
}

.svg-Biller_Placeholder-dims {
	width: 52px;
	height: 52px;
}

.svg-Black_20px {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.12962962962963% 74.2084942084942% no-repeat;
}

.svg-Black_20px-dims {
	width: 48px;
	height: 21px;
}

.svg-Business_BG {
	background: url(/fo/images/sprite.590fa1f9.svg) 75.52447552447552% 59.19324577861163% no-repeat;
}

.svg-Business_BG-dims {
	width: 200px;
	height: 250px;
}

.svg-Business_Settings {
	background: url(/fo/images/sprite.590fa1f9.svg) 75.15197568389058% 85.8695652173913% no-repeat;
}

.svg-Business_Settings-dims {
	width: 28px;
	height: 28px;
}

.svg-Buy {
	background: url(/fo/images/sprite.590fa1f9.svg) 77.27963525835867% 85.8695652173913% no-repeat;
}

.svg-Buy-dims {
	width: 28px;
	height: 28px;
}

.svg-CSV {
	background: url(/fo/images/sprite.590fa1f9.svg) 79.40729483282675% 85.8695652173913% no-repeat;
}

.svg-CSV-dims {
	width: 28px;
	height: 28px;
}

.svg-Calendar {
	background: url(/fo/images/sprite.590fa1f9.svg) 81.53495440729483% 85.8695652173913% no-repeat;
}

.svg-Calendar-dims {
	width: 28px;
	height: 28px;
}

.svg-Calendar_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 83.66261398176292% 85.8695652173913% no-repeat;
}

.svg-Calendar_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Camera {
	background: url(/fo/images/sprite.590fa1f9.svg) 85.790273556231% 85.8695652173913% no-repeat;
}

.svg-Camera-dims {
	width: 28px;
	height: 28px;
}

.svg-Camera_23 {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.62149886449659% 30.31709203402939% no-repeat;
}

.svg-Camera_23-dims {
	width: 23px;
	height: 23px;
}

.svg-Camera_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.62149886449659% 32.095901005413765% no-repeat;
}

.svg-Camera_Orange-dims {
	width: 23px;
	height: 23px;
}

.svg-Cancel {
	background: url(/fo/images/sprite.590fa1f9.svg) 87.91793313069908% 85.8695652173913% no-repeat;
}

.svg-Cancel-dims {
	width: 28px;
	height: 28px;
}

.svg-Cancelled {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 50.80707148347425% no-repeat;
}

.svg-Cancelled-dims {
	width: 15px;
	height: 15px;
}

.svg-Card {
	background: url(/fo/images/sprite.590fa1f9.svg) 90.04559270516717% 85.8695652173913% no-repeat;
}

.svg-Card-dims {
	width: 28px;
	height: 28px;
}

.svg-Card_130px {
	background: url(/fo/images/sprite.590fa1f9.svg) 90% 0 no-repeat;
}

.svg-Card_130px-dims {
	width: 384px;
	height: 130px;
}

.svg-Card_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.17325227963526% 85.8695652173913% no-repeat;
}

.svg-Card_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Card_BG {
	background: url(/fo/images/sprite.590fa1f9.svg) 46.308724832214764% 0 no-repeat;
}

.svg-Card_BG-dims {
	width: 450px;
	height: 130px;
}

.svg-Cashflow_Forecast {
	background: url(/fo/images/sprite.590fa1f9.svg) 75.6079027355623% 88.27639751552795% no-repeat;
}

.svg-Cashflow_Forecast-dims {
	width: 28px;
	height: 28px;
}

.svg-Check_12px {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 45.782208588957054% no-repeat;
}

.svg-Check_12px-dims {
	width: 12px;
	height: 12px;
}

.svg-Check_140px {
	background: url(/fo/images/sprite.590fa1f9.svg) 42.48788368336026% 64.3270024772915% no-repeat;
}

.svg-Check_140px-dims {
	width: 106px;
	height: 105px;
}

.svg-Check_20px {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.47089947089947% 35.416666666666664% no-repeat;
}

.svg-Check_20px-dims {
	width: 21px;
	height: 20px;
}

.svg-Check_21px {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.54614220877458% 33.82239382239382% no-repeat;
}

.svg-Check_21px-dims {
	width: 22px;
	height: 21px;
}

.svg-Check_95px {
	background: url(/fo/images/sprite.590fa1f9.svg) 0 93.12039312039312% no-repeat;
}

.svg-Check_95px-dims {
	width: 96px;
	height: 95px;
}

.svg-Check_deposit_inquiry_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 60.736196319018404% 89.17647058823529% no-repeat;
}

.svg-Check_deposit_inquiry_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Checkbook {
	background: url(/fo/images/sprite.590fa1f9.svg) 77.73556231003039% 88.27639751552795% no-repeat;
}

.svg-Checkbook-dims {
	width: 28px;
	height: 28px;
}

.svg-Checkbook_Reorder {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 48.11912225705329% no-repeat;
}

.svg-Checkbook_Reorder-dims {
	width: 40px;
	height: 40px;
}

.svg-Checkbook_Reorder_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.80368098159509% 89.17647058823529% no-repeat;
}

.svg-Checkbook_Reorder_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Checkbook_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 79.86322188449849% 88.27639751552795% no-repeat;
}

.svg-Checkbook_White-dims {
	width: 28px;
	height: 28px;
}

.svg-Checkbox_Active {
	background: url(/fo/images/sprite.590fa1f9.svg) 81.99088145896657% 88.27639751552795% no-repeat;
}

.svg-Checkbox_Active-dims {
	width: 28px;
	height: 28px;
}

.svg-Choose_Biller_Icon {
	background: url(/fo/images/sprite.590fa1f9.svg) 66.9224865694551% 89.1065830721003% no-repeat;
}

.svg-Choose_Biller_Icon-dims {
	width: 41px;
	height: 40px;
}

.svg-Cleared {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 51.960030745580326% no-repeat;
}

.svg-Cleared-dims {
	width: 15px;
	height: 15px;
}

.svg-Clock {
	background: url(/fo/images/sprite.590fa1f9.svg) 84.11854103343465% 88.27639751552795% no-repeat;
}

.svg-Clock-dims {
	width: 28px;
	height: 28px;
}

.svg-Close {
	background: url(/fo/images/sprite.590fa1f9.svg) 86.24620060790274% 88.27639751552795% no-repeat;
}

.svg-Close-dims {
	width: 28px;
	height: 28px;
}

.svg-Close_Filled {
	background: url(/fo/images/sprite.590fa1f9.svg) 88.37386018237082% 88.27639751552795% no-repeat;
}

.svg-Close_Filled-dims {
	width: 28px;
	height: 28px;
}

.svg-Close_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.25439266615737% 15.768930523028883% no-repeat;
}

.svg-Close_White-dims {
	width: 35px;
	height: 35px;
}

.svg-Close_w_BG {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.25439266615737% 18.501170960187352% no-repeat;
}

.svg-Close_w_BG-dims {
	width: 35px;
	height: 35px;
}

.svg-Collect_Payments_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 25.766871165644172% 93.09803921568627% no-repeat;
}

.svg-Collect_Payments_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Columns {
	background: url(/fo/images/sprite.590fa1f9.svg) 90.5015197568389% 88.27639751552795% no-repeat;
}

.svg-Columns-dims {
	width: 28px;
	height: 28px;
}

.svg-CompareBG {
	background: url(/fo/images/sprite.590fa1f9.svg) 44.516129032258064% 12.807881773399014% no-repeat;
}

.svg-CompareBG-dims {
	width: 414px;
	height: 301px;
}

.svg-Complete {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.62917933130699% 88.27639751552795% no-repeat;
}

.svg-Complete-dims {
	width: 28px;
	height: 28px;
}

.svg-Completed {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 53.11299000768639% no-repeat;
}

.svg-Completed-dims {
	width: 15px;
	height: 15px;
}

.svg-Completed_step {
	background: url(/fo/images/sprite.590fa1f9.svg) 94.9771689497717% 93.46811819595645% no-repeat;
}

.svg-Completed_step-dims {
	width: 30px;
	height: 30px;
}

.svg-Confirm_Modal_Icon {
	background: url(/fo/images/sprite.590fa1f9.svg) 0 75.54806070826307% no-repeat;
}

.svg-Confirm_Modal_Icon-dims {
	width: 200px;
	height: 130px;
}

.svg-Convert {
	background: url(/fo/images/sprite.590fa1f9.svg) 75.0778816199377% 81.75298804780877% no-repeat;
}

.svg-Convert-dims {
	width: 60px;
	height: 61px;
}

.svg-Convert_icon {
	background: url(/fo/images/sprite.590fa1f9.svg) 79.75077881619937% 81.68789808917198% no-repeat;
}

.svg-Convert_icon-dims {
	width: 60px;
	height: 60px;
}

.svg-Copy_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.40121580547113% 92.1583850931677% no-repeat;
}

.svg-Copy_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Copy_Trans {
	background: url(/fo/images/sprite.590fa1f9.svg) 0 95.65217391304348% no-repeat;
}

.svg-Copy_Trans-dims {
	width: 28px;
	height: 28px;
}

.svg-Corp_Code {
	background: url(/fo/images/sprite.590fa1f9.svg) 2.127659574468085% 95.65217391304348% no-repeat;
}

.svg-Corp_Code-dims {
	width: 28px;
	height: 28px;
}

.svg-Corp_Details {
	background: url(/fo/images/sprite.590fa1f9.svg) 4.25531914893617% 95.65217391304348% no-repeat;
}

.svg-Corp_Details-dims {
	width: 28px;
	height: 28px;
}

.svg-Corp_Details_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 6.382978723404255% 95.65217391304348% no-repeat;
}

.svg-Corp_Details_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Corp_Placeholder {
	background: url(/fo/images/sprite.590fa1f9.svg) 7.594936708860759% 92.8921568627451% no-repeat;
}

.svg-Corp_Placeholder-dims {
	width: 80px;
	height: 92px;
}

.svg-Corporate_Check_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 28.834355828220858% 93.09803921568627% no-repeat;
}

.svg-Corporate_Check_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Create {
	background: url(/fo/images/sprite.590fa1f9.svg) 8.51063829787234% 95.65217391304348% no-repeat;
}

.svg-Create-dims {
	width: 28px;
	height: 28px;
}

.svg-Create_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 10.638297872340425% 95.65217391304348% no-repeat;
}

.svg-Create_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Current_Bal_Icon {
	background: url(/fo/images/sprite.590fa1f9.svg) 31.901840490797547% 93.09803921568627% no-repeat;
}

.svg-Current_Bal_Icon-dims {
	width: 40px;
	height: 41px;
}

.svg-Customized_SOA_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 34.969325153374236% 93.09803921568627% no-repeat;
}

.svg-Customized_SOA_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-DOC {
	background: url(/fo/images/sprite.590fa1f9.svg) 12.76595744680851% 95.65217391304348% no-repeat;
}

.svg-DOC-dims {
	width: 28px;
	height: 28px;
}

.svg-Dashboard {
	background: url(/fo/images/sprite.590fa1f9.svg) 14.893617021276595% 95.65217391304348% no-repeat;
}

.svg-Dashboard-dims {
	width: 28px;
	height: 28px;
}

.svg-Dashboard_Settings {
	background: url(/fo/images/sprite.590fa1f9.svg) 17.02127659574468% 95.65217391304348% no-repeat;
}

.svg-Dashboard_Settings-dims {
	width: 28px;
	height: 28px;
}

.svg-Default {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 51.2539184952978% no-repeat;
}

.svg-Default-dims {
	width: 40px;
	height: 40px;
}

.svg-Default_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 54.38871473354232% no-repeat;
}

.svg-Default_Alt-dims {
	width: 40px;
	height: 40px;
}

.svg-Default_Business_Type {
	background: url(/fo/images/sprite.590fa1f9.svg) 80.1924619085806% 74.35684647302905% no-repeat;
}

.svg-Default_Business_Type-dims {
	width: 97px;
	height: 111px;
}

.svg-Default_Photo_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 19.148936170212767% 95.65217391304348% no-repeat;
}

.svg-Default_Photo_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Default_Profile {
	background: url(/fo/images/sprite.590fa1f9.svg) 21.27659574468085% 95.65217391304348% no-repeat;
}

.svg-Default_Profile-dims {
	width: 28px;
	height: 28px;
}

.svg-Default_Profile_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 23.404255319148938% 95.65217391304348% no-repeat;
}

.svg-Default_Profile_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Delete {
	background: url(/fo/images/sprite.590fa1f9.svg) 25.53191489361702% 95.65217391304348% no-repeat;
}

.svg-Delete-dims {
	width: 28px;
	height: 28px;
}

.svg-DeleteWhite {
	background: url(/fo/images/sprite.590fa1f9.svg) 27.659574468085108% 95.65217391304348% no-repeat;
}

.svg-DeleteWhite-dims {
	width: 28px;
	height: 28px;
}

.svg-Delete_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 29.78723404255319% 95.65217391304348% no-repeat;
}

.svg-Delete_White-dims {
	width: 28px;
	height: 28px;
}

.svg-Deposit {
	background: url(/fo/images/sprite.590fa1f9.svg) 31.914893617021278% 95.65217391304348% no-repeat;
}

.svg-Deposit-dims {
	width: 28px;
	height: 28px;
}

.svg-Documents_Against_Acceptance {
	background: url(/fo/images/sprite.590fa1f9.svg) 34.04255319148936% 95.65217391304348% no-repeat;
}

.svg-Documents_Against_Acceptance-dims {
	width: 28px;
	height: 28px;
}

.svg-Documents_Against_Payments {
	background: url(/fo/images/sprite.590fa1f9.svg) 36.170212765957444% 95.65217391304348% no-repeat;
}

.svg-Documents_Against_Payments-dims {
	width: 28px;
	height: 28px;
}

.svg-Down {
	background: url(/fo/images/sprite.590fa1f9.svg) 38.297872340425535% 95.65217391304348% no-repeat;
}

.svg-Down-dims {
	width: 28px;
	height: 28px;
}

.svg-Down_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 40.42553191489362% 95.65217391304348% no-repeat;
}

.svg-Down_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Down_black {
	background: url(/fo/images/sprite.590fa1f9.svg) 42.5531914893617% 95.65217391304348% no-repeat;
}

.svg-Down_black-dims {
	width: 28px;
	height: 28px;
}

.svg-Down_white {
	background: url(/fo/images/sprite.590fa1f9.svg) 44.680851063829785% 95.65217391304348% no-repeat;
}

.svg-Down_white-dims {
	width: 28px;
	height: 28px;
}

.svg-Download {
	background: url(/fo/images/sprite.590fa1f9.svg) 46.808510638297875% 95.65217391304348% no-repeat;
}

.svg-Download-dims {
	width: 28px;
	height: 28px;
}

.svg-Download_2 {
	background: url(/fo/images/sprite.590fa1f9.svg) 48.93617021276596% 95.65217391304348% no-repeat;
}

.svg-Download_2-dims {
	width: 28px;
	height: 28px;
}

.svg-Download_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 51.06382978723404% 95.65217391304348% no-repeat;
}

.svg-Download_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Download_Blue {
	background: url(/fo/images/sprite.590fa1f9.svg) 53.191489361702125% 95.65217391304348% no-repeat;
}

.svg-Download_Blue-dims {
	width: 28px;
	height: 28px;
}

.svg-Download_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 55.319148936170215% 95.65217391304348% no-repeat;
}

.svg-Download_White-dims {
	width: 28px;
	height: 28px;
}

.svg-EIPP {
	background: url(/fo/images/sprite.590fa1f9.svg) 57.4468085106383% 95.65217391304348% no-repeat;
}

.svg-EIPP-dims {
	width: 28px;
	height: 28px;
}

.svg-EIPP_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 38.03680981595092% 93.09803921568627% no-repeat;
}

.svg-EIPP_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Edit {
	background: url(/fo/images/sprite.590fa1f9.svg) 59.57446808510638% 95.65217391304348% no-repeat;
}

.svg-Edit-dims {
	width: 28px;
	height: 28px;
}

.svg-Edit_2 {
	background: url(/fo/images/sprite.590fa1f9.svg) 61.702127659574465% 95.65217391304348% no-repeat;
}

.svg-Edit_2-dims {
	width: 28px;
	height: 28px;
}

.svg-Edit_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.829787234042556% 95.65217391304348% no-repeat;
}

.svg-Edit_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Edit_Black_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 65.95744680851064% 95.65217391304348% no-repeat;
}

.svg-Edit_Black_Mobile-dims {
	width: 28px;
	height: 28px;
}

.svg-Edit_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 68.08510638297872% 95.65217391304348% no-repeat;
}

.svg-Edit_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Edit_Profile_Pic {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.30275229357798% 10.15625% no-repeat;
}

.svg-Edit_Profile_Pic-dims {
	width: 36px;
	height: 36px;
}

.svg-Email {
	background: url(/fo/images/sprite.590fa1f9.svg) 70.2127659574468% 95.65217391304348% no-repeat;
}

.svg-Email-dims {
	width: 28px;
	height: 28px;
}

.svg-Email_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 72.34042553191489% 95.65217391304348% no-repeat;
}

.svg-Email_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Error_20px {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.39577039274924% 38.50308641975309% no-repeat;
}

.svg-Error_20px-dims {
	width: 20px;
	height: 20px;
}

.svg-Every {
	background: url(/fo/images/sprite.590fa1f9.svg) 74.46808510638297% 95.65217391304348% no-repeat;
}

.svg-Every-dims {
	width: 28px;
	height: 28px;
}

.svg-Exchange {
	background: url(/fo/images/sprite.590fa1f9.svg) 76.59574468085107% 95.65217391304348% no-repeat;
}

.svg-Exchange-dims {
	width: 28px;
	height: 28px;
}

.svg-Exit {
	background: url(/fo/images/sprite.590fa1f9.svg) 58.842443729903536% 64.0625% no-repeat;
}

.svg-Exit-dims {
	width: 100px;
	height: 100px;
}

.svg-Expired {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 54.265949269792465% no-repeat;
}

.svg-Expired-dims {
	width: 15px;
	height: 15px;
}

.svg-Export_LC_Amendment {
	background: url(/fo/images/sprite.590fa1f9.svg) 78.72340425531915% 95.65217391304348% no-repeat;
}

.svg-Export_LC_Amendment-dims {
	width: 28px;
	height: 28px;
}

.svg-Export_LC_Received {
	background: url(/fo/images/sprite.590fa1f9.svg) 80.85106382978724% 95.65217391304348% no-repeat;
}

.svg-Export_LC_Received-dims {
	width: 28px;
	height: 28px;
}

.svg-Face_ID {
	background: url(/fo/images/sprite.590fa1f9.svg) 82.97872340425532% 95.65217391304348% no-repeat;
}

.svg-Face_ID-dims {
	width: 28px;
	height: 28px;
}

.svg-Favorite {
	background: url(/fo/images/sprite.590fa1f9.svg) 85.1063829787234% 95.65217391304348% no-repeat;
}

.svg-Favorite-dims {
	width: 28px;
	height: 28px;
}

.svg-Favorite_Filled {
	background: url(/fo/images/sprite.590fa1f9.svg) 87.23404255319149% 95.65217391304348% no-repeat;
}

.svg-Favorite_Filled-dims {
	width: 28px;
	height: 28px;
}

.svg-Favorite_Generic {
	background: url(/fo/images/sprite.590fa1f9.svg) 89.36170212765957% 95.65217391304348% no-repeat;
}

.svg-Favorite_Generic-dims {
	width: 28px;
	height: 28px;
}

.svg-Favorite_Grey {
	background: url(/fo/images/sprite.590fa1f9.svg) 91.48936170212765% 95.65217391304348% no-repeat;
}

.svg-Favorite_Grey-dims {
	width: 28px;
	height: 28px;
}

.svg-Favorite_Yellow {
	background: url(/fo/images/sprite.590fa1f9.svg) 93.61702127659575% 95.65217391304348% no-repeat;
}

.svg-Favorite_Yellow-dims {
	width: 28px;
	height: 28px;
}

.svg-Favorites {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.74468085106383% 95.65217391304348% no-repeat;
}

.svg-Favorites-dims {
	width: 28px;
	height: 28px;
}

.svg-Favorites_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 0 97.82608695652173% no-repeat;
}

.svg-Favorites_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-File {
	background: url(/fo/images/sprite.590fa1f9.svg) 2.127659574468085% 97.82608695652173% no-repeat;
}

.svg-File-dims {
	width: 28px;
	height: 28px;
}

.svg-Filter {
	background: url(/fo/images/sprite.590fa1f9.svg) 4.25531914893617% 97.82608695652173% no-repeat;
}

.svg-Filter-dims {
	width: 28px;
	height: 28px;
}

.svg-Filter_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 6.382978723404255% 97.82608695652173% no-repeat;
}

.svg-Filter_Mobile-dims {
	width: 28px;
	height: 28px;
}

.svg-Financial_inquiry_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 41.104294478527606% 93.09803921568627% no-repeat;
}

.svg-Financial_inquiry_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Financing {
	background: url(/fo/images/sprite.590fa1f9.svg) 8.51063829787234% 97.82608695652173% no-repeat;
}

.svg-Financing-dims {
	width: 28px;
	height: 28px;
}

.svg-Financing_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 44.171779141104295% 93.09803921568627% no-repeat;
}

.svg-Financing_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Fingerprint {
	background: url(/fo/images/sprite.590fa1f9.svg) 10.638297872340425% 97.82608695652173% no-repeat;
}

.svg-Fingerprint-dims {
	width: 28px;
	height: 28px;
}

.svg-Flag_PH {
	background: url(/fo/images/sprite.590fa1f9.svg) 12.76595744680851% 97.82608695652173% no-repeat;
}

.svg-Flag_PH-dims {
	width: 28px;
	height: 28px;
}

.svg-For_Authentication {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 55.41890853189854% no-repeat;
}

.svg-For_Authentication-dims {
	width: 15px;
	height: 15px;
}

.svg-For_Authorization {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 56.57186779400461% no-repeat;
}

.svg-For_Authorization-dims {
	width: 15px;
	height: 15px;
}

.svg-For_Bank_Approval {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 57.72482705611068% no-repeat;
}

.svg-For_Bank_Approval-dims {
	width: 15px;
	height: 15px;
}

.svg-For_Clearing {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 58.87778631821676% no-repeat;
}

.svg-For_Clearing-dims {
	width: 15px;
	height: 15px;
}

.svg-For_Processing {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 60.03074558032283% no-repeat;
}

.svg-For_Processing-dims {
	width: 15px;
	height: 15px;
}

.svg-For_Release {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 61.1837048424289% no-repeat;
}

.svg-For_Release-dims {
	width: 15px;
	height: 15px;
}

.svg-For_Verification {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 62.336664104534975% no-repeat;
}

.svg-For_Verification-dims {
	width: 15px;
	height: 15px;
}

.svg-Foreign_Bills {
	background: url(/fo/images/sprite.590fa1f9.svg) 14.893617021276595% 97.82608695652173% no-repeat;
}

.svg-Foreign_Bills-dims {
	width: 28px;
	height: 28px;
}

.svg-Foreign_Exchange_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 47.239263803680984% 93.09803921568627% no-repeat;
}

.svg-Foreign_Exchange_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Forex {
	background: url(/fo/images/sprite.590fa1f9.svg) 17.02127659574468% 97.82608695652173% no-repeat;
}

.svg-Forex-dims {
	width: 28px;
	height: 28px;
}

.svg-Forex_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 19.148936170212767% 97.82608695652173% no-repeat;
}

.svg-Forex_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Freelancer {
	background: url(/fo/images/sprite.590fa1f9.svg) 13.924050632911392% 92.8921568627451% no-repeat;
}

.svg-Freelancer-dims {
	width: 80px;
	height: 92px;
}

.svg-Freelancer_50px {
	background: url(/fo/images/sprite.590fa1f9.svg) 25.846153846153847% 89.81042654028435% no-repeat;
}

.svg-Freelancer_50px-dims {
	width: 44px;
	height: 50px;
}

.svg-Freelancer_vector {
	background: url(/fo/images/sprite.590fa1f9.svg) 87.97113071371291% 74.35684647302905% no-repeat;
}

.svg-Freelancer_vector-dims {
	width: 97px;
	height: 111px;
}

.svg-Freelancer_vector {
	background: url(/fo/images/sprite.590fa1f9.svg) 0 85.14522821576763% no-repeat;
}

.svg-Freelancer_vector-dims {
	width: 97px;
	height: 111px;
}

.svg-Graph {
	background: url(/fo/images/sprite.590fa1f9.svg) 21.27659574468085% 97.82608695652173% no-repeat;
}

.svg-Graph-dims {
	width: 28px;
	height: 28px;
}

.svg-Graph_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 23.404255319148938% 97.82608695652173% no-repeat;
}

.svg-Graph_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-HTML {
	background: url(/fo/images/sprite.590fa1f9.svg) 25.53191489361702% 97.82608695652173% no-repeat;
}

.svg-HTML-dims {
	width: 28px;
	height: 28px;
}

.svg-Help {
	background: url(/fo/images/sprite.590fa1f9.svg) 27.659574468085108% 97.82608695652173% no-repeat;
}

.svg-Help-dims {
	width: 28px;
	height: 28px;
}

.svg-Help_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 29.78723404255319% 97.82608695652173% no-repeat;
}

.svg-Help_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-High {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 63.48962336664105% no-repeat;
}

.svg-High-dims {
	width: 15px;
	height: 15px;
}

.svg-Host_Timeout {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 64.64258262874712% no-repeat;
}

.svg-Host_Timeout-dims {
	width: 15px;
	height: 15px;
}

.svg-Import_Bills {
	background: url(/fo/images/sprite.590fa1f9.svg) 31.914893617021278% 97.82608695652173% no-repeat;
}

.svg-Import_Bills-dims {
	width: 28px;
	height: 28px;
}

.svg-Incoming {
	background: url(/fo/images/sprite.590fa1f9.svg) 34.04255319148936% 97.82608695652173% no-repeat;
}

.svg-Incoming-dims {
	width: 28px;
	height: 28px;
}

.svg-Individual {
	background: url(/fo/images/sprite.590fa1f9.svg) 36.170212765957444% 97.82608695652173% no-repeat;
}

.svg-Individual-dims {
	width: 28px;
	height: 28px;
}

.svg-Info {
	background: url(/fo/images/sprite.590fa1f9.svg) 38.297872340425535% 97.82608695652173% no-repeat;
}

.svg-Info-dims {
	width: 28px;
	height: 28px;
}

.svg-Info_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 40.42553191489362% 97.82608695652173% no-repeat;
}

.svg-Info_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Info_Blue_Container {
	background: url(/fo/images/sprite.590fa1f9.svg) 42.5531914893617% 97.82608695652173% no-repeat;
}

.svg-Info_Blue_Container-dims {
	width: 28px;
	height: 28px;
}

.svg-Info_Filled {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.24585218702866% 44.60708782742681% no-repeat;
}

.svg-Info_Filled-dims {
	width: 18px;
	height: 18px;
}

.svg-Info_Gray {
	background: url(/fo/images/sprite.590fa1f9.svg) 44.680851063829785% 97.82608695652173% no-repeat;
}

.svg-Info_Gray-dims {
	width: 28px;
	height: 28px;
}

.svg-Info_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 46.808510638297875% 97.82608695652173% no-repeat;
}

.svg-Info_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Info_Orange_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 48.93617021276596% 97.82608695652173% no-repeat;
}

.svg-Info_Orange_Mobile-dims {
	width: 28px;
	height: 28px;
}

.svg-Info_Yellow_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 51.06382978723404% 97.82608695652173% no-repeat;
}

.svg-Info_Yellow_Mobile-dims {
	width: 28px;
	height: 28px;
}

.svg-Info_white {
	background: url(/fo/images/sprite.590fa1f9.svg) 53.191489361702125% 97.82608695652173% no-repeat;
}

.svg-Info_white-dims {
	width: 28px;
	height: 28px;
}

.svg-Instructions {
	background: url(/fo/images/sprite.590fa1f9.svg) 55.319148936170215% 97.82608695652173% no-repeat;
}

.svg-Instructions-dims {
	width: 28px;
	height: 28px;
}

.svg-Is_Mobile_10px_Outline {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 44.33384379785605% no-repeat;
}

.svg-Is_Mobile_10px_Outline-dims {
	width: 10px;
	height: 10px;
}

.svg-Large_Corp {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.0886075949367% 35.241210139002455% no-repeat;
}

.svg-Large_Corp-dims {
	width: 80px;
	height: 93px;
}

.svg-Large_Corp_50px {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.07082371054658% 81.10671936758894% no-repeat;
}

.svg-Large_Corp_50px-dims {
	width: 45px;
	height: 51px;
}

.svg-Large_Corp_vector {
	background: url(/fo/images/sprite.590fa1f9.svg) 7.778668805132318% 85.14522821576763% no-repeat;
}

.svg-Large_Corp_vector-dims {
	width: 97px;
	height: 111px;
}

.svg-Large_Corp_vector {
	background: url(/fo/images/sprite.590fa1f9.svg) 15.557337610264636% 85.14522821576763% no-repeat;
}

.svg-Large_Corp_vector-dims {
	width: 97px;
	height: 111px;
}

.svg-Letters_of_Credit {
	background: url(/fo/images/sprite.590fa1f9.svg) 57.4468085106383% 97.82608695652173% no-repeat;
}

.svg-Letters_of_Credit-dims {
	width: 28px;
	height: 28px;
}

.svg-Limit {
	background: url(/fo/images/sprite.590fa1f9.svg) 59.57446808510638% 97.82608695652173% no-repeat;
}

.svg-Limit-dims {
	width: 28px;
	height: 28px;
}

.svg-List {
	background: url(/fo/images/sprite.590fa1f9.svg) 61.702127659574465% 97.82608695652173% no-repeat;
}

.svg-List-dims {
	width: 28px;
	height: 28px;
}

.svg-List_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.829787234042556% 97.82608695652173% no-repeat;
}

.svg-List_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-List_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 65.95744680851064% 97.82608695652173% no-repeat;
}

.svg-List_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-List_white {
	background: url(/fo/images/sprite.590fa1f9.svg) 68.08510638297872% 97.82608695652173% no-repeat;
}

.svg-List_white-dims {
	width: 28px;
	height: 28px;
}

.svg-Loans {
	background: url(/fo/images/sprite.590fa1f9.svg) 70.2127659574468% 97.82608695652173% no-repeat;
}

.svg-Loans-dims {
	width: 28px;
	height: 28px;
}

.svg-Loans_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 50.306748466257666% 93.09803921568627% no-repeat;
}

.svg-Loans_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Lock {
	background: url(/fo/images/sprite.590fa1f9.svg) 72.34042553191489% 97.82608695652173% no-repeat;
}

.svg-Lock-dims {
	width: 28px;
	height: 28px;
}

.svg-Lock_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 74.46808510638297% 97.82608695652173% no-repeat;
}

.svg-Lock_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Login_Menu_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 76.59574468085107% 97.82608695652173% no-repeat;
}

.svg-Login_Menu_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Logout {
	background: url(/fo/images/sprite.590fa1f9.svg) 78.72340425531915% 97.82608695652173% no-repeat;
}

.svg-Logout-dims {
	width: 28px;
	height: 28px;
}

.svg-Logout_Illustration {
	background: url(/fo/images/sprite.590fa1f9.svg) 32.6797385620915% 75.23089840470193% no-repeat;
}

.svg-Logout_Illustration-dims {
	width: 120px;
	height: 125px;
}

.svg-Low {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 65.79554189085319% no-repeat;
}

.svg-Low-dims {
	width: 15px;
	height: 15px;
}

.svg-Maintenance {
	background: url(/fo/images/sprite.590fa1f9.svg) 80.85106382978724% 97.82608695652173% no-repeat;
}

.svg-Maintenance-dims {
	width: 28px;
	height: 28px;
}

.svg-Maintenance_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 82.97872340425532% 97.82608695652173% no-repeat;
}

.svg-Maintenance_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Maintenance_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 85.1063829787234% 97.82608695652173% no-repeat;
}

.svg-Maintenance_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Maintenance_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 53.374233128834355% 93.09803921568627% no-repeat;
}

.svg-Maintenance_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Managers_Check_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 56.441717791411044% 93.09803921568627% no-repeat;
}

.svg-Managers_Check_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Medium {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 66.94850115295927% no-repeat;
}

.svg-Medium-dims {
	width: 15px;
	height: 15px;
}

.svg-Menu {
	background: url(/fo/images/sprite.590fa1f9.svg) 87.23404255319149% 97.82608695652173% no-repeat;
}

.svg-Menu-dims {
	width: 28px;
	height: 28px;
}

.svg-Menu_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 89.36170212765957% 97.82608695652173% no-repeat;
}

.svg-Menu_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Merchant_Placeholder {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 57.523510971786834% no-repeat;
}

.svg-Merchant_Placeholder-dims {
	width: 40px;
	height: 40px;
}

.svg-Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 91.48936170212765% 97.82608695652173% no-repeat;
}

.svg-Mobile-dims {
	width: 28px;
	height: 28px;
}

.svg-Mobile_OTP {
	background: url(/fo/images/sprite.590fa1f9.svg) 17.482517482517483% 75.54806070826307% no-repeat;
}

.svg-Mobile_OTP-dims {
	width: 200px;
	height: 130px;
}

.svg-Mobile_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 93.61702127659575% 97.82608695652173% no-repeat;
}

.svg-Mobile_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Mobile_Workflow_Blue {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.09638554216868% 45.92307692307692% no-repeat;
}

.svg-Mobile_Workflow_Blue-dims {
	width: 16px;
	height: 16px;
}

.svg-Mobile_Workflow_Green {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 47.15384615384615% no-repeat;
}

.svg-Mobile_Workflow_Green-dims {
	width: 15px;
	height: 16px;
}

.svg-Mobile_Workflow_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.09638554216868% 48.38461538461539% no-repeat;
}

.svg-Mobile_Workflow_Orange-dims {
	width: 16px;
	height: 16px;
}

.svg-Mobile_Workflow_Violet {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 68.10146041506533% no-repeat;
}

.svg-Mobile_Workflow_Violet-dims {
	width: 15px;
	height: 15px;
}

.svg-Modal_vector {
	background: url(/fo/images/sprite.590fa1f9.svg) 43.578947368421055% 53.22299651567944% no-repeat;
}

.svg-Modal_vector-dims {
	width: 394px;
	height: 168px;
}

.svg-Moon {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 47.04528012279356% no-repeat;
}

.svg-Moon-dims {
	width: 13px;
	height: 13px;
}

.svg-More {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.74468085106383% 97.82608695652173% no-repeat;
}

.svg-More-dims {
	width: 28px;
	height: 28px;
}

.svg-More_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 0 no-repeat;
}

.svg-More_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-My_Account {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 2.1739130434782608% no-repeat;
}

.svg-My_Account-dims {
	width: 28px;
	height: 28px;
}

.svg-My_Calendar {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 4.3478260869565215% no-repeat;
}

.svg-My_Calendar-dims {
	width: 28px;
	height: 28px;
}

.svg-New_Dispute {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 69.25441967717141% no-repeat;
}

.svg-New_Dispute-dims {
	width: 15px;
	height: 15px;
}

.svg-NoUser {
	background: url(/fo/images/sprite.590fa1f9.svg) 42.48366013071895% 75.23089840470193% no-repeat;
}

.svg-NoUser-dims {
	width: 120px;
	height: 125px;
}

.svg-No_Records {
	background: url(/fo/images/sprite.590fa1f9.svg) 52.287581699346404% 75.23089840470193% no-repeat;
}

.svg-No_Records-dims {
	width: 120px;
	height: 125px;
}

.svg-No_User_Added {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.091503267973856% 75.23089840470193% no-repeat;
}

.svg-No_User_Added-dims {
	width: 120px;
	height: 125px;
}

.svg-No_Widgets {
	background: url(/fo/images/sprite.590fa1f9.svg) 82.75862068965517% 37.28373702422145% no-repeat;
}

.svg-No_Widgets-dims {
	width: 300px;
	height: 160px;
}

.svg-None_20px {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.47089947089947% 36.95987654320987% no-repeat;
}

.svg-None_20px-dims {
	width: 21px;
	height: 20px;
}

.svg-Notification {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 6.521739130434782% no-repeat;
}

.svg-Notification-dims {
	width: 28px;
	height: 28px;
}

.svg-Notification_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 8.695652173913043% no-repeat;
}

.svg-Notification_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Now {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 10.869565217391305% no-repeat;
}

.svg-Now-dims {
	width: 28px;
	height: 28px;
}

.svg-OTP_bg {
	background: url(/fo/images/sprite.590fa1f9.svg) 0 0 no-repeat;
}

.svg-OTP_bg-dims {
	width: 414px;
	height: 896px;
}

.svg-On {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 13.043478260869565% no-repeat;
}

.svg-On-dims {
	width: 28px;
	height: 28px;
}

.svg-Open_Account {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 15.217391304347826% no-repeat;
}

.svg-Open_Account-dims {
	width: 28px;
	height: 28px;
}

.svg-Optimum_Savings {
	background: url(/fo/images/sprite.590fa1f9.svg) 33.603896103896105% 64.3270024772915% no-repeat;
}

.svg-Optimum_Savings-dims {
	width: 112px;
	height: 105px;
}

.svg-Options {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 17.391304347826086% no-repeat;
}

.svg-Options-dims {
	width: 28px;
	height: 28px;
}

.svg-Order {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 60.658307210031346% no-repeat;
}

.svg-Order-dims {
	width: 40px;
	height: 40px;
}

.svg-Other_Bank_Transfer_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 59.50920245398773% 93.09803921568627% no-repeat;
}

.svg-Other_Bank_Transfer_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Other_services_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.576687116564415% 93.09803921568627% no-repeat;
}

.svg-Other_services_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Others {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 19.565217391304348% no-repeat;
}

.svg-Others-dims {
	width: 28px;
	height: 28px;
}

.svg-Outgoing {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 21.73913043478261% no-repeat;
}

.svg-Outgoing-dims {
	width: 28px;
	height: 28px;
}

.svg-Outstanding {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 70.40737893927748% no-repeat;
}

.svg-Outstanding-dims {
	width: 15px;
	height: 15px;
}

.svg-Outstanding_Export_Bills {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 23.91304347826087% no-repeat;
}

.svg-Outstanding_Export_Bills-dims {
	width: 28px;
	height: 28px;
}

.svg-PDC_Warehousing_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 65.6441717791411% 93.09803921568627% no-repeat;
}

.svg-PDC_Warehousing_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-PDF {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 26.08695652173913% no-repeat;
}

.svg-PDF-dims {
	width: 28px;
	height: 28px;
}

.svg-PH {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 28.26086956521739% no-repeat;
}

.svg-PH-dims {
	width: 28px;
	height: 28px;
}

.svg-Pag-IBIG_Enrollment_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 68.71165644171779% 93.09803921568627% no-repeat;
}

.svg-Pag-IBIG_Enrollment_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Pag_ibig_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 71.77914110429448% 93.09803921568627% no-repeat;
}

.svg-Pag_ibig_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Paid {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 71.56033820138354% no-repeat;
}

.svg-Paid-dims {
	width: 15px;
	height: 15px;
}

.svg-Partially_Authorize {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 72.71329746348962% no-repeat;
}

.svg-Partially_Authorize-dims {
	width: 15px;
	height: 15px;
}

.svg-Partially_Bank_Approved {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 73.86625672559569% no-repeat;
}

.svg-Partially_Bank_Approved-dims {
	width: 15px;
	height: 15px;
}

.svg-Partially_Paid {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 75.01921598770177% no-repeat;
}

.svg-Partially_Paid-dims {
	width: 15px;
	height: 15px;
}

.svg-Partially_Released {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 76.17217524980784% no-repeat;
}

.svg-Partially_Released-dims {
	width: 15px;
	height: 15px;
}

.svg-Partially_Verified {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 77.32513451191392% no-repeat;
}

.svg-Partially_Verified-dims {
	width: 15px;
	height: 15px;
}

.svg-Password {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 63.793103448275865% no-repeat;
}

.svg-Password-dims {
	width: 40px;
	height: 40px;
}

.svg-Password_alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 30.434782608695652% no-repeat;
}

.svg-Password_alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Pay_Anyone {
	background: url(/fo/images/sprite.590fa1f9.svg) 70.06907137375288% 89.1065830721003% no-repeat;
}

.svg-Pay_Anyone-dims {
	width: 41px;
	height: 40px;
}

.svg-Pay_Anyone_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 74.84662576687117% 93.09803921568627% no-repeat;
}

.svg-Pay_Anyone_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Pay_Bills {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 32.608695652173914% no-repeat;
}

.svg-Pay_Bills-dims {
	width: 28px;
	height: 28px;
}

.svg-Pay_Bills_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 34.78260869565217% no-repeat;
}

.svg-Pay_Bills_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Pay_Bills_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 77.91411042944786% 93.09803921568627% no-repeat;
}

.svg-Pay_Bills_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Pay_Business_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 80.98159509202453% 93.09803921568627% no-repeat;
}

.svg-Pay_Business_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Pay_Employees_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 84.04907975460122% 93.09803921568627% no-repeat;
}

.svg-Pay_Employees_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Pay_Gov {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 36.95652173913044% no-repeat;
}

.svg-Pay_Gov-dims {
	width: 28px;
	height: 28px;
}

.svg-Pay_Government {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 66.92789968652038% no-repeat;
}

.svg-Pay_Government-dims {
	width: 40px;
	height: 40px;
}

.svg-Pay_Now {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 39.130434782608695% no-repeat;
}

.svg-Pay_Now-dims {
	width: 28px;
	height: 28px;
}

.svg-Payment_Confirmation {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 78.47809377401998% no-repeat;
}

.svg-Payment_Confirmation-dims {
	width: 15px;
	height: 15px;
}

.svg-Payment_Icon {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 70.0626959247649% no-repeat;
}

.svg-Payment_Icon-dims {
	width: 40px;
	height: 40px;
}

.svg-Payments_and_Transfers {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 41.30434782608695% no-repeat;
}

.svg-Payments_and_Transfers-dims {
	width: 28px;
	height: 28px;
}

.svg-Payments_and_Transfers_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 43.47826086956522% no-repeat;
}

.svg-Payments_and_Transfers_White-dims {
	width: 28px;
	height: 28px;
}

.svg-Pencil {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 45.65217391304348% no-repeat;
}

.svg-Pencil-dims {
	width: 28px;
	height: 28px;
}

.svg-Pending_Approval {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 79.63105303612606% no-repeat;
}

.svg-Pending_Approval-dims {
	width: 15px;
	height: 15px;
}

.svg-Pending_tasks {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.30275229357798% 12.96875% no-repeat;
}

.svg-Pending_tasks-dims {
	width: 36px;
	height: 36px;
}

.svg-Peso {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 47.82608695652174% no-repeat;
}

.svg-Peso-dims {
	width: 28px;
	height: 28px;
}

.svg-PhilHealth_Enrollment_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 87.11656441717791% 93.09803921568627% no-repeat;
}

.svg-PhilHealth_Enrollment_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Philhealth_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 90.1840490797546% 93.09803921568627% no-repeat;
}

.svg-Philhealth_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Pin {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 0 no-repeat;
}

.svg-Pin-dims {
	width: 40px;
	height: 41px;
}

.svg-Pin_Clear {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 50% no-repeat;
}

.svg-Pin_Clear-dims {
	width: 28px;
	height: 28px;
}

.svg-Placeholder_Profile_80px {
	background: url(/fo/images/sprite.590fa1f9.svg) 59.96835443037975% 83.00970873786407% no-repeat;
}

.svg-Placeholder_Profile_80px-dims {
	width: 80px;
	height: 80px;
}

.svg-Placeholder_User {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.61796042617961% 57.07620528771384% no-repeat;
}

.svg-Placeholder_User-dims {
	width: 30px;
	height: 30px;
}

.svg-Placeholder_User_40px {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 73.1974921630094% no-repeat;
}

.svg-Placeholder_User_40px-dims {
	width: 40px;
	height: 40px;
}

.svg-Plans_Check {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 52.17391304347826% no-repeat;
}

.svg-Plans_Check-dims {
	width: 28px;
	height: 28px;
}

.svg-Plus {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.013698630136986% 21.15085536547434% no-repeat;
}

.svg-Plus-dims {
	width: 30px;
	height: 30px;
}

.svg-Plus_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.013698630136986% 23.48367029548989% no-repeat;
}

.svg-Plus_Orange-dims {
	width: 30px;
	height: 30px;
}

.svg-Premium {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.732919254658384% 49.393694421988684% no-repeat;
}

.svg-Premium-dims {
	width: 56px;
	height: 79px;
}

.svg-Premium_25px {
	background: url(/fo/images/sprite.590fa1f9.svg) 94.76082004555809% 88.19390148553558% no-repeat;
}

.svg-Premium_25px-dims {
	width: 27px;
	height: 37px;
}

.svg-Premium_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.732919254658384% 55.78011317704123% no-repeat;
}

.svg-Premium_Mobile-dims {
	width: 56px;
	height: 79px;
}

.svg-Print {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 54.34782608695652% no-repeat;
}

.svg-Print-dims {
	width: 28px;
	height: 28px;
}

.svg-Processed {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 80.78401229823213% no-repeat;
}

.svg-Processed-dims {
	width: 15px;
	height: 15px;
}

.svg-Processing_60px {
	background: url(/fo/images/sprite.590fa1f9.svg) 84.42367601246106% 81.68789808917198% no-repeat;
}

.svg-Processing_60px-dims {
	width: 60px;
	height: 60px;
}

.svg-Profile {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 56.52173913043478% no-repeat;
}

.svg-Profile-dims {
	width: 28px;
	height: 28px;
}

.svg-Profile_Header {
	background: url(/fo/images/sprite.590fa1f9.svg) 44.516129032258064% 37.940140845070424% no-repeat;
}

.svg-Profile_Header-dims {
	width: 414px;
	height: 180px;
}

.svg-Profile_Nav {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 58.69565217391305% no-repeat;
}

.svg-Profile_Nav-dims {
	width: 28px;
	height: 28px;
}

.svg-Profile_Nav_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 60.869565217391305% no-repeat;
}

.svg-Profile_Nav_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Profile_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 63.04347826086956% no-repeat;
}

.svg-Profile_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Profile_Settings_Active {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 65.21739130434783% no-repeat;
}

.svg-Profile_Settings_Active-dims {
	width: 28px;
	height: 28px;
}

.svg-Profile_w_edit {
	background: url(/fo/images/sprite.590fa1f9.svg) 46.76258992805755% 83.00970873786407% no-repeat;
}

.svg-Profile_w_edit-dims {
	width: 93px;
	height: 80px;
}

.svg-QR_Code {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 67.3913043478261% no-repeat;
}

.svg-QR_Code-dims {
	width: 28px;
	height: 28px;
}

.svg-QR_Code_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 69.56521739130434% no-repeat;
}

.svg-QR_Code_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Question {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 71.73913043478261% no-repeat;
}

.svg-Question-dims {
	width: 28px;
	height: 28px;
}

.svg-Question_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 73.91304347826087% no-repeat;
}

.svg-Question_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Quick_Transfer {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 76.08695652173913% no-repeat;
}

.svg-Quick_Transfer-dims {
	width: 28px;
	height: 28px;
}

.svg-Quick_Transfer_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 78.26086956521739% no-repeat;
}

.svg-Quick_Transfer_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Radio {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 80.43478260869566% no-repeat;
}

.svg-Radio-dims {
	width: 28px;
	height: 28px;
}

.svg-Refresh {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 82.6086956521739% no-repeat;
}

.svg-Refresh-dims {
	width: 28px;
	height: 28px;
}

.svg-Reject {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 84.78260869565217% no-repeat;
}

.svg-Reject-dims {
	width: 28px;
	height: 28px;
}

.svg-Reject_Business_Requests_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 3.215686274509804% no-repeat;
}

.svg-Reject_Business_Requests_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Reject_Status {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 81.93697156033821% no-repeat;
}

.svg-Reject_Status-dims {
	width: 15px;
	height: 15px;
}

.svg-Rejected_MCD {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 83.08993082244427% no-repeat;
}

.svg-Rejected_MCD-dims {
	width: 15px;
	height: 15px;
}

.svg-Rejectedv2 {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 84.24289008455034% no-repeat;
}

.svg-Rejectedv2-dims {
	width: 15px;
	height: 15px;
}

.svg-Remove {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 86.95652173913044% no-repeat;
}

.svg-Remove-dims {
	width: 28px;
	height: 28px;
}

.svg-Reports {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 89.1304347826087% no-repeat;
}

.svg-Reports-dims {
	width: 28px;
	height: 28px;
}

.svg-Reports_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 91.30434782608695% no-repeat;
}

.svg-Reports_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Reports_Mobile {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 93.47826086956522% no-repeat;
}

.svg-Reports_Mobile-dims {
	width: 28px;
	height: 28px;
}

.svg-Reports_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 6.431372549019608% no-repeat;
}

.svg-Reports_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Reports_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 95.65217391304348% no-repeat;
}

.svg-Reports_White-dims {
	width: 28px;
	height: 28px;
}

.svg-Reset {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 97.82608695652173% no-repeat;
}

.svg-Reset-dims {
	width: 28px;
	height: 28px;
}

.svg-Reset_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 0 100% no-repeat;
}

.svg-Reset_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Reset_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 2.127659574468085% 100% no-repeat;
}

.svg-Reset_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Reset_User_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 9.647058823529411% no-repeat;
}

.svg-Reset_User_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Return {
	background: url(/fo/images/sprite.590fa1f9.svg) 4.25531914893617% 100% no-repeat;
}

.svg-Return-dims {
	width: 28px;
	height: 28px;
}

.svg-Return_to_maker {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 85.39584934665642% no-repeat;
}

.svg-Return_to_maker-dims {
	width: 15px;
	height: 15px;
}

.svg-Returned {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 86.54880860876249% no-repeat;
}

.svg-Returned-dims {
	width: 15px;
	height: 15px;
}

.svg-Right {
	background: url(/fo/images/sprite.590fa1f9.svg) 6.382978723404255% 100% no-repeat;
}

.svg-Right-dims {
	width: 28px;
	height: 28px;
}

.svg-Right_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 8.51063829787234% 100% no-repeat;
}

.svg-Right_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Rtm {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 87.70176787086857% no-repeat;
}

.svg-Rtm-dims {
	width: 15px;
	height: 15px;
}

.svg-SMEs {
	background: url(/fo/images/sprite.590fa1f9.svg) 20.253164556962027% 92.8921568627451% no-repeat;
}

.svg-SMEs-dims {
	width: 80px;
	height: 92px;
}

.svg-SMEs_50px {
	background: url(/fo/images/sprite.590fa1f9.svg) 29.23076923076923% 89.81042654028435% no-repeat;
}

.svg-SMEs_50px-dims {
	width: 44px;
	height: 50px;
}

.svg-SMEs_54px {
	background: url(/fo/images/sprite.590fa1f9.svg) 91.93798449612403% 29.289704708699123% no-repeat;
}

.svg-SMEs_54px-dims {
	width: 54px;
	height: 63px;
}

.svg-SMEs_vector {
	background: url(/fo/images/sprite.590fa1f9.svg) 23.33600641539695% 85.14522821576763% no-repeat;
}

.svg-SMEs_vector-dims {
	width: 97px;
	height: 111px;
}

.svg-SMEs_vector {
	background: url(/fo/images/sprite.590fa1f9.svg) 31.11467522052927% 85.14522821576763% no-repeat;
}

.svg-SMEs_vector-dims {
	width: 97px;
	height: 111px;
}

.svg-SOA {
	background: url(/fo/images/sprite.590fa1f9.svg) 10.638297872340425% 100% no-repeat;
}

.svg-SOA-dims {
	width: 28px;
	height: 28px;
}

.svg-SOA_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 12.76595744680851% 100% no-repeat;
}

.svg-SOA_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-SSS_Loans_Payment_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 12.862745098039216% no-repeat;
}

.svg-SSS_Loans_Payment_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-SSS_Payment_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 16.07843137254902% no-repeat;
}

.svg-SSS_Payment_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-STF {
	background: url(/fo/images/sprite.590fa1f9.svg) 14.893617021276595% 100% no-repeat;
}

.svg-STF-dims {
	width: 28px;
	height: 28px;
}

.svg-STF_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 17.02127659574468% 100% no-repeat;
}

.svg-STF_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-SXI_white_logo {
	background: url(/fo/images/sprite.590fa1f9.svg) 88.94080996884735% 45.81395348837209% no-repeat;
}

.svg-SXI_white_logo-dims {
	width: 60px;
	height: 26px;
}

.svg-Save {
	background: url(/fo/images/sprite.590fa1f9.svg) 19.148936170212767% 100% no-repeat;
}

.svg-Save-dims {
	width: 28px;
	height: 28px;
}

.svg-Save_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 21.27659574468085% 100% no-repeat;
}

.svg-Save_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Search {
	background: url(/fo/images/sprite.590fa1f9.svg) 23.404255319148938% 100% no-repeat;
}

.svg-Search-dims {
	width: 28px;
	height: 28px;
}

.svg-Search_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 25.53191489361702% 100% no-repeat;
}

.svg-Search_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Search_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 27.659574468085108% 100% no-repeat;
}

.svg-Search_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Search_Grey {
	background: url(/fo/images/sprite.590fa1f9.svg) 29.78723404255319% 100% no-repeat;
}

.svg-Search_Grey-dims {
	width: 28px;
	height: 28px;
}

.svg-Security {
	background: url(/fo/images/sprite.590fa1f9.svg) 31.914893617021278% 100% no-repeat;
}

.svg-Security-dims {
	width: 28px;
	height: 28px;
}

.svg-Security_Options {
	background: url(/fo/images/sprite.590fa1f9.svg) 34.04255319148936% 100% no-repeat;
}

.svg-Security_Options-dims {
	width: 28px;
	height: 28px;
}

.svg-Security_Options_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 36.170212765957444% 100% no-repeat;
}

.svg-Security_Options_White-dims {
	width: 28px;
	height: 28px;
}

.svg-Security_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 38.297872340425535% 100% no-repeat;
}

.svg-Security_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Sell {
	background: url(/fo/images/sprite.590fa1f9.svg) 40.42553191489362% 100% no-repeat;
}

.svg-Sell-dims {
	width: 28px;
	height: 28px;
}

.svg-Service_Placeholder {
	background: url(/fo/images/sprite.590fa1f9.svg) 42.5531914893617% 100% no-repeat;
}

.svg-Service_Placeholder-dims {
	width: 28px;
	height: 28px;
}

.svg-Settings {
	background: url(/fo/images/sprite.590fa1f9.svg) 44.680851063829785% 100% no-repeat;
}

.svg-Settings-dims {
	width: 28px;
	height: 28px;
}

.svg-Settings_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 46.808510638297875% 100% no-repeat;
}

.svg-Settings_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-Settings_Primary_Red {
	background: url(/fo/images/sprite.590fa1f9.svg) 48.93617021276596% 100% no-repeat;
}

.svg-Settings_Primary_Red-dims {
	width: 28px;
	height: 28px;
}

.svg-Settings_White {
	background: url(/fo/images/sprite.590fa1f9.svg) 51.06382978723404% 100% no-repeat;
}

.svg-Settings_White-dims {
	width: 28px;
	height: 28px;
}

.svg-Share {
	background: url(/fo/images/sprite.590fa1f9.svg) 53.191489361702125% 100% no-repeat;
}

.svg-Share-dims {
	width: 28px;
	height: 28px;
}

.svg-Show {
	background: url(/fo/images/sprite.590fa1f9.svg) 55.319148936170215% 100% no-repeat;
}

.svg-Show-dims {
	width: 28px;
	height: 28px;
}

.svg-Show_2 {
	background: url(/fo/images/sprite.590fa1f9.svg) 57.4468085106383% 100% no-repeat;
}

.svg-Show_2-dims {
	width: 28px;
	height: 28px;
}

.svg-Single_Transaction_File_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 19.294117647058822% no-repeat;
}

.svg-Single_Transaction_File_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Sort {
	background: url(/fo/images/sprite.590fa1f9.svg) 59.57446808510638% 100% no-repeat;
}

.svg-Sort-dims {
	width: 28px;
	height: 28px;
}

.svg-Statement_of_Account_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 22.50980392156863% no-repeat;
}

.svg-Statement_of_Account_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Success {
	background: url(/fo/images/sprite.590fa1f9.svg) 88.4455527847049% 62.414965986394556% no-repeat;
}

.svg-Success-dims {
	width: 141px;
	height: 140px;
}

.svg-Successful {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 88.85472713297463% no-repeat;
}

.svg-Successful-dims {
	width: 15px;
	height: 15px;
}

.svg-Successful_20px {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.39577039274924% 40.0462962962963% no-repeat;
}

.svg-Successful_20px-dims {
	width: 20px;
	height: 20px;
}

.svg-Successful_Ack_Page {
	background: url(/fo/images/sprite.590fa1f9.svg) 70.17268445839875% 82.34349919743178% no-repeat;
}

.svg-Successful_Ack_Page-dims {
	width: 70px;
	height: 70px;
}

.svg-Successful_Disabled_20px {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.39577039274924% 41.589506172839506% no-repeat;
}

.svg-Successful_Disabled_20px-dims {
	width: 20px;
	height: 20px;
}

.svg-Successful_Grey {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 90.00768639508071% no-repeat;
}

.svg-Successful_Grey-dims {
	width: 15px;
	height: 15px;
}

.svg-Suspend {
	background: url(/fo/images/sprite.590fa1f9.svg) 61.702127659574465% 100% no-repeat;
}

.svg-Suspend-dims {
	width: 28px;
	height: 28px;
}

.svg-Suspend_User_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 25.725490196078432% no-repeat;
}

.svg-Suspend_User_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Tagging_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 63.829787234042556% 100% no-repeat;
}

.svg-Tagging_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Task_List {
	background: url(/fo/images/sprite.590fa1f9.svg) 65.95744680851064% 100% no-repeat;
}

.svg-Task_List-dims {
	width: 28px;
	height: 28px;
}

.svg-Task_List_w_counter {
	background: url(/fo/images/sprite.590fa1f9.svg) 68.08510638297872% 100% no-repeat;
}

.svg-Task_List_w_counter-dims {
	width: 28px;
	height: 28px;
}

.svg-Task_List_with_Counter {
	background: url(/fo/images/sprite.590fa1f9.svg) 70.2127659574468% 100% no-repeat;
}

.svg-Task_List_with_Counter-dims {
	width: 28px;
	height: 28px;
}

.svg-Template {
	background: url(/fo/images/sprite.590fa1f9.svg) 72.34042553191489% 100% no-repeat;
}

.svg-Template-dims {
	width: 28px;
	height: 28px;
}

.svg-Template_Placeholder {
	background: url(/fo/images/sprite.590fa1f9.svg) 74.46808510638297% 100% no-repeat;
}

.svg-Template_Placeholder-dims {
	width: 28px;
	height: 28px;
}

.svg-Template_Vector {
	background: url(/fo/images/sprite.590fa1f9.svg) 91.40893470790378% 51.05177993527508% no-repeat;
}

.svg-Template_Vector-dims {
	width: 180px;
	height: 80px;
}

.svg-Templates {
	background: url(/fo/images/sprite.590fa1f9.svg) 76.59574468085107% 100% no-repeat;
}

.svg-Templates-dims {
	width: 28px;
	height: 28px;
}

.svg-To_do {
	background: url(/fo/images/sprite.590fa1f9.svg) 78.72340425531915% 100% no-repeat;
}

.svg-To_do-dims {
	width: 28px;
	height: 28px;
}

.svg-Tour {
	background: url(/fo/images/sprite.590fa1f9.svg) 80.85106382978724% 100% no-repeat;
}

.svg-Tour-dims {
	width: 28px;
	height: 28px;
}

.svg-Trail {
	background: url(/fo/images/sprite.590fa1f9.svg) 82.97872340425532% 100% no-repeat;
}

.svg-Trail-dims {
	width: 28px;
	height: 28px;
}

.svg-Transaction_Details {
	background: url(/fo/images/sprite.590fa1f9.svg) 85.1063829787234% 100% no-repeat;
}

.svg-Transaction_Details-dims {
	width: 28px;
	height: 28px;
}

.svg-Transaction_Details_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 87.23404255319149% 100% no-repeat;
}

.svg-Transaction_Details_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Transaction_History_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 28.941176470588236% no-repeat;
}

.svg-Transaction_History_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Transaction_Limit {
	background: url(/fo/images/sprite.590fa1f9.svg) 89.36170212765957% 100% no-repeat;
}

.svg-Transaction_Limit-dims {
	width: 28px;
	height: 28px;
}

.svg-Transaction_Limit_Orange {
	background: url(/fo/images/sprite.590fa1f9.svg) 91.48936170212765% 100% no-repeat;
}

.svg-Transaction_Limit_Orange-dims {
	width: 28px;
	height: 28px;
}

.svg-Transfer {
	background: url(/fo/images/sprite.590fa1f9.svg) 73.21565617805065% 89.1065830721003% no-repeat;
}

.svg-Transfer-dims {
	width: 41px;
	height: 40px;
}

.svg-Transfer_to_Own_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 32.15686274509804% no-repeat;
}

.svg-Transfer_to_Own_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Transfer_to_own_accts {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 35.372549019607845% no-repeat;
}

.svg-Transfer_to_own_accts-dims {
	width: 40px;
	height: 41px;
}

.svg-Try {
	background: url(/fo/images/sprite.590fa1f9.svg) 93.61702127659575% 100% no-repeat;
}

.svg-Try-dims {
	width: 28px;
	height: 28px;
}

.svg-Unlock {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.74468085106383% 100% no-repeat;
}

.svg-Unlock-dims {
	width: 28px;
	height: 28px;
}

.svg-Unlock_Black {
	background: url(/fo/images/sprite.590fa1f9.svg) 97.87234042553192% 100% no-repeat;
}

.svg-Unlock_Black-dims {
	width: 28px;
	height: 28px;
}

.svg-Unsuccessful {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 91.16064565718678% no-repeat;
}

.svg-Unsuccessful-dims {
	width: 15px;
	height: 15px;
}

.svg-Unsuspend {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 0 no-repeat;
}

.svg-Unsuspend-dims {
	width: 28px;
	height: 28px;
}

.svg-Up {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 2.1739130434782608% no-repeat;
}

.svg-Up-dims {
	width: 28px;
	height: 28px;
}

.svg-Upload {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 4.3478260869565215% no-repeat;
}

.svg-Upload-dims {
	width: 28px;
	height: 28px;
}

.svg-Upload_Camera {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.41284403669725% 91.08678655199374% no-repeat;
}

.svg-Upload_Camera-dims {
	width: 36px;
	height: 37px;
}

.svg-Upload_Menu {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 6.521739130434782% no-repeat;
}

.svg-Upload_Menu-dims {
	width: 28px;
	height: 28px;
}

.svg-Upload_Teal {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 76.33228840125392% no-repeat;
}

.svg-Upload_Teal-dims {
	width: 40px;
	height: 40px;
}

.svg-User_Group_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 38.588235294117645% no-repeat;
}

.svg-User_Group_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-User_ID {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 8.695652173913043% no-repeat;
}

.svg-User_ID-dims {
	width: 28px;
	height: 28px;
}

.svg-User_Placeholder {
	background: url(/fo/images/sprite.590fa1f9.svg) 71.89542483660131% 75.23089840470193% no-repeat;
}

.svg-User_Placeholder-dims {
	width: 120px;
	height: 125px;
}

.svg-User_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 41.80392156862745% no-repeat;
}

.svg-User_QL-dims {
	width: 40px;
	height: 41px;
}

.svg-Verification {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.09638554216868% 49.61538461538461% no-repeat;
}

.svg-Verification-dims {
	width: 16px;
	height: 16px;
}

.svg-Warning {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.39577039274924% 43.132716049382715% no-repeat;
}

.svg-Warning-dims {
	width: 20px;
	height: 20px;
}

.svg-Warning_Red {
	background: url(/fo/images/sprite.590fa1f9.svg) 99.02182091798345% 92.31360491929286% no-repeat;
}

.svg-Warning_Red-dims {
	width: 15px;
	height: 15px;
}

.svg-Warning_Triangle {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 10.869565217391305% no-repeat;
}

.svg-Warning_Triangle-dims {
	width: 28px;
	height: 28px;
}

.svg-Warning_Yellow {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 13.043478260869565% no-repeat;
}

.svg-Warning_Yellow-dims {
	width: 28px;
	height: 28px;
}

.svg-White_20px {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.12962962962963% 75.83011583011583% no-repeat;
}

.svg-White_20px-dims {
	width: 48px;
	height: 21px;
}

.svg-With_Notif {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 15.217391304347826% no-repeat;
}

.svg-With_Notif-dims {
	width: 28px;
	height: 28px;
}

.svg-Without_Notif {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 17.391304347826086% no-repeat;
}

.svg-Without_Notif-dims {
	width: 28px;
	height: 28px;
}

.svg-Workflow_Model {
	background: url(/fo/images/sprite.590fa1f9.svg) 38.98713826366559% 83.00970873786407% no-repeat;
}

.svg-Workflow_Model-dims {
	width: 100px;
	height: 80px;
}

.svg-XLS {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 19.565217391304348% no-repeat;
}

.svg-XLS-dims {
	width: 28px;
	height: 28px;
}

.svg-admn {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 21.73913043478261% no-repeat;
}

.svg-admn-dims {
	width: 28px;
	height: 28px;
}

.svg-basic-step7 {
	background: url(/fo/images/sprite.590fa1f9.svg) 91.98767334360555% 71.62270183852918% no-repeat;
}

.svg-basic-step7-dims {
	width: 46px;
	height: 65px;
}

.svg-blank_card {
	background: url(/fo/images/sprite.590fa1f9.svg) 81.05065666041276% 46.3166144200627% no-repeat;
}

.svg-blank_card-dims {
	width: 278px;
	height: 40px;
}

.svg-color_wheel {
	background: url(/fo/images/sprite.590fa1f9.svg) 32.71604938271605% 89.66876971608833% no-repeat;
}

.svg-color_wheel-dims {
	width: 48px;
	height: 48px;
}

.svg-deleteFile {
	background: url(/fo/images/sprite.590fa1f9.svg) 62.91793313069909% 25.796425796425797% no-repeat;
}

.svg-deleteFile-dims {
	width: 28px;
	height: 29px;
}

.svg-eCommerce {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 23.91304347826087% no-repeat;
}

.svg-eCommerce-dims {
	width: 28px;
	height: 28px;
}

.svg-eCommerce_Alt {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 26.08695652173913% no-repeat;
}

.svg-eCommerce_Alt-dims {
	width: 28px;
	height: 28px;
}

.svg-fav_generic_QL {
	background: url(/fo/images/sprite.590fa1f9.svg) 95.70552147239263% 79.46708463949844% no-repeat;
}

.svg-fav_generic_QL-dims {
	width: 40px;
	height: 40px;
}

.svg-location {
	background: url(/fo/images/sprite.590fa1f9.svg) 100% 28.26086956521739% no-repeat;
}

.svg-location-dims {
	width: 28px;
	height: 28px;
}

.svg-progressBar {
	background: url(/fo/images/sprite.590fa1f9.svg) 90.46546546546547% 58.16164817749604% no-repeat;
}

.svg-progressBar-dims {
	width: 12px;
	height: 54px;
}

.svg-remarksbg {
	background: url(/fo/images/sprite.590fa1f9.svg) 84.54011741682974% 12.807881773399014% no-repeat;
}

.svg-remarksbg-dims {
	width: 322px;
	height: 301px;
}

.svg-settlement_acct {
	background: url(/fo/images/sprite.590fa1f9.svg) 88.59283930058285% 54.988399071925755% no-repeat;
}

.svg-settlement_acct-dims {
	width: 143px;
	height: 23px;
}

.svg-sxiLogo {
	background: url(/fo/images/sprite.590fa1f9.svg) 92.0886075949367% 41.71974522292994% no-repeat;
}

.svg-sxiLogo-dims {
	width: 80px;
	height: 60px;
}


/*!
 * 
 * antd v3.13.4
 * 
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *       
 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
}

[tabindex='-1']:focus {
  outline: none !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
}

address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}

input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 500;
}

dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1em;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--main-color);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}

a:focus {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

a:hover {
  color: var(--button-hover-color);
}

a:active {
  color: var(--button-hover-color);
}

a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}

a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}

pre,
code,
kbd,
samp {
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}

figure {
  margin: 0 0 1em;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

mark {
  padding: 0.2em;
  background-color: #feffe6;
}

::-moz-selection {
  color: #fff;
  background: var(--main-color);
}

::selection {
  color: #fff;
  background: var(--main-color);
}

.clearfix {
  zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}

.clearfix::after {
  clear: both;
}

.anticon {
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.anticon>* {
  line-height: 1;
}

.anticon svg {
  display: inline-block;
}

.anticon::before {
  display: none;
}

.anticon .anticon-icon {
  display: block;
}

.anticon[tabindex] {
  cursor: pointer;
}

.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}

.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}

.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}

.fade-leave.fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}

.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}

.fade-leave {
  animation-timing-function: linear;
}

@keyframes antFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes antFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}

.move-up-leave.move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}

.move-up-enter,
.move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}

.move-down-leave.move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}

.move-down-enter,
.move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}

.move-left-leave.move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}

.move-left-enter,
.move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}

.move-right-leave.move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}

.move-right-enter,
.move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}

@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}

@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}

@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}

@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}

[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}

[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  display: block;
  border: 0 solid #44b160;
  border-radius: inherit;
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),
    waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  pointer-events: none;
  content: '';
}

@keyframes waveEffect {
  100% {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-width: 6px;
  }
}

@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}

.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}

.slide-up-leave.slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}

.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}

.slide-down-leave.slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}

.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}

.slide-left-leave.slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}

.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}

.slide-right-leave.slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}

.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }

  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }

  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }

  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}

.swing-enter,
.swing-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  animation-name: antSwingIn;
  animation-play-state: running;
}

@keyframes antSwingIn {

  0%,
  100% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-10px);
  }

  40% {
    transform: translateX(10px);
  }

  60% {
    transform: translateX(-5px);
  }

  80% {
    transform: translateX(5px);
  }
}

.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}

.zoom-leave.zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-enter,
.zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}

.zoom-big-leave.zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}

.zoom-up-leave.zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-up-enter,
.zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}

.zoom-down-leave.zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-down-enter,
.zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}

.zoom-left-leave.zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-left-enter,
.zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}

.zoom-right-leave.zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}

.zoom-right-enter,
.zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}

@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}

@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }

  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}

@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }

  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}

@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }

  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}

@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }

  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}

@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }

  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}

@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }

  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}

@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }

  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}

@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }

  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}

.ant-motion-collapse {
  overflow: hidden;
}

.ant-motion-collapse-active {
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  border-radius: 4px;
}

.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}

.ant-alert.ant-alert-closable {
  padding-right: 30px;
}

.ant-alert-icon {
  position: absolute;
  top: 11.5px;
  left: 16px;
}

.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}

.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}

.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}

.ant-alert-info {
  border: 1px solid #91d5ff;
  background-color: #d4f5db;
}

.ant-alert-info .ant-alert-icon {
  color: #44b160;
}

.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}

.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}

.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}

.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}

.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
}

.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}

.ant-alert-close-icon .anticon-close:hover {
  color: #404040;
}

.ant-alert-close-text {
  position: absolute;
  right: 16px;
}

.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  border-radius: 4px;
}

.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}

.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}

.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}

.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}

.ant-alert-with-description .ant-alert-description {
  display: block;
}

.ant-alert.ant-alert-close {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: 50% 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}

.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}

@keyframes antAlertSlideUpIn {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes antAlertSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}

.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: #fff;
}

.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #e8e8e8;
  content: ' ';
}

.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #44b160;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}

.ant-anchor-ink-ball.visible {
  display: inline-block;
}

.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}

.ant-anchor-link {
  padding: 8px 0 8px 16px;
  line-height: 1;
}

.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}

.ant-anchor-link-active>.ant-anchor-link-title {
  color: #44b160;
}

.ant-anchor-link .ant-anchor-link {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}

.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
}

.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px;
}

.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px;
}

.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}

.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}

.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}

.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px;
}

.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent;
}

.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}

.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px;
}

.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}

.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-select>ul>li>a {
  padding: 0;
  background-color: #fff;
}

.ant-select-arrow {
  display: inline-block;
  font-style: normal;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  transform-origin: 50% 50%;
}

.ant-select-arrow>* {
  line-height: 1;
}

.ant-select-arrow svg {
  display: block;
}

.ant-select-arrow::before {
  display: none;
}

.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}

.ant-select-arrow .ant-select-arrow-icon svg {
  transition: transform 0.3s;
}

.ant-select-selection {
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ededed;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-select-selection:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #28966e;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(156, 212, 172, 0.35);
  border-right-width: 1px !important;
}

.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}

.ant-select-selection__clear::before {
  display: block;
}

.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}

.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}

.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}

.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}

.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}

.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none;
}

.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}

.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer;
}

.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px;
}

.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  pointer-events: none;
  content: '.';
}

.ant-select-lg {
  font-size: 16px;
}

.ant-select-lg .ant-select-selection--single {
  height: 40px;
}

.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}

.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear {
  top: 20px;
}

.ant-select-sm .ant-select-selection--single {
  height: 24px;
}

.ant-select-sm .ant-select-selection__rendered {
  margin: 0 7px;
  line-height: 22px;
}

.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear {
  top: 12px;
}

.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}

.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}

.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}

.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}

.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}

.ant-select-search__field__placeholder {
  left: 12px;
}

.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}

.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}

.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}

.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}

.ant-select-search--inline>i {
  float: right;
}

.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}

.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  content: '';
  display: table;
}

.ant-select-selection--multiple::after {
  clear: both;
}

.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}

.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
}

.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}

.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}

.ant-select-selection--multiple>ul>li,
.ant-select-selection--multiple .ant-select-selection__rendered>ul>li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px;
}

.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}

.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}

.ant-select-selection--multiple .ant-select-selection__choice__remove>* {
  line-height: 1;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}

:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}

.ant-select-selection--multiple .ant-select-selection__clear {
  top: 16px;
}

.ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value {
  padding-right: 16px;
}

.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}

.ant-select-open .ant-select-arrow-icon svg {
  transform: rotate(180deg);
}

.ant-select-open .ant-select-selection {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-select-combobox .ant-select-arrow {
  display: none;
}

.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}

.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}

.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}

.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}

.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}

.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}

.ant-select-dropdown-hidden {
  display: none;
}

.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}

.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}

.ant-select-dropdown-menu-item-group-list>.ant-select-dropdown-menu-item {
  padding-left: 20px;
}

.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}

.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}

.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}

.ant-select-dropdown-menu-item:hover {
  background-color: #e6f7ff;
}

.ant-select-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}

.ant-select-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}

.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}

.ant-select-dropdown-menu-item-selected,
.ant-select-dropdown-menu-item-selected:hover {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}

.ant-select-dropdown-menu-item-active {
  background-color: #e6f7ff;
}

.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}

:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  font-size: 12px;
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #44b160;
}

.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}

.ant-empty-image img {
  height: 100%;
}

.ant-empty-description {
  margin: 0;
}

.ant-empty-footer {
  margin-top: 16px;
}

.ant-empty-small {
  margin: 8px 0;
}

.ant-empty-small .ant-empty-image {
  height: 35px;
}

.ant-empty-normal {
  margin: 32px 0;
}

.ant-empty-normal .ant-empty-image {
  height: 40px;
}

.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-empty-small {
  margin-left: 32px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}

.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-input:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-input:focus {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}

.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}

.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.ant-input-group>[class*='col-'] {
  padding-right: 8px;
}

.ant-input-group>[class*='col-']:last-child {
  padding-right: 0;
}

.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group>.ant-input {
  display: table-cell;
}

.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group>.ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}

.ant-input-group-wrap>* {
  display: block !important;
}

.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}

.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}

.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}

.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}

.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}

.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #44b160;
}

.ant-input-group-addon>i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.ant-input-group>.ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group>.ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group-addon:first-child {
  border-right: 0;
}

.ant-input-group-addon:last-child {
  border-left: 0;
}

.ant-input-group>.ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group>.ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group-lg .ant-input,
.ant-input-group-lg>.ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}

.ant-input-group-sm .ant-input,
.ant-input-group-sm>.ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}

.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}

.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}

.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}

.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}

.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  content: '';
  display: table;
}

.ant-input-group.ant-input-group-compact::after {
  clear: both;
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact>* {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact>*:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}

.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}

.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input {
  border-right-width: 1px;
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection:hover,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input:hover {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection:focus,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input:focus {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact>*:first-child,
.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ant-input-group.ant-input-group-compact>*:last-child,
.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input {
  vertical-align: top;
}

.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
}

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-input-affix-wrapper .ant-input {
  position: relative;
}

.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  transform: translateY(-50%);
}

.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}

.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}

.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}

.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}

.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}

.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}

.ant-input-password-icon {
  cursor: pointer;
  transition: all 0.3s;
}

.ant-input-password-icon:hover {
  color: #333;
}

.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}

.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}

.ant-input-search .ant-input-group-addon {
  padding: 0;
  border: 0;
}

.ant-input-search .ant-input-group-addon .ant-input-search-button {
  width: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}

.ant-btn>.anticon {
  line-height: 1;
}

.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}

.ant-btn:not([disabled]):hover {
  text-decoration: none;
}

.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}

.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}

.ant-btn.disabled>*,
.ant-btn[disabled]>* {
  pointer-events: none;
}

.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}

.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}

.ant-btn>a:only-child {
  color: currentColor;
}

.ant-btn>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn:hover,
.ant-btn:focus {
  color: #44b160;
  background-color: #fff;
  border-color: #44b160;
}

.ant-btn:hover>a:only-child,
.ant-btn:focus>a:only-child {
  color: currentColor;
}

.ant-btn:hover>a:only-child::after,
.ant-btn:focus>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn:active,
.ant-btn.active {
  color: var(--main-color);
  background-color: #fff;
  border-color: var(--main-color);
}

.ant-btn:active>a:only-child,
.ant-btn.active>a:only-child {
  color: currentColor;
}

.ant-btn:active>a:only-child::after,
.ant-btn.active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-disabled>a:only-child,
.ant-btn.disabled>a:only-child,
.ant-btn[disabled]>a:only-child,
.ant-btn-disabled:hover>a:only-child,
.ant-btn.disabled:hover>a:only-child,
.ant-btn[disabled]:hover>a:only-child,
.ant-btn-disabled:focus>a:only-child,
.ant-btn.disabled:focus>a:only-child,
.ant-btn[disabled]:focus>a:only-child,
.ant-btn-disabled:active>a:only-child,
.ant-btn.disabled:active>a:only-child,
.ant-btn[disabled]:active>a:only-child,
.ant-btn-disabled.active>a:only-child,
.ant-btn.disabled.active>a:only-child,
.ant-btn[disabled].active>a:only-child {
  color: currentColor;
}

.ant-btn-disabled>a:only-child::after,
.ant-btn.disabled>a:only-child::after,
.ant-btn[disabled]>a:only-child::after,
.ant-btn-disabled:hover>a:only-child::after,
.ant-btn.disabled:hover>a:only-child::after,
.ant-btn[disabled]:hover>a:only-child::after,
.ant-btn-disabled:focus>a:only-child::after,
.ant-btn.disabled:focus>a:only-child::after,
.ant-btn[disabled]:focus>a:only-child::after,
.ant-btn-disabled:active>a:only-child::after,
.ant-btn.disabled:active>a:only-child::after,
.ant-btn[disabled]:active>a:only-child::after,
.ant-btn-disabled.active>a:only-child::after,
.ant-btn.disabled.active>a:only-child::after,
.ant-btn[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}

.ant-btn>i,
.ant-btn>span {
  display: inline-block;
  pointer-events: none;
}

.ant-btn-primary {
  color: #fff;
  background-color: #44b160;
  border-color: #44b160;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}

.ant-btn-primary>a:only-child {
  color: currentColor;
}

.ant-btn-primary>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #44b160;
  border-color: #44b160;
}

.ant-btn-primary:hover>a:only-child,
.ant-btn-primary:focus>a:only-child {
  color: currentColor;
}

.ant-btn-primary:hover>a:only-child::after,
.ant-btn-primary:focus>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.ant-btn-primary:active>a:only-child,
.ant-btn-primary.active>a:only-child {
  color: currentColor;
}

.ant-btn-primary:active>a:only-child::after,
.ant-btn-primary.active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-primary-disabled>a:only-child,
.ant-btn-primary.disabled>a:only-child,
.ant-btn-primary[disabled]>a:only-child,
.ant-btn-primary-disabled:hover>a:only-child,
.ant-btn-primary.disabled:hover>a:only-child,
.ant-btn-primary[disabled]:hover>a:only-child,
.ant-btn-primary-disabled:focus>a:only-child,
.ant-btn-primary.disabled:focus>a:only-child,
.ant-btn-primary[disabled]:focus>a:only-child,
.ant-btn-primary-disabled:active>a:only-child,
.ant-btn-primary.disabled:active>a:only-child,
.ant-btn-primary[disabled]:active>a:only-child,
.ant-btn-primary-disabled.active>a:only-child,
.ant-btn-primary.disabled.active>a:only-child,
.ant-btn-primary[disabled].active>a:only-child {
  color: currentColor;
}

.ant-btn-primary-disabled>a:only-child::after,
.ant-btn-primary.disabled>a:only-child::after,
.ant-btn-primary[disabled]>a:only-child::after,
.ant-btn-primary-disabled:hover>a:only-child::after,
.ant-btn-primary.disabled:hover>a:only-child::after,
.ant-btn-primary[disabled]:hover>a:only-child::after,
.ant-btn-primary-disabled:focus>a:only-child::after,
.ant-btn-primary.disabled:focus>a:only-child::after,
.ant-btn-primary[disabled]:focus>a:only-child::after,
.ant-btn-primary-disabled:active>a:only-child::after,
.ant-btn-primary.disabled:active>a:only-child::after,
.ant-btn-primary[disabled]:active>a:only-child::after,
.ant-btn-primary-disabled.active>a:only-child::after,
.ant-btn-primary.disabled.active>a:only-child::after,
.ant-btn-primary[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #44b160;
  border-left-color: #44b160;
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #44b160;
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}

.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary+.ant-btn-primary {
  border-left-color: #44b160;
}

.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}

.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9;
}

.ant-btn-ghost>a:only-child {
  color: currentColor;
}

.ant-btn-ghost>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #44b160;
  background-color: transparent;
  border-color: #44b160;
}

.ant-btn-ghost:hover>a:only-child,
.ant-btn-ghost:focus>a:only-child {
  color: currentColor;
}

.ant-btn-ghost:hover>a:only-child::after,
.ant-btn-ghost:focus>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: var(--main-color);
  background-color: transparent;
  border-color: var(--main-color);
}

.ant-btn-ghost:active>a:only-child,
.ant-btn-ghost.active>a:only-child {
  color: currentColor;
}

.ant-btn-ghost:active>a:only-child::after,
.ant-btn-ghost.active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-ghost-disabled>a:only-child,
.ant-btn-ghost.disabled>a:only-child,
.ant-btn-ghost[disabled]>a:only-child,
.ant-btn-ghost-disabled:hover>a:only-child,
.ant-btn-ghost.disabled:hover>a:only-child,
.ant-btn-ghost[disabled]:hover>a:only-child,
.ant-btn-ghost-disabled:focus>a:only-child,
.ant-btn-ghost.disabled:focus>a:only-child,
.ant-btn-ghost[disabled]:focus>a:only-child,
.ant-btn-ghost-disabled:active>a:only-child,
.ant-btn-ghost.disabled:active>a:only-child,
.ant-btn-ghost[disabled]:active>a:only-child,
.ant-btn-ghost-disabled.active>a:only-child,
.ant-btn-ghost.disabled.active>a:only-child,
.ant-btn-ghost[disabled].active>a:only-child {
  color: currentColor;
}

.ant-btn-ghost-disabled>a:only-child::after,
.ant-btn-ghost.disabled>a:only-child::after,
.ant-btn-ghost[disabled]>a:only-child::after,
.ant-btn-ghost-disabled:hover>a:only-child::after,
.ant-btn-ghost.disabled:hover>a:only-child::after,
.ant-btn-ghost[disabled]:hover>a:only-child::after,
.ant-btn-ghost-disabled:focus>a:only-child::after,
.ant-btn-ghost.disabled:focus>a:only-child::after,
.ant-btn-ghost[disabled]:focus>a:only-child::after,
.ant-btn-ghost-disabled:active>a:only-child::after,
.ant-btn-ghost.disabled:active>a:only-child::after,
.ant-btn-ghost[disabled]:active>a:only-child::after,
.ant-btn-ghost-disabled.active>a:only-child::after,
.ant-btn-ghost.disabled.active>a:only-child::after,
.ant-btn-ghost[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}

.ant-btn-dashed>a:only-child {
  color: currentColor;
}

.ant-btn-dashed>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #44b160;
  background-color: #fff;
  border-color: #44b160;
}

.ant-btn-dashed:hover>a:only-child,
.ant-btn-dashed:focus>a:only-child {
  color: currentColor;
}

.ant-btn-dashed:hover>a:only-child::after,
.ant-btn-dashed:focus>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: var(--main-color);
  background-color: #fff;
  border-color: var(--main-color);
}

.ant-btn-dashed:active>a:only-child,
.ant-btn-dashed.active>a:only-child {
  color: currentColor;
}

.ant-btn-dashed:active>a:only-child::after,
.ant-btn-dashed.active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-dashed-disabled>a:only-child,
.ant-btn-dashed.disabled>a:only-child,
.ant-btn-dashed[disabled]>a:only-child,
.ant-btn-dashed-disabled:hover>a:only-child,
.ant-btn-dashed.disabled:hover>a:only-child,
.ant-btn-dashed[disabled]:hover>a:only-child,
.ant-btn-dashed-disabled:focus>a:only-child,
.ant-btn-dashed.disabled:focus>a:only-child,
.ant-btn-dashed[disabled]:focus>a:only-child,
.ant-btn-dashed-disabled:active>a:only-child,
.ant-btn-dashed.disabled:active>a:only-child,
.ant-btn-dashed[disabled]:active>a:only-child,
.ant-btn-dashed-disabled.active>a:only-child,
.ant-btn-dashed.disabled.active>a:only-child,
.ant-btn-dashed[disabled].active>a:only-child {
  color: currentColor;
}

.ant-btn-dashed-disabled>a:only-child::after,
.ant-btn-dashed.disabled>a:only-child::after,
.ant-btn-dashed[disabled]>a:only-child::after,
.ant-btn-dashed-disabled:hover>a:only-child::after,
.ant-btn-dashed.disabled:hover>a:only-child::after,
.ant-btn-dashed[disabled]:hover>a:only-child::after,
.ant-btn-dashed-disabled:focus>a:only-child::after,
.ant-btn-dashed.disabled:focus>a:only-child::after,
.ant-btn-dashed[disabled]:focus>a:only-child::after,
.ant-btn-dashed-disabled:active>a:only-child::after,
.ant-btn-dashed.disabled:active>a:only-child::after,
.ant-btn-dashed[disabled]:active>a:only-child::after,
.ant-btn-dashed-disabled.active>a:only-child::after,
.ant-btn-dashed.disabled.active>a:only-child::after,
.ant-btn-dashed[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger {
  color: #f5222d;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}

.ant-btn-danger>a:only-child {
  color: currentColor;
}

.ant-btn-danger>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
}

.ant-btn-danger:hover>a:only-child {
  color: currentColor;
}

.ant-btn-danger:hover>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: #fff;
  border-color: #ff4d4f;
}

.ant-btn-danger:focus>a:only-child {
  color: currentColor;
}

.ant-btn-danger:focus>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #cf1322;
  border-color: #cf1322;
}

.ant-btn-danger:active>a:only-child,
.ant-btn-danger.active>a:only-child {
  color: currentColor;
}

.ant-btn-danger:active>a:only-child::after,
.ant-btn-danger.active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-danger-disabled>a:only-child,
.ant-btn-danger.disabled>a:only-child,
.ant-btn-danger[disabled]>a:only-child,
.ant-btn-danger-disabled:hover>a:only-child,
.ant-btn-danger.disabled:hover>a:only-child,
.ant-btn-danger[disabled]:hover>a:only-child,
.ant-btn-danger-disabled:focus>a:only-child,
.ant-btn-danger.disabled:focus>a:only-child,
.ant-btn-danger[disabled]:focus>a:only-child,
.ant-btn-danger-disabled:active>a:only-child,
.ant-btn-danger.disabled:active>a:only-child,
.ant-btn-danger[disabled]:active>a:only-child,
.ant-btn-danger-disabled.active>a:only-child,
.ant-btn-danger.disabled.active>a:only-child,
.ant-btn-danger[disabled].active>a:only-child {
  color: currentColor;
}

.ant-btn-danger-disabled>a:only-child::after,
.ant-btn-danger.disabled>a:only-child::after,
.ant-btn-danger[disabled]>a:only-child::after,
.ant-btn-danger-disabled:hover>a:only-child::after,
.ant-btn-danger.disabled:hover>a:only-child::after,
.ant-btn-danger[disabled]:hover>a:only-child::after,
.ant-btn-danger-disabled:focus>a:only-child::after,
.ant-btn-danger.disabled:focus>a:only-child::after,
.ant-btn-danger[disabled]:focus>a:only-child::after,
.ant-btn-danger-disabled:active>a:only-child::after,
.ant-btn-danger.disabled:active>a:only-child::after,
.ant-btn-danger[disabled]:active>a:only-child::after,
.ant-btn-danger-disabled.active>a:only-child::after,
.ant-btn-danger.disabled.active>a:only-child::after,
.ant-btn-danger[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 16px;
  border-radius: 32px;
}

.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 18px;
  border-radius: 40px;
}

.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}

.ant-btn-circle,
.ant-btn-circle-outline {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
}

.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 50%;
}

.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
}

.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  pointer-events: none;
  content: '';
}

.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-btn .anticon.anticon-plus>svg,
.ant-btn .anticon.anticon-minus>svg {
  shape-rendering: optimizeSpeed;
}

.ant-btn.ant-btn-loading::before {
  display: block;
}

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  position: relative;
  padding-left: 29px;
  pointer-events: none;
}

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}

.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}

.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}

.ant-btn-group {
  position: relative;
  display: inline-block;
}

.ant-btn-group>.ant-btn,
.ant-btn-group>span>.ant-btn {
  position: relative;
}

.ant-btn-group>.ant-btn:hover,
.ant-btn-group>span>.ant-btn:hover,
.ant-btn-group>.ant-btn:focus,
.ant-btn-group>span>.ant-btn:focus,
.ant-btn-group>.ant-btn:active,
.ant-btn-group>span>.ant-btn:active,
.ant-btn-group>.ant-btn.active,
.ant-btn-group>span>.ant-btn.active {
  z-index: 2;
}

.ant-btn-group>.ant-btn:disabled,
.ant-btn-group>span>.ant-btn:disabled {
  z-index: 0;
}

.ant-btn-group-lg>.ant-btn,
.ant-btn-group-lg>span>.ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px;
}

.ant-btn-group-sm>.ant-btn,
.ant-btn-group-sm>span>.ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px;
}

.ant-btn-group-sm>.ant-btn>.anticon,
.ant-btn-group-sm>span>.ant-btn>.anticon {
  font-size: 14px;
}

.ant-btn-group .ant-btn+.ant-btn,
.ant-btn+.ant-btn-group,
.ant-btn-group span+.ant-btn,
.ant-btn-group .ant-btn+span,
.ant-btn-group>span+span,
.ant-btn-group+.ant-btn,
.ant-btn-group+.ant-btn-group {
  margin-left: -1px;
}

.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}

.ant-btn-group .ant-btn {
  border-radius: 0;
}

.ant-btn-group>.ant-btn:first-child,
.ant-btn-group>span:first-child>.ant-btn {
  margin-left: 0;
}

.ant-btn-group>.ant-btn:only-child {
  border-radius: 4px;
}

.ant-btn-group>span:only-child>.ant-btn {
  border-radius: 4px;
}

.ant-btn-group>.ant-btn:first-child:not(:last-child),
.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ant-btn-group>.ant-btn:last-child:not(:first-child),
.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ant-btn-group-sm>.ant-btn:only-child {
  border-radius: 4px;
}

.ant-btn-group-sm>span:only-child>.ant-btn {
  border-radius: 4px;
}

.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ant-btn-group>.ant-btn-group {
  float: left;
}

.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
  border-radius: 0;
}

.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-btn:focus>span,
.ant-btn:active>span {
  position: relative;
}

.ant-btn>.anticon+span,
.ant-btn>span+.anticon {
  margin-left: 8px;
}

.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}

.ant-btn-background-ghost.ant-btn-primary {
  color: #44b160;
  background-color: transparent;
  border-color: #44b160;
  text-shadow: none;
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #44b160;
  background-color: transparent;
  border-color: #44b160;
}

.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: var(--main-color);
  background-color: transparent;
  border-color: var(--main-color);
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active>a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-danger {
  color: #f5222d;
  background-color: transparent;
  border-color: #f5222d;
  text-shadow: none;
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
}

.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #cf1322;
  background-color: transparent;
  border-color: #cf1322;
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active>a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child {
  color: currentColor;
}

.ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}

.ant-btn-two-chinese-chars>*:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}

.ant-btn-block {
  width: 100%;
}

.ant-btn:empty {
  vertical-align: top;
}

a.ant-btn {
  line-height: 30px;
}

a.ant-btn-lg {
  line-height: 38px;
}

a.ant-btn-sm {
  line-height: 22px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}

.ant-avatar-image {
  background: transparent;
}

.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}

.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}

.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}

.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}

.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}

.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}

.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}

.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}

.ant-avatar-square {
  border-radius: 4px;
}

.ant-avatar>img {
  display: block;
  width: 100%;
  height: 100%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-back-top-icon {
  width: 14px;
  height: 16px;
  margin: 12px auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;
}

@media screen and (max-width: 811px) {
  .ant-back-top {
    right: 60px;
  }
}

@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}

.ant-badge-count {
  z-index: 10;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}

.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}

.ant-badge-multiple-words {
  padding: 0 8px;
}

.ant-badge-dot {
  z-index: 10;
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}

.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}

.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}

.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}

.ant-badge-status-success {
  background-color: #52c41a;
}

.ant-badge-status-processing {
  position: relative;
  background-color: #44b160;
}

.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #44b160;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}

.ant-badge-status-default {
  background-color: #d9d9d9;
}

.ant-badge-status-error {
  background-color: #f5222d;
}

.ant-badge-status-warning {
  background-color: #faad14;
}

.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}

.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}

.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}

.ant-badge-not-a-wrapper {
  vertical-align: middle;
}

.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}

.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}

@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }

  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}

.ant-scroll-number {
  overflow: hidden;
}

.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-scroll-number-only>p {
  height: 20px;
  margin: 0;
}

@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }

  100% {
    transform: scale(1) translate(50%, -50%);
  }
}

@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }

  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.ant-breadcrumb .anticon {
  font-size: 14px;
}

.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}

.ant-breadcrumb a:hover {
  color: #44b160;
}

.ant-breadcrumb>span:last-child {
  color: rgba(0, 0, 0, 0.65);
}

.ant-breadcrumb>span:last-child .ant-breadcrumb-separator {
  display: none;
}

.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}

.ant-breadcrumb-link>.anticon+span {
  margin-left: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-fullcalendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid #d9d9d9;
  outline: none;
}

.ant-select.ant-fullcalendar-year-select {
  min-width: 90px;
}

.ant-select.ant-fullcalendar-year-select.ant-select-sm {
  min-width: 70px;
}

.ant-select.ant-fullcalendar-month-select {
  min-width: 80px;
  margin-left: 8px;
}

.ant-select.ant-fullcalendar-month-select.ant-select-sm {
  min-width: 60px;
}

.ant-fullcalendar-header {
  padding: 11px 16px 11px 0;
  text-align: right;
}

.ant-fullcalendar-header .ant-select-dropdown {
  text-align: left;
}

.ant-fullcalendar-header .ant-radio-group {
  margin-left: 8px;
  text-align: left;
}

.ant-fullcalendar-header label.ant-radio-button {
  height: 22px;
  padding: 0 10px;
  line-height: 20px;
}

.ant-fullcalendar-date-panel {
  position: relative;
  outline: none;
}

.ant-fullcalendar-calendar-body {
  padding: 8px 12px;
}

.ant-fullcalendar table {
  width: 100%;
  max-width: 100%;
  height: 256px;
  background-color: transparent;
  border-collapse: collapse;
}

.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0;
}

.ant-fullcalendar td {
  position: relative;
}

.ant-fullcalendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}

.ant-fullcalendar-column-header {
  width: 33px;
  padding: 0;
  line-height: 18px;
  text-align: center;
}

.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
  display: block;
  font-weight: normal;
}

.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
  display: none;
}

.ant-fullcalendar-month,
.ant-fullcalendar-date {
  text-align: center;
  transition: all 0.3s;
}

.ant-fullcalendar-value {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  transition: all 0.3s;
}

.ant-fullcalendar-value:hover {
  background: #e6f7ff;
  cursor: pointer;
}

.ant-fullcalendar-value:active {
  color: #fff;
  background: #44b160;
}

.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
  width: 48px;
}

.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  box-shadow: 0 0 0 1px #44b160 inset;
}

.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  color: #fff;
  background: #44b160;
}

.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25);
}

.ant-fullcalendar-month-panel-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.ant-fullcalendar-content {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
}

.ant-fullcalendar-fullscreen {
  border-top: 0;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
  table-layout: fixed;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
  margin-left: 16px;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
  height: 32px;
  line-height: 30px;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  display: block;
  height: 116px;
  margin: 0 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  border-top: 2px solid #e8e8e8;
  transition: background 0.3s;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: #bae7ff;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
  padding-right: 12px;
  padding-bottom: 5px;
  text-align: right;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  width: auto;
  text-align: right;
  background: transparent;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.65);
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  background: transparent;
  border-top-color: #44b160;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  box-shadow: none;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: #e6f7ff;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: #44b160;
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: rgba(0, 0, 0, 0.25);
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
  position: static;
  width: auto;
  height: 88px;
  overflow-y: auto;
}

.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
  cursor: not-allowed;
}

.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent;
}

.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  cursor: not-allowed;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
}

.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
}

.ant-radio-wrapper-checked {
  font-weight: bold;
}

.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--placeholder-color);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}

.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus+.ant-radio-inner {
  border-color: var(--main-color);
}

.ant-radio-input:focus+.ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(251, 102, 87, 0.08);
}

.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main-color);
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}

.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}

.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #F5F6F7;
  border-color: #B0C2C6;
  border-style: solid;
  border-width: 1.5px;
  border-radius: 100px;
  transition: all 0.3s;
}

.ant-radio-wrapper-checked .ant-radio-inner {
  background-color: var(--main-color);
}

/* 
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: var(--main-color);
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
} */
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.ant-radio-checked .ant-radio-inner {
  border-color: var(--main-color);
}

.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: var(--border-color) !important;
  cursor: not-allowed;
}

.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}

.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}

.ant-radio-disabled+span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

span.ant-radio+* {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}

.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65);
}

.ant-radio-button-wrapper>.ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}

.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}

.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}

.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: '';
}

.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}

.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}

.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}

.ant-radio-button-wrapper:hover {
  position: relative;
  color: var(--main-color);
}

.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}

.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.ant-radio-button-wrapper-checked {
  z-index: 1;
  color: var(--main-color);
  background: #fff;
  border-color: #44b160;
}

.ant-radio-button-wrapper-checked::before {
  background-color: var(--main-color) !important;
  opacity: 0.1;
}

.ant-radio-button-wrapper-checked:first-child {
  border-color: var(--main-color);
  box-shadow: none !important;
}

.ant-radio-button-wrapper-checked:hover {
  color: #44b160;
  border-color: #44b160;
  box-shadow: -1px 0 0 0 #44b160;
}

.ant-radio-button-wrapper-checked:active {
  color: var(--main-color);
  border-color: var(--main-color);
  box-shadow: -1px 0 0 0 var(--main-color);
}

.ant-radio-button-wrapper-checked:focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: var(--main-color);
  border-color: var(--main-color);
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: var(--main-color);
  border-color: var(--main-color);
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: var(--main-color);
  border-color: var(--main-color);
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}

.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}

.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}

@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s;
}

.ant-card-hoverable {
  cursor: pointer;
}

.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}

.ant-card-bordered {
  border: 1px solid #e8e8e8;
}

.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}

.ant-card-head::before,
.ant-card-head::after {
  content: '';
  display: table;
}

.ant-card-head::after {
  clear: both;
}

.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}

.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}

.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}

.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}

.ant-card-body {
  padding: 24px;
  zoom: 1;
}

.ant-card-body::before,
.ant-card-body::after {
  content: '';
  display: table;
}

.ant-card-body::after {
  clear: both;
}

.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}

.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset,
    0 1px 0 0 #e8e8e8 inset;
  transition: all 0.3s;
}

.ant-card-grid:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-card-contain-tabs>.ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}

.ant-card-contain-tabs .ant-card-extra {
  padding-bottom: 0;
}

.ant-card-cover>* {
  display: block;
  width: 100%;
}

.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}

.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  zoom: 1;
}

.ant-card-actions::before,
.ant-card-actions::after {
  content: '';
  display: table;
}

.ant-card-actions::after {
  clear: both;
}

.ant-card-actions>li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}

.ant-card-actions>li>span {
  position: relative;
  display: inline-block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.ant-card-actions>li>span:hover {
  color: var(--main-color);
  transition: color 0.3s;
}

.ant-card-actions>li>span>.anticon {
  font-size: 16px;
  line-height: 22px;
}

.ant-card-actions>li>span a {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
}

.ant-card-actions>li>span a:hover {
  color: var(--main-color);
}

.ant-card-actions>li:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}

.ant-card-wider-padding .ant-card-head {
  padding: 0 32px;
}

.ant-card-wider-padding .ant-card-body {
  padding: 24px 32px;
}

.ant-card-padding-transition .ant-card-head,
.ant-card-padding-transition .ant-card-body {
  transition: padding 0.3s;
}

.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}

.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}

.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}

.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}

.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}

.ant-card-meta::before,
.ant-card-meta::after {
  content: '';
  display: table;
}

.ant-card-meta::after {
  clear: both;
}

.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}

.ant-card-meta-detail {
  overflow: hidden;
}

.ant-card-meta-detail>div:not(:last-child) {
  margin-bottom: 8px;
}

.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}

.ant-card-loading {
  overflow: hidden;
}

.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-card-loading-content p {
  margin: 0;
}

.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg,
      rgba(207, 216, 220, 0.2),
      rgba(207, 216, 220, 0.4),
      rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}

@keyframes card-loading {

  0%,
  100% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

.ant-card-small>.ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}

.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title {
  padding: 8px 0;
}

.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}

.ant-card-small>.ant-card-body {
  padding: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  padding-bottom: 1px;
  color: var(--main-color);
  background: #fff;
  border-color: #e8e8e8;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  transition: all 0.3s;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85);
}

.ant-tabs.ant-tabs-card .ant-tabs-card-content>.ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content>.ant-tabs-tabpane {
  transition: none !important;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-content>.ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content>.ant-tabs-tabpane-inactive {
  overflow: hidden;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}

.ant-tabs-extra-content {
  line-height: 40px;
}

.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}

.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: auto;
}

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}

.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}

.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: var(--main-color);
}

.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* color: rgba(0, 0, 0, 0.65); */
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.ant-tabs::before,
.ant-tabs::after {
  content: '';
  display: table;
}

.ant-tabs::after {
  clear: both;
}

.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  height: 2px;
  background-color: var(--main-color);
  transform-origin: 0 0;
}

.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid var(--border-color);
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}

.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  content: '';
  display: table;
}

.ant-tabs-nav-container::after {
  clear: both;
}

.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
  width: calc(100% - 32px);
}

.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}

.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}

.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}

.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}

.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65);
}

.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, -50%);
}

.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}

:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}

.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}

.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}

.ant-tabs-tab-next {
  right: 2px;
}

.ant-tabs-tab-prev {
  left: 0;
}

:root .ant-tabs-tab-prev {
  filter: none;
}

.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}

.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}

.ant-tabs-nav {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}

.ant-tabs-nav::after {
  clear: both;
}

.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}

.ant-tabs-nav .ant-tabs-tab:hover {
  color: var(--main-color);
}

.ant-tabs-nav .ant-tabs-tab:active {
  color: var(--main-color);
}

.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}

.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-tabs-nav .ant-tabs-tab-active {
  color: var(--main-color);
  font-weight: 500;
}

.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}

.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}

.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}

.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}

.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}

.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  opacity: 1;
  transition: opacity 0.45s;
}

.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  opacity: 0;
  pointer-events: none;
}

.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}

.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}

.ant-tabs .ant-tabs-left-bar-tab-prev,
.ant-tabs .ant-tabs-right-bar-tab-prev,
.ant-tabs .ant-tabs-left-bar-tab-next,
.ant-tabs .ant-tabs-right-bar-tab-next {
  width: 32px;
  height: 0;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs .ant-tabs-left-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-left-bar-tab-next.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar-tab-next.ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: auto;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  bottom: 0;
  width: 100%;
  height: 32px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}

.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}

.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}

.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}

.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}

.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}

.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}

.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}

.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}

.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}

.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.no-flex>.ant-tabs-content>.ant-tabs-content-animated,
.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}

.no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive,
.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive {
  display: none;
}

.ant-tabs-left-content>.ant-tabs-content-animated,
.ant-tabs-right-content>.ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}

.ant-tabs-left-content>.ant-tabs-tabpane-inactive,
.ant-tabs-right-content>.ant-tabs-tabpane-inactive {
  display: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}

.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.ant-carousel .slick-list:focus {
  outline: none;
}

.ant-carousel .slick-list.dragging {
  cursor: pointer;
}

.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}

.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}

.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}

.ant-carousel .slick-track::after {
  clear: both;
}

.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}

.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}

.ant-carousel .slick-slide img {
  display: block;
}

.ant-carousel .slick-slide.slick-loading img {
  display: none;
}

.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}

.ant-carousel .slick-initialized .slick-slide {
  display: block;
}

.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}

.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}

.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}

.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}

.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}

.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}

.ant-carousel .slick-prev {
  left: -25px;
}

.ant-carousel .slick-prev::before {
  content: '←';
}

.ant-carousel .slick-next {
  right: -25px;
}

.ant-carousel .slick-next::before {
  content: '→';
}

.ant-carousel .slick-dots {
  position: absolute;
  bottom: 12px;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}

.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}

.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}

.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}

.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}

.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}

.ant-carousel-vertical .slick-dots {
  top: 50%;
  right: 12px;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}

.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}

.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}

.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}

.ant-cascader-input.ant-input {
  position: relative;
  width: 100%;
  background-color: transparent !important;
  cursor: pointer;
}

.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}

.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}

.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}

.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}

.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}

.ant-cascader-picker:focus .ant-cascader-input {
  border-color: var(--main-color);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25);
}

.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
}

.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}

.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}

.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  transition: transform 0.2s;
}

.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  transform: rotate(180deg);
}

.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px;
}

.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}

.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}

.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}

.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #e8e8e8;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px;
}

.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0;
}

.ant-cascader-menu:only-child {
  border-radius: 4px;
}

.ant-cascader-menu-item {
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-cascader-menu-item:hover {
  background: #e6f7ff;
}

.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background: #f5f5f5;
}

.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}

.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45);
}

:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
  font-size: 12px;
}

.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus+.ant-checkbox-inner {
  border-color: var(--main-color);
}

.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main-color);
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}

.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}

.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}

.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.ant-checkbox-disabled {
  cursor: not-allowed;
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}

.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}

.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}

.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}

.ant-checkbox-disabled+span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}

.ant-checkbox-wrapper+.ant-checkbox-wrapper {
  margin-left: 8px;
}

.ant-checkbox-wrapper+span,
.ant-checkbox+span {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}

.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}

.ant-checkbox-group-item:last-child {
  margin-right: 0;
}

.ant-checkbox-group-item+.ant-checkbox-group-item {
  margin-left: 0;
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}

.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--main-color);
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  box-sizing: border-box;
}

.ant-row::before,
.ant-row::after {
  content: '';
  display: table;
}

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

.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}

.ant-row-flex::before,
.ant-row-flex::after {
  display: flex;
}

.ant-row-flex-start {
  justify-content: flex-start;
}

.ant-row-flex-center {
  justify-content: center;
}

.ant-row-flex-end {
  justify-content: flex-end;
}

.ant-row-flex-space-between {
  justify-content: space-between;
}

.ant-row-flex-space-around {
  justify-content: space-around;
}

.ant-row-flex-top {
  align-items: flex-start;
}

.ant-row-flex-middle {
  align-items: center;
}

.ant-row-flex-bottom {
  align-items: flex-end;
}

.ant-col {
  position: relative;
  display: block;
}

.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  flex: 0 0 auto;
  float: left;
}

.ant-col-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.ant-col-push-24 {
  left: 100%;
}

.ant-col-pull-24 {
  right: 100%;
}

.ant-col-offset-24 {
  margin-left: 100%;
}

.ant-col-order-24 {
  order: 24;
}

.ant-col-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}

.ant-col-push-23 {
  left: 95.83333333%;
}

.ant-col-pull-23 {
  right: 95.83333333%;
}

.ant-col-offset-23 {
  margin-left: 95.83333333%;
}

.ant-col-order-23 {
  order: 23;
}

.ant-col-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}

.ant-col-push-22 {
  left: 91.66666667%;
}

.ant-col-pull-22 {
  right: 91.66666667%;
}

.ant-col-offset-22 {
  margin-left: 91.66666667%;
}

.ant-col-order-22 {
  order: 22;
}

.ant-col-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}

.ant-col-push-21 {
  left: 87.5%;
}

.ant-col-pull-21 {
  right: 87.5%;
}

.ant-col-offset-21 {
  margin-left: 87.5%;
}

.ant-col-order-21 {
  order: 21;
}

.ant-col-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}

.ant-col-push-20 {
  left: 83.33333333%;
}

.ant-col-pull-20 {
  right: 83.33333333%;
}

.ant-col-offset-20 {
  margin-left: 83.33333333%;
}

.ant-col-order-20 {
  order: 20;
}

.ant-col-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}

.ant-col-push-19 {
  left: 79.16666667%;
}

.ant-col-pull-19 {
  right: 79.16666667%;
}

.ant-col-offset-19 {
  margin-left: 79.16666667%;
}

.ant-col-order-19 {
  order: 19;
}

.ant-col-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}

.ant-col-push-18 {
  left: 75%;
}

.ant-col-pull-18 {
  right: 75%;
}

.ant-col-offset-18 {
  margin-left: 75%;
}

.ant-col-order-18 {
  order: 18;
}

.ant-col-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}

.ant-col-push-17 {
  left: 70.83333333%;
}

.ant-col-pull-17 {
  right: 70.83333333%;
}

.ant-col-offset-17 {
  margin-left: 70.83333333%;
}

.ant-col-order-17 {
  order: 17;
}

.ant-col-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}

.ant-col-push-16 {
  left: 66.66666667%;
}

.ant-col-pull-16 {
  right: 66.66666667%;
}

.ant-col-offset-16 {
  margin-left: 66.66666667%;
}

.ant-col-order-16 {
  order: 16;
}

.ant-col-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}

.ant-col-push-15 {
  left: 62.5%;
}

.ant-col-pull-15 {
  right: 62.5%;
}

.ant-col-offset-15 {
  margin-left: 62.5%;
}

.ant-col-order-15 {
  order: 15;
}

.ant-col-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}

.ant-col-push-14 {
  left: 58.33333333%;
}

.ant-col-pull-14 {
  right: 58.33333333%;
}

.ant-col-offset-14 {
  margin-left: 58.33333333%;
}

.ant-col-order-14 {
  order: 14;
}

.ant-col-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}

.ant-col-push-13 {
  left: 54.16666667%;
}

.ant-col-pull-13 {
  right: 54.16666667%;
}

.ant-col-offset-13 {
  margin-left: 54.16666667%;
}

.ant-col-order-13 {
  order: 13;
}

.ant-col-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}

.ant-col-push-12 {
  left: 50%;
}

.ant-col-pull-12 {
  right: 50%;
}

.ant-col-offset-12 {
  margin-left: 50%;
}

.ant-col-order-12 {
  order: 12;
}

.ant-col-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}

.ant-col-push-11 {
  left: 45.83333333%;
}

.ant-col-pull-11 {
  right: 45.83333333%;
}

.ant-col-offset-11 {
  margin-left: 45.83333333%;
}

.ant-col-order-11 {
  order: 11;
}

.ant-col-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}

.ant-col-push-10 {
  left: 41.66666667%;
}

.ant-col-pull-10 {
  right: 41.66666667%;
}

.ant-col-offset-10 {
  margin-left: 41.66666667%;
}

.ant-col-order-10 {
  order: 10;
}

.ant-col-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}

.ant-col-push-9 {
  left: 37.5%;
}

.ant-col-pull-9 {
  right: 37.5%;
}

.ant-col-offset-9 {
  margin-left: 37.5%;
}

.ant-col-order-9 {
  order: 9;
}

.ant-col-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}

.ant-col-push-8 {
  left: 33.33333333%;
}

.ant-col-pull-8 {
  right: 33.33333333%;
}

.ant-col-offset-8 {
  margin-left: 33.33333333%;
}

.ant-col-order-8 {
  order: 8;
}

.ant-col-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}

.ant-col-push-7 {
  left: 29.16666667%;
}

.ant-col-pull-7 {
  right: 29.16666667%;
}

.ant-col-offset-7 {
  margin-left: 29.16666667%;
}

.ant-col-order-7 {
  order: 7;
}

.ant-col-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}

.ant-col-push-6 {
  left: 25%;
}

.ant-col-pull-6 {
  right: 25%;
}

.ant-col-offset-6 {
  margin-left: 25%;
}

.ant-col-order-6 {
  order: 6;
}

.ant-col-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}

.ant-col-push-5 {
  left: 20.83333333%;
}

.ant-col-pull-5 {
  right: 20.83333333%;
}

.ant-col-offset-5 {
  margin-left: 20.83333333%;
}

.ant-col-order-5 {
  order: 5;
}

.ant-col-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}

.ant-col-push-4 {
  left: 16.66666667%;
}

.ant-col-pull-4 {
  right: 16.66666667%;
}

.ant-col-offset-4 {
  margin-left: 16.66666667%;
}

.ant-col-order-4 {
  order: 4;
}

.ant-col-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}

.ant-col-push-3 {
  left: 12.5%;
}

.ant-col-pull-3 {
  right: 12.5%;
}

.ant-col-offset-3 {
  margin-left: 12.5%;
}

.ant-col-order-3 {
  order: 3;
}

.ant-col-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}

.ant-col-push-2 {
  left: 8.33333333%;
}

.ant-col-pull-2 {
  right: 8.33333333%;
}

.ant-col-offset-2 {
  margin-left: 8.33333333%;
}

.ant-col-order-2 {
  order: 2;
}

.ant-col-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}

.ant-col-push-1 {
  left: 4.16666667%;
}

.ant-col-pull-1 {
  right: 4.16666667%;
}

.ant-col-offset-1 {
  margin-left: 4.16666667%;
}

.ant-col-order-1 {
  order: 1;
}

.ant-col-0 {
  display: none;
}

.ant-col-push-0 {
  left: auto;
}

.ant-col-pull-0 {
  right: auto;
}

.ant-col-push-0 {
  left: auto;
}

.ant-col-pull-0 {
  right: auto;
}

.ant-col-offset-0 {
  margin-left: 0;
}

.ant-col-order-0 {
  order: 0;
}

.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  flex: 0 0 auto;
  float: left;
}

.ant-col-xs-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.ant-col-xs-push-24 {
  left: 100%;
}

.ant-col-xs-pull-24 {
  right: 100%;
}

.ant-col-xs-offset-24 {
  margin-left: 100%;
}

.ant-col-xs-order-24 {
  order: 24;
}

.ant-col-xs-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}

.ant-col-xs-push-23 {
  left: 95.83333333%;
}

.ant-col-xs-pull-23 {
  right: 95.83333333%;
}

.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}

.ant-col-xs-order-23 {
  order: 23;
}

.ant-col-xs-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}

.ant-col-xs-push-22 {
  left: 91.66666667%;
}

.ant-col-xs-pull-22 {
  right: 91.66666667%;
}

.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}

.ant-col-xs-order-22 {
  order: 22;
}

.ant-col-xs-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}

.ant-col-xs-push-21 {
  left: 87.5%;
}

.ant-col-xs-pull-21 {
  right: 87.5%;
}

.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}

.ant-col-xs-order-21 {
  order: 21;
}

.ant-col-xs-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}

.ant-col-xs-push-20 {
  left: 83.33333333%;
}

.ant-col-xs-pull-20 {
  right: 83.33333333%;
}

.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}

.ant-col-xs-order-20 {
  order: 20;
}

.ant-col-xs-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}

.ant-col-xs-push-19 {
  left: 79.16666667%;
}

.ant-col-xs-pull-19 {
  right: 79.16666667%;
}

.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}

.ant-col-xs-order-19 {
  order: 19;
}

.ant-col-xs-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}

.ant-col-xs-push-18 {
  left: 75%;
}

.ant-col-xs-pull-18 {
  right: 75%;
}

.ant-col-xs-offset-18 {
  margin-left: 75%;
}

.ant-col-xs-order-18 {
  order: 18;
}

.ant-col-xs-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}

.ant-col-xs-push-17 {
  left: 70.83333333%;
}

.ant-col-xs-pull-17 {
  right: 70.83333333%;
}

.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}

.ant-col-xs-order-17 {
  order: 17;
}

.ant-col-xs-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}

.ant-col-xs-push-16 {
  left: 66.66666667%;
}

.ant-col-xs-pull-16 {
  right: 66.66666667%;
}

.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}

.ant-col-xs-order-16 {
  order: 16;
}

.ant-col-xs-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}

.ant-col-xs-push-15 {
  left: 62.5%;
}

.ant-col-xs-pull-15 {
  right: 62.5%;
}

.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}

.ant-col-xs-order-15 {
  order: 15;
}

.ant-col-xs-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}

.ant-col-xs-push-14 {
  left: 58.33333333%;
}

.ant-col-xs-pull-14 {
  right: 58.33333333%;
}

.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}

.ant-col-xs-order-14 {
  order: 14;
}

.ant-col-xs-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}

.ant-col-xs-push-13 {
  left: 54.16666667%;
}

.ant-col-xs-pull-13 {
  right: 54.16666667%;
}

.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}

.ant-col-xs-order-13 {
  order: 13;
}

.ant-col-xs-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}

.ant-col-xs-push-12 {
  left: 50%;
}

.ant-col-xs-pull-12 {
  right: 50%;
}

.ant-col-xs-offset-12 {
  margin-left: 50%;
}

.ant-col-xs-order-12 {
  order: 12;
}

.ant-col-xs-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}

.ant-col-xs-push-11 {
  left: 45.83333333%;
}

.ant-col-xs-pull-11 {
  right: 45.83333333%;
}

.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}

.ant-col-xs-order-11 {
  order: 11;
}

.ant-col-xs-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}

.ant-col-xs-push-10 {
  left: 41.66666667%;
}

.ant-col-xs-pull-10 {
  right: 41.66666667%;
}

.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}

.ant-col-xs-order-10 {
  order: 10;
}

.ant-col-xs-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}

.ant-col-xs-push-9 {
  left: 37.5%;
}

.ant-col-xs-pull-9 {
  right: 37.5%;
}

.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}

.ant-col-xs-order-9 {
  order: 9;
}

.ant-col-xs-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}

.ant-col-xs-push-8 {
  left: 33.33333333%;
}

.ant-col-xs-pull-8 {
  right: 33.33333333%;
}

.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}

.ant-col-xs-order-8 {
  order: 8;
}

.ant-col-xs-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}

.ant-col-xs-push-7 {
  left: 29.16666667%;
}

.ant-col-xs-pull-7 {
  right: 29.16666667%;
}

.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}

.ant-col-xs-order-7 {
  order: 7;
}

.ant-col-xs-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}

.ant-col-xs-push-6 {
  left: 25%;
}

.ant-col-xs-pull-6 {
  right: 25%;
}

.ant-col-xs-offset-6 {
  margin-left: 25%;
}

.ant-col-xs-order-6 {
  order: 6;
}

.ant-col-xs-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}

.ant-col-xs-push-5 {
  left: 20.83333333%;
}

.ant-col-xs-pull-5 {
  right: 20.83333333%;
}

.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}

.ant-col-xs-order-5 {
  order: 5;
}

.ant-col-xs-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}

.ant-col-xs-push-4 {
  left: 16.66666667%;
}

.ant-col-xs-pull-4 {
  right: 16.66666667%;
}

.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}

.ant-col-xs-order-4 {
  order: 4;
}

.ant-col-xs-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}

.ant-col-xs-push-3 {
  left: 12.5%;
}

.ant-col-xs-pull-3 {
  right: 12.5%;
}

.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}

.ant-col-xs-order-3 {
  order: 3;
}

.ant-col-xs-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}

.ant-col-xs-push-2 {
  left: 8.33333333%;
}

.ant-col-xs-pull-2 {
  right: 8.33333333%;
}

.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}

.ant-col-xs-order-2 {
  order: 2;
}

.ant-col-xs-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}

.ant-col-xs-push-1 {
  left: 4.16666667%;
}

.ant-col-xs-pull-1 {
  right: 4.16666667%;
}

.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}

.ant-col-xs-order-1 {
  order: 1;
}

.ant-col-xs-0 {
  display: none;
}

.ant-col-push-0 {
  left: auto;
}

.ant-col-pull-0 {
  right: auto;
}

.ant-col-xs-push-0 {
  left: auto;
}

.ant-col-xs-pull-0 {
  right: auto;
}

.ant-col-xs-offset-0 {
  margin-left: 0;
}

.ant-col-xs-order-0 {
  order: 0;
}

@media (min-width: 576px) {

  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-sm-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-sm-push-24 {
    left: 100%;
  }

  .ant-col-sm-pull-24 {
    right: 100%;
  }

  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }

  .ant-col-sm-order-24 {
    order: 24;
  }

  .ant-col-sm-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }

  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-sm-order-23 {
    order: 23;
  }

  .ant-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }

  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-sm-order-22 {
    order: 22;
  }

  .ant-col-sm-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-sm-push-21 {
    left: 87.5%;
  }

  .ant-col-sm-pull-21 {
    right: 87.5%;
  }

  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-sm-order-21 {
    order: 21;
  }

  .ant-col-sm-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }

  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-sm-order-20 {
    order: 20;
  }

  .ant-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }

  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-sm-order-19 {
    order: 19;
  }

  .ant-col-sm-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-sm-push-18 {
    left: 75%;
  }

  .ant-col-sm-pull-18 {
    right: 75%;
  }

  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }

  .ant-col-sm-order-18 {
    order: 18;
  }

  .ant-col-sm-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }

  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-sm-order-17 {
    order: 17;
  }

  .ant-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }

  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-sm-order-16 {
    order: 16;
  }

  .ant-col-sm-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-sm-push-15 {
    left: 62.5%;
  }

  .ant-col-sm-pull-15 {
    right: 62.5%;
  }

  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-sm-order-15 {
    order: 15;
  }

  .ant-col-sm-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }

  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-sm-order-14 {
    order: 14;
  }

  .ant-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }

  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-sm-order-13 {
    order: 13;
  }

  .ant-col-sm-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-sm-push-12 {
    left: 50%;
  }

  .ant-col-sm-pull-12 {
    right: 50%;
  }

  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }

  .ant-col-sm-order-12 {
    order: 12;
  }

  .ant-col-sm-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }

  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-sm-order-11 {
    order: 11;
  }

  .ant-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }

  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-sm-order-10 {
    order: 10;
  }

  .ant-col-sm-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-sm-push-9 {
    left: 37.5%;
  }

  .ant-col-sm-pull-9 {
    right: 37.5%;
  }

  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-sm-order-9 {
    order: 9;
  }

  .ant-col-sm-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }

  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-sm-order-8 {
    order: 8;
  }

  .ant-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }

  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-sm-order-7 {
    order: 7;
  }

  .ant-col-sm-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-sm-push-6 {
    left: 25%;
  }

  .ant-col-sm-pull-6 {
    right: 25%;
  }

  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }

  .ant-col-sm-order-6 {
    order: 6;
  }

  .ant-col-sm-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }

  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-sm-order-5 {
    order: 5;
  }

  .ant-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }

  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-sm-order-4 {
    order: 4;
  }

  .ant-col-sm-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-sm-push-3 {
    left: 12.5%;
  }

  .ant-col-sm-pull-3 {
    right: 12.5%;
  }

  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-sm-order-3 {
    order: 3;
  }

  .ant-col-sm-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }

  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-sm-order-2 {
    order: 2;
  }

  .ant-col-sm-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }

  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-sm-order-1 {
    order: 1;
  }

  .ant-col-sm-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-sm-push-0 {
    left: auto;
  }

  .ant-col-sm-pull-0 {
    right: auto;
  }

  .ant-col-sm-offset-0 {
    margin-left: 0;
  }

  .ant-col-sm-order-0 {
    order: 0;
  }
}

@media (min-width: 811px) {

  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-md-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-md-push-24 {
    left: 100%;
  }

  .ant-col-md-pull-24 {
    right: 100%;
  }

  .ant-col-md-offset-24 {
    margin-left: 100%;
  }

  .ant-col-md-order-24 {
    order: 24;
  }

  .ant-col-md-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-md-push-23 {
    left: 95.83333333%;
  }

  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-md-order-23 {
    order: 23;
  }

  .ant-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-md-push-22 {
    left: 91.66666667%;
  }

  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-md-order-22 {
    order: 22;
  }

  .ant-col-md-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-md-push-21 {
    left: 87.5%;
  }

  .ant-col-md-pull-21 {
    right: 87.5%;
  }

  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-md-order-21 {
    order: 21;
  }

  .ant-col-md-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-md-push-20 {
    left: 83.33333333%;
  }

  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-md-order-20 {
    order: 20;
  }

  .ant-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-md-push-19 {
    left: 79.16666667%;
  }

  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-md-order-19 {
    order: 19;
  }

  .ant-col-md-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-md-push-18 {
    left: 75%;
  }

  .ant-col-md-pull-18 {
    right: 75%;
  }

  .ant-col-md-offset-18 {
    margin-left: 75%;
  }

  .ant-col-md-order-18 {
    order: 18;
  }

  .ant-col-md-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-md-push-17 {
    left: 70.83333333%;
  }

  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-md-order-17 {
    order: 17;
  }

  .ant-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-md-push-16 {
    left: 66.66666667%;
  }

  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-md-order-16 {
    order: 16;
  }

  .ant-col-md-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-md-push-15 {
    left: 62.5%;
  }

  .ant-col-md-pull-15 {
    right: 62.5%;
  }

  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-md-order-15 {
    order: 15;
  }

  .ant-col-md-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-md-push-14 {
    left: 58.33333333%;
  }

  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-md-order-14 {
    order: 14;
  }

  .ant-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-md-push-13 {
    left: 54.16666667%;
  }

  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-md-order-13 {
    order: 13;
  }

  .ant-col-md-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-md-push-12 {
    left: 50%;
  }

  .ant-col-md-pull-12 {
    right: 50%;
  }

  .ant-col-md-offset-12 {
    margin-left: 50%;
  }

  .ant-col-md-order-12 {
    order: 12;
  }

  .ant-col-md-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-md-push-11 {
    left: 45.83333333%;
  }

  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-md-order-11 {
    order: 11;
  }

  .ant-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-md-push-10 {
    left: 41.66666667%;
  }

  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-md-order-10 {
    order: 10;
  }

  .ant-col-md-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-md-push-9 {
    left: 37.5%;
  }

  .ant-col-md-pull-9 {
    right: 37.5%;
  }

  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-md-order-9 {
    order: 9;
  }

  .ant-col-md-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-md-push-8 {
    left: 33.33333333%;
  }

  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-md-order-8 {
    order: 8;
  }

  .ant-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-md-push-7 {
    left: 29.16666667%;
  }

  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-md-order-7 {
    order: 7;
  }

  .ant-col-md-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-md-push-6 {
    left: 25%;
  }

  .ant-col-md-pull-6 {
    right: 25%;
  }

  .ant-col-md-offset-6 {
    margin-left: 25%;
  }

  .ant-col-md-order-6 {
    order: 6;
  }

  .ant-col-md-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-md-push-5 {
    left: 20.83333333%;
  }

  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-md-order-5 {
    order: 5;
  }

  .ant-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-md-push-4 {
    left: 16.66666667%;
  }

  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-md-order-4 {
    order: 4;
  }

  .ant-col-md-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-md-push-3 {
    left: 12.5%;
  }

  .ant-col-md-pull-3 {
    right: 12.5%;
  }

  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-md-order-3 {
    order: 3;
  }

  .ant-col-md-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-md-push-2 {
    left: 8.33333333%;
  }

  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-md-order-2 {
    order: 2;
  }

  .ant-col-md-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-md-push-1 {
    left: 4.16666667%;
  }

  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-md-order-1 {
    order: 1;
  }

  .ant-col-md-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-md-push-0 {
    left: auto;
  }

  .ant-col-md-pull-0 {
    right: auto;
  }

  .ant-col-md-offset-0 {
    margin-left: 0;
  }

  .ant-col-md-order-0 {
    order: 0;
  }
}

@media (min-width: 992px) {

  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-lg-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-lg-push-24 {
    left: 100%;
  }

  .ant-col-lg-pull-24 {
    right: 100%;
  }

  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }

  .ant-col-lg-order-24 {
    order: 24;
  }

  .ant-col-lg-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }

  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-lg-order-23 {
    order: 23;
  }

  .ant-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }

  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-lg-order-22 {
    order: 22;
  }

  .ant-col-lg-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-lg-push-21 {
    left: 87.5%;
  }

  .ant-col-lg-pull-21 {
    right: 87.5%;
  }

  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-lg-order-21 {
    order: 21;
  }

  .ant-col-lg-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }

  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-lg-order-20 {
    order: 20;
  }

  .ant-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }

  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-lg-order-19 {
    order: 19;
  }

  .ant-col-lg-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-lg-push-18 {
    left: 75%;
  }

  .ant-col-lg-pull-18 {
    right: 75%;
  }

  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }

  .ant-col-lg-order-18 {
    order: 18;
  }

  .ant-col-lg-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }

  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-lg-order-17 {
    order: 17;
  }

  .ant-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }

  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-lg-order-16 {
    order: 16;
  }

  .ant-col-lg-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-lg-push-15 {
    left: 62.5%;
  }

  .ant-col-lg-pull-15 {
    right: 62.5%;
  }

  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-lg-order-15 {
    order: 15;
  }

  .ant-col-lg-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }

  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-lg-order-14 {
    order: 14;
  }

  .ant-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }

  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-lg-order-13 {
    order: 13;
  }

  .ant-col-lg-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-lg-push-12 {
    left: 50%;
  }

  .ant-col-lg-pull-12 {
    right: 50%;
  }

  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }

  .ant-col-lg-order-12 {
    order: 12;
  }

  .ant-col-lg-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }

  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-lg-order-11 {
    order: 11;
  }

  .ant-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }

  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-lg-order-10 {
    order: 10;
  }

  .ant-col-lg-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-lg-push-9 {
    left: 37.5%;
  }

  .ant-col-lg-pull-9 {
    right: 37.5%;
  }

  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-lg-order-9 {
    order: 9;
  }

  .ant-col-lg-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }

  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-lg-order-8 {
    order: 8;
  }

  .ant-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }

  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-lg-order-7 {
    order: 7;
  }

  .ant-col-lg-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-lg-push-6 {
    left: 25%;
  }

  .ant-col-lg-pull-6 {
    right: 25%;
  }

  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }

  .ant-col-lg-order-6 {
    order: 6;
  }

  .ant-col-lg-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }

  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-lg-order-5 {
    order: 5;
  }

  .ant-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }

  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-lg-order-4 {
    order: 4;
  }

  .ant-col-lg-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-lg-push-3 {
    left: 12.5%;
  }

  .ant-col-lg-pull-3 {
    right: 12.5%;
  }

  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-lg-order-3 {
    order: 3;
  }

  .ant-col-lg-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }

  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-lg-order-2 {
    order: 2;
  }

  .ant-col-lg-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }

  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-lg-order-1 {
    order: 1;
  }

  .ant-col-lg-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-lg-push-0 {
    left: auto;
  }

  .ant-col-lg-pull-0 {
    right: auto;
  }

  .ant-col-lg-offset-0 {
    margin-left: 0;
  }

  .ant-col-lg-order-0 {
    order: 0;
  }
}

@media (min-width: 1200px) {

  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-xl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-xl-push-24 {
    left: 100%;
  }

  .ant-col-xl-pull-24 {
    right: 100%;
  }

  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }

  .ant-col-xl-order-24 {
    order: 24;
  }

  .ant-col-xl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }

  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-xl-order-23 {
    order: 23;
  }

  .ant-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }

  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-xl-order-22 {
    order: 22;
  }

  .ant-col-xl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-xl-push-21 {
    left: 87.5%;
  }

  .ant-col-xl-pull-21 {
    right: 87.5%;
  }

  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-xl-order-21 {
    order: 21;
  }

  .ant-col-xl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }

  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-xl-order-20 {
    order: 20;
  }

  .ant-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }

  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-xl-order-19 {
    order: 19;
  }

  .ant-col-xl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-xl-push-18 {
    left: 75%;
  }

  .ant-col-xl-pull-18 {
    right: 75%;
  }

  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }

  .ant-col-xl-order-18 {
    order: 18;
  }

  .ant-col-xl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }

  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-xl-order-17 {
    order: 17;
  }

  .ant-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }

  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-xl-order-16 {
    order: 16;
  }

  .ant-col-xl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-xl-push-15 {
    left: 62.5%;
  }

  .ant-col-xl-pull-15 {
    right: 62.5%;
  }

  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-xl-order-15 {
    order: 15;
  }

  .ant-col-xl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }

  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-xl-order-14 {
    order: 14;
  }

  .ant-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }

  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-xl-order-13 {
    order: 13;
  }

  .ant-col-xl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-xl-push-12 {
    left: 50%;
  }

  .ant-col-xl-pull-12 {
    right: 50%;
  }

  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }

  .ant-col-xl-order-12 {
    order: 12;
  }

  .ant-col-xl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }

  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-xl-order-11 {
    order: 11;
  }

  .ant-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }

  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-xl-order-10 {
    order: 10;
  }

  .ant-col-xl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-xl-push-9 {
    left: 37.5%;
  }

  .ant-col-xl-pull-9 {
    right: 37.5%;
  }

  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-xl-order-9 {
    order: 9;
  }

  .ant-col-xl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }

  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-xl-order-8 {
    order: 8;
  }

  .ant-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }

  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-xl-order-7 {
    order: 7;
  }

  .ant-col-xl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-xl-push-6 {
    left: 25%;
  }

  .ant-col-xl-pull-6 {
    right: 25%;
  }

  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }

  .ant-col-xl-order-6 {
    order: 6;
  }

  .ant-col-xl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }

  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-xl-order-5 {
    order: 5;
  }

  .ant-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }

  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-xl-order-4 {
    order: 4;
  }

  .ant-col-xl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-xl-push-3 {
    left: 12.5%;
  }

  .ant-col-xl-pull-3 {
    right: 12.5%;
  }

  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-xl-order-3 {
    order: 3;
  }

  .ant-col-xl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }

  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-xl-order-2 {
    order: 2;
  }

  .ant-col-xl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }

  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-xl-order-1 {
    order: 1;
  }

  .ant-col-xl-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-xl-push-0 {
    left: auto;
  }

  .ant-col-xl-pull-0 {
    right: auto;
  }

  .ant-col-xl-offset-0 {
    margin-left: 0;
  }

  .ant-col-xl-order-0 {
    order: 0;
  }
}

@media (min-width: 1600px) {

  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    flex: 0 0 auto;
    float: left;
  }

  .ant-col-xxl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .ant-col-xxl-push-24 {
    left: 100%;
  }

  .ant-col-xxl-pull-24 {
    right: 100%;
  }

  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }

  .ant-col-xxl-order-24 {
    order: 24;
  }

  .ant-col-xxl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }

  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }

  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-xxl-order-23 {
    order: 23;
  }

  .ant-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }

  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }

  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-xxl-order-22 {
    order: 22;
  }

  .ant-col-xxl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }

  .ant-col-xxl-push-21 {
    left: 87.5%;
  }

  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }

  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-xxl-order-21 {
    order: 21;
  }

  .ant-col-xxl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }

  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }

  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-xxl-order-20 {
    order: 20;
  }

  .ant-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }

  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }

  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-xxl-order-19 {
    order: 19;
  }

  .ant-col-xxl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }

  .ant-col-xxl-push-18 {
    left: 75%;
  }

  .ant-col-xxl-pull-18 {
    right: 75%;
  }

  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }

  .ant-col-xxl-order-18 {
    order: 18;
  }

  .ant-col-xxl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }

  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }

  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-xxl-order-17 {
    order: 17;
  }

  .ant-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }

  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }

  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-xxl-order-16 {
    order: 16;
  }

  .ant-col-xxl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }

  .ant-col-xxl-push-15 {
    left: 62.5%;
  }

  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }

  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-xxl-order-15 {
    order: 15;
  }

  .ant-col-xxl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }

  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }

  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-xxl-order-14 {
    order: 14;
  }

  .ant-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }

  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }

  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-xxl-order-13 {
    order: 13;
  }

  .ant-col-xxl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }

  .ant-col-xxl-push-12 {
    left: 50%;
  }

  .ant-col-xxl-pull-12 {
    right: 50%;
  }

  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }

  .ant-col-xxl-order-12 {
    order: 12;
  }

  .ant-col-xxl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }

  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }

  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-xxl-order-11 {
    order: 11;
  }

  .ant-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }

  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }

  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-xxl-order-10 {
    order: 10;
  }

  .ant-col-xxl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }

  .ant-col-xxl-push-9 {
    left: 37.5%;
  }

  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }

  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-xxl-order-9 {
    order: 9;
  }

  .ant-col-xxl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }

  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }

  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-xxl-order-8 {
    order: 8;
  }

  .ant-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }

  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }

  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-xxl-order-7 {
    order: 7;
  }

  .ant-col-xxl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }

  .ant-col-xxl-push-6 {
    left: 25%;
  }

  .ant-col-xxl-pull-6 {
    right: 25%;
  }

  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }

  .ant-col-xxl-order-6 {
    order: 6;
  }

  .ant-col-xxl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }

  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }

  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-xxl-order-5 {
    order: 5;
  }

  .ant-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }

  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }

  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-xxl-order-4 {
    order: 4;
  }

  .ant-col-xxl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }

  .ant-col-xxl-push-3 {
    left: 12.5%;
  }

  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }

  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-xxl-order-3 {
    order: 3;
  }

  .ant-col-xxl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }

  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }

  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-xxl-order-2 {
    order: 2;
  }

  .ant-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }

  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }

  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-xxl-order-1 {
    order: 1;
  }

  .ant-col-xxl-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-xxl-push-0 {
    left: auto;
  }

  .ant-col-xxl-pull-0 {
    right: auto;
  }

  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }

  .ant-col-xxl-order-0 {
    order: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px;
}

.ant-collapse>.ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}

.ant-collapse>.ant-collapse-item:last-child,
.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header {
  border-radius: 0 0 4px 4px;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header {
  position: relative;
  padding: 12px 0 12px 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 46px;
  transform: translateY(-50%);
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow>* {
  line-height: 1;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header:focus {
  outline: none;
}

.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header {
  padding-left: 12px;
}

.ant-collapse-anim-active {
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}

.ant-collapse-content>.ant-collapse-content-box {
  padding: 16px;
}

.ant-collapse-content-inactive {
  display: none;
}

.ant-collapse-item:last-child>.ant-collapse-content {
  border-radius: 0 0 4px 4px;
}

.ant-collapse-borderless {
  background-color: #fff;
  border: 0;
}

.ant-collapse-borderless>.ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}

.ant-collapse-borderless>.ant-collapse-item:last-child,
.ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
  padding-top: 4px;
}

.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-comment {
  position: relative;
}

.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}

.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}

.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}

.ant-comment-content-author {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}

.ant-comment-content-author>a,
.ant-comment-content-author>span {
  height: 18px;
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}

.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}

.ant-comment-content-author-name>* {
  color: rgba(0, 0, 0, 0.45);
}

.ant-comment-content-author-name>*:hover {
  color: rgba(0, 0, 0, 0.45);
}

.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}

.ant-comment-content-detail p {
  white-space: pre-wrap;
}

.ant-comment-actions {
  margin-top: 12px;
  padding-left: 0;
}

.ant-comment-actions>li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}

.ant-comment-actions>li>span {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-comment-actions>li>span:hover {
  color: #595959;
}

.ant-comment-nested {
  margin-left: 44px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-calendar-picker-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
}

.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownIn;
}

.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpIn;
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownOut;
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpOut;
}

.ant-calendar-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  transition: opacity 0.3s;
}

.ant-calendar-picker-input {
  outline: none;
}

.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}

.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: var(--main-color);
}

.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: var(--main-color);
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}

.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}

.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}

.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
}

.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}

.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}

.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}

.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-calendar-week-number {
  width: 286px;
}

.ant-calendar-week-number-cell {
  text-align: center;
}

.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-calendar-header a:hover {
  color: var(--main-color);
}

.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}

.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}

.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}

.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
}

.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  content: '«';
}

.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
}

.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  content: '»';
}

.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
}

.ant-calendar-header .ant-calendar-prev-month-btn::after {
  content: '‹';
}

.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
}

.ant-calendar-header .ant-calendar-next-month-btn::after {
  content: '›';
}

.ant-calendar-body {
  padding: 8px 12px;
}

.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}

.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}

.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}

.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}

.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}

.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}

.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}

.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.ant-calendar-date-panel {
  position: relative;
  outline: none;
}

.ant-calendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}

.ant-calendar-date:active {
  color: #fff;
  background: #44b160;
}

.ant-calendar-today .ant-calendar-date {
  color: var(--main-color);
  font-weight: bold;
  border-color: var(--main-color);
}

.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date {
  color: rgba(0, 0, 0, 0.25);
}

.ant-calendar-selected-day .ant-calendar-date {
  background: #d1e9ff;
}

.ant-calendar-selected-date .ant-calendar-date,
.ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: var(--main-color);
  border: 1px solid transparent;
}

.ant-calendar-selected-date .ant-calendar-date:hover,
.ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: var(--main-color);
}

.ant-calendar-disabled-cell .ant-calendar-date {
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}

.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' ';
}

.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8;
}

.ant-calendar-footer:empty {
  border-top: 0;
}

.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}

.ant-calendar-footer-extra {
  text-align: left;
}

.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}

.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}

.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}

.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  transition: color 0.3s ease;
}

.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}

.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  background-color: #44b160;
  border-color: #44b160;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px;
}

.ant-calendar .ant-calendar-ok-btn>.anticon {
  line-height: 1;
}

.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}

.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}

.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}

.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}

.ant-calendar .ant-calendar-ok-btn.disabled>*,
.ant-calendar .ant-calendar-ok-btn[disabled]>* {
  pointer-events: none;
}

.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}

.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}

.ant-calendar .ant-calendar-ok-btn>a:only-child {
  color: currentColor;
}

.ant-calendar .ant-calendar-ok-btn>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #44b160;
  border-color: #44b160;
}

.ant-calendar .ant-calendar-ok-btn:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus>a:only-child {
  color: currentColor;
}

.ant-calendar .ant-calendar-ok-btn:hover>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.ant-calendar .ant-calendar-ok-btn:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn.active>a:only-child {
  color: currentColor;
}

.ant-calendar .ant-calendar-ok-btn:active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child {
  color: currentColor;
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child {
  color: currentColor;
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}

.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}

.ant-calendar-range-picker-separator {
  display: inline-block;
  width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  vertical-align: top;
}

.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}

.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}

.ant-calendar-range-part {
  position: relative;
  width: 50%;
}

.ant-calendar-range-left {
  float: left;
}

.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8;
}

.ant-calendar-range-right {
  float: right;
}

.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8;
}

.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 34px;
  margin-left: -132px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
}

.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -118px;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  margin-left: -12px;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}

.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}

.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  box-shadow: none;
}

.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}

.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}

.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}

.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}

.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}

.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}

.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}

.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}

.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}

.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}

.ant-calendar-range .ant-calendar-in-range-cell>div {
  position: relative;
  z-index: 1;
}

.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #e6f7ff;
  border: 0;
  border-radius: 0;
  content: '';
}

.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}

div.ant-calendar-range-quick-selector {
  text-align: left;
}

div.ant-calendar-range-quick-selector>a {
  margin-right: 8px;
}

.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header {
  border-bottom: 0;
}

.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body {
  border-top: 1px solid #e8e8e8;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}

.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}

.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}

.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}

.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}

.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}

.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}

.ant-calendar-time-picker-combobox {
  width: 100%;
}

.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}

.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}

.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}

.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}

.ant-calendar-time-picker-input-wrap {
  display: none;
}

.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  box-sizing: border-box;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
}

.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}

.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}

.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}

.ant-calendar-time-picker-select ul {
  box-sizing: border-box;
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-calendar-time-picker-select li {
  box-sizing: content-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding-left: 32px;
  line-height: 24px;
  list-style: none;
  cursor: pointer;
  transition: background 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}

.ant-calendar-time-picker-select li:hover {
  background: #e6f7ff;
}

li.ant-calendar-time-picker-select-option-selected {
  font-weight: bold;
  background: #f5f5f5;
}

li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}

li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}

.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px;
}

.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}

.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}

.ant-calendar-month-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}

.ant-calendar-month-panel>div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ant-calendar-month-panel-hidden {
  display: none;
}

.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-calendar-month-panel-header a:hover {
  color: #44b160;
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  content: '«';
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  content: '»';
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  content: '‹';
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  content: '›';
}

.ant-calendar-month-panel-body {
  flex: 1;
}

.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8;
}

.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}

.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #44b160;
}

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #44b160;
}

.ant-calendar-month-panel-cell {
  text-align: center;
}

.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}

.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.ant-calendar-month-panel-month:hover {
  background: #e6f7ff;
  cursor: pointer;
}

.ant-calendar-year-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}

.ant-calendar-year-panel>div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ant-calendar-year-panel-hidden {
  display: none;
}

.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-calendar-year-panel-header a:hover {
  color: #44b160;
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  content: '«';
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  content: '»';
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  content: '‹';
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  content: '›';
}

.ant-calendar-year-panel-body {
  flex: 1;
}

.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8;
}

.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}

.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.ant-calendar-year-panel-cell {
  text-align: center;
}

.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.ant-calendar-year-panel-year:hover {
  background: #e6f7ff;
  cursor: pointer;
}

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #44b160;
}

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #44b160;
}

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}

.ant-calendar-decade-panel-hidden {
  display: none;
}

.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-calendar-decade-panel-header a:hover {
  color: #44b160;
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  content: '«';
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  content: '»';
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  content: '‹';
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  content: '›';
}

.ant-calendar-decade-panel-body {
  flex: 1;
}

.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8;
}

.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}

.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}

.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}

.ant-calendar-decade-panel-decade:hover {
  background: #e6f7ff;
  cursor: pointer;
}

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #44b160;
}

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #44b160;
}

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}

.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}

.ant-calendar-week-number-cell {
  opacity: 0.5;
}

.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  transition: all 0.3s;
}

.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #e6f7ff;
}

.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #bae7ff;
}

.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-time-picker-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
}

.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}

.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-time-picker-panel-input-wrap {
  position: relative;
  box-sizing: border-box;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}

.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}

.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}

.ant-time-picker-panel-select {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid #e8e8e8;
}

.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}

.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}

.ant-time-picker-panel-select:last-child {
  border-right: 0;
}

.ant-time-picker-panel-select:only-child {
  width: 100%;
}

.ant-time-picker-panel-select ul {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}

.ant-time-picker-panel-select li {
  box-sizing: content-box;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  transition: background 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-time-picker-panel-select li:hover {
  background: #e6f7ff;
}

li.ant-time-picker-panel-select-option-selected {
  font-weight: bold;
  background: #f5f5f5;
}

li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}

li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}

li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}

.ant-time-picker-panel-combobox {
  zoom: 1;
}

.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  content: '';
  display: table;
}

.ant-time-picker-panel-combobox::after {
  clear: both;
}

.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}

.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}

.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}

.ant-time-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  transition: opacity 0.3s;
}

.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}

.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-time-picker-input:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-time-picker-input:focus {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}

.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}

.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

.ant-time-picker-open {
  opacity: 0;
}

.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}

.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}

.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}

.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}

.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}

.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}

.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: 22px;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ant-tag:hover {
  opacity: 0.85;
}

.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}

.ant-tag>a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}

.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s;
}

:root .ant-tag .anticon-close {
  font-size: 12px;
}

.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}

.ant-tag-has-color {
  border-color: transparent;
}

.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}

.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #44b160;
}

.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}

.ant-tag-checkable-checked {
  background-color: #44b160;
}

.ant-tag-checkable:active {
  background-color: var(--main-color);
}

.ant-tag-close {
  width: 0 !important;
  margin: 0;
  padding: 0;
}

.ant-tag-zoom-enter,
.ant-tag-zoom-appear {
  animation: antFadeIn 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}

.ant-tag-zoom-leave {
  animation: antZoomOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}

.ant-tag-hidden {
  display: none;
}

.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}

.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}

.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}

.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}

.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}

.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}

.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}

.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}

.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}

.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}

.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}

.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}

.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}

.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}

.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}

.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}

.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}

.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}

.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}

.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}

.ant-tag-blue {
  color: #44b160;
  background: #e6f7ff;
  border-color: #91d5ff;
}

.ant-tag-blue-inverse {
  color: #fff;
  background: #44b160;
  border-color: #44b160;
}

.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}

.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}

.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}

.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #e8e8e8;
}

.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}

.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}

.ant-divider-horizontal.ant-divider-with-text,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}

.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  transform: translateY(50%);
  content: '';
}

.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}

.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}

.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}

.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}

.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}

.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}

.ant-divider-dashed {
  background: none;
  border-top: 1px dashed #e8e8e8;
}

.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}

.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-drawer {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 0%;
  height: 100%;
}

.ant-drawer>* {
  transition: transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
}

.ant-drawer-content-wrapper {
  position: fixed;
}

.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}

.ant-drawer-left,
.ant-drawer-right {
  width: 0%;
  height: 100%;
}

.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}

.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
}

.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%;
}

.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}

.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}

.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}

.ant-drawer-top,
.ant-drawer-bottom {
  width: 100%;
  height: 0%;
}

.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}

.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
}

.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%;
}

.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}

.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 0.3;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}

.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.ant-drawer-content {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}

.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}

.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}

.ant-drawer-header-no-title {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}

.ant-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}

.ant-drawer-mask {
  position: fixed;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  filter: alpha(opacity=50);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}

.ant-drawer-open {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}

.ant-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.3;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}

.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}

.ant-dropdown-wrap {
  position: relative;
}

.ant-dropdown-wrap .ant-btn>.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}

:root .ant-dropdown-wrap .ant-btn>.anticon-down {
  font-size: 12px;
}

.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}

.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}

.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}

.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}

.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}

.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}

.ant-dropdown-menu-submenu-popup>.ant-dropdown-menu {
  transform-origin: 0 0;
}

.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-dropdown-menu-item>.anticon:first-child,
.ant-dropdown-menu-submenu-title>.anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
}

.ant-dropdown-menu-item>a,
.ant-dropdown-menu-submenu-title>a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
}

.ant-dropdown-menu-item>a:focus,
.ant-dropdown-menu-submenu-title>a:focus {
  text-decoration: none;
}

.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected>a,
.ant-dropdown-menu-submenu-title-selected>a {
  color: #44b160;
  background-color: #e6f7ff;
}

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #e6f7ff;
}

.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}

.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}

:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}

.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}

.ant-dropdown-menu-submenu-vertical {
  position: relative;
}

.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}

.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
}

.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}

.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}

.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}

.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}

.ant-dropdown-trigger>.anticon.anticon-down,
.ant-dropdown-link>.anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}

:root .ant-dropdown-trigger>.anticon.anticon-down,
:root .ant-dropdown-link>.anticon.anticon-down {
  font-size: 12px;
}

.ant-dropdown-button {
  white-space: nowrap;
}

.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}

:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}

.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item>a {
  color: rgba(255, 255, 255, 0.65);
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover {
  color: #fff;
  background: transparent;
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a {
  color: #fff;
  background: #44b160;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}

.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}

.ant-form label {
  font-size: 14px;
}

.ant-form input[type='search'] {
  box-sizing: border-box;
}

.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}

.ant-form input[type='file'] {
  display: block;
}

.ant-form input[type='range'] {
  display: block;
  width: 100%;
}

.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}

.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}

.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}

.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}

input[type='radio'][disabled],
input[type='checkbox'][disabled],
input[type='radio'].disabled,
input[type='checkbox'].disabled {
  cursor: not-allowed;
}

.ant-radio-inline.disabled,
.ant-radio-vertical.disabled,
.ant-checkbox-inline.disabled,
.ant-checkbox-vertical.disabled {
  cursor: not-allowed;
}

.ant-radio.disabled label,
.ant-checkbox.disabled label {
  cursor: not-allowed;
}

.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 5px;
  vertical-align: top;
}

.ant-form-item label {
  position: relative;
}

.ant-form-item label>.anticon {
  font-size: 14px;
  vertical-align: top;
}

.ant-form-item-control {
  position: relative;
  line-height: 39.9999px;
  zoom: 1;
}

.ant-form-item-control::before,
.ant-form-item-control::after {
  content: '';
  display: table;
}

.ant-form-item-control::after {
  clear: both;
}

.ant-form-item-children {
  position: relative;
}

.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}

.ant-form-item-label label {
  color: rgba(0, 0, 0, 0.85);
}

.ant-form-item-label label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}

.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}

.ant-form-item-no-colon .ant-form-item-label label::after {
  content: ' ';
}

.ant-form-explain-holder {
  width: 0;
  margin-top: -2px;
  line-height: 1.5;
  pointer-events: none;
}

.ant-form-inline .ant-form-explain-holder {
  display: none;
}

.ant-form-explain,
.ant-form-extra {
  clear: both;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ant-form-extra {
  padding-top: 4px;
}

.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}

.ant-form-split {
  display: block;
  text-align: center;
}

form .has-feedback .ant-input {
  padding-right: 24px;
}

form .has-feedback>.ant-select .ant-select-arrow,
form .has-feedback>.ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection__clear {
  right: 28px;
}

form .has-feedback>.ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}

form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}

form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}

form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}

form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}

form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}

form .ant-upload {
  background: transparent;
}

form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}

form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}

form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}

form .ant-checkbox-vertical+.ant-checkbox-vertical,
form .ant-radio-vertical+.ant-radio-vertical {
  margin-left: 0;
}

form .ant-input-number+.ant-form-text {
  margin-left: 8px;
}

form .ant-input-number-handler-wrap {
  z-index: 2;
}

form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}

form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}

form :not(.ant-input-group-wrapper)>.ant-input-group,
form .ant-input-group-wrapper {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
}

.ant-input-group-wrap .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group-wrap .ant-select-selection:hover {
  border-color: #d9d9d9;
}

.ant-input-group-wrap .ant-select-selection--single {
  height: 40px;
  margin-left: -1px;
  background-color: rgba(0, 0, 0, 0.07);
}

.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
  padding-right: 25px;
  padding-left: 8px;
  line-height: 30px;
}

.ant-input-group-wrap .ant-select-open .ant-select-selection {
  border-color: #d9d9d9;
  box-shadow: none;
}

.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}

.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}

.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}

.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}

.ant-form-vertical .ant-form-explain,
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}

@media (max-width: 575px) {

  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }

  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-form-item-label label::after {
    display: none;
  }

  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}

@media (max-width: 810px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}

@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}

@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}

@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }

  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}

.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}

.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}

.ant-form-inline .ant-form-item>.ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item>.ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}

.ant-form-inline .ant-form-text {
  display: inline-block;
}

.ant-form-inline .has-feedback {
  display: inline-block;
}

.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}

.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}

.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}

.has-warning .ant-input,
.has-warning .ant-input:hover {
  border-color: #faad14;
}

.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}

.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}

.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}

.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  border-color: #faad14;
}

.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}

.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}

.has-warning .ant-input-prefix {
  color: #faad14;
}

.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14;
}

.has-warning .has-feedback {
  color: #faad14;
}

.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}

.has-warning .ant-select-selection {
  border-color: #faad14;
}

.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}

.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}

.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}

.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}

.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}

.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}

.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}

.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}

.has-error .ant-input,
.has-error .ant-input:hover {
  border-color: #f5222d;
}

.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}

.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}

.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}

.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  border-color: #f5222d;
}

.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}

.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}

.has-error .ant-input-prefix {
  color: #f5222d;
}

.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d;
}

.has-error .has-feedback {
  color: #f5222d;
}

.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  animation-name: diffZoomIn2 !important;
}

.has-error .ant-select-selection {
  border-color: #f5222d;
}

.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}

.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}

.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}

.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}

.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}

.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}

.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}

.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}

.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}

.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}

.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}

.has-error .ant-transfer-list {
  border-color: #f5222d;
}

.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}

.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #44b160;
}

.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}

.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}

.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}

@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-input-number:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-input-number:focus {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input-number-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}

.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}

.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}

.ant-input-number-handler:active {
  background: #f4f4f4;
}

.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #44b160;
}

.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-input-number-handler-up-inner>*,
.ant-input-number-handler-down-inner>* {
  line-height: 1;
}

.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}

.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}

.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}

.ant-input-number:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-input-number-focused {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input-number-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}

.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}

.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}

.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}

.ant-input-number-lg input {
  height: 38px;
}

.ant-input-number-sm {
  padding: 0;
}

.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}

.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}

.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}

:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}

.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}

.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}

.ant-input-number-handler-up {
  cursor: pointer;
}

.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}

.ant-input-number-handler-up:hover {
  height: 60% !important;
}

.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  cursor: pointer;
}

.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}

.ant-input-number-handler-down:hover {
  height: 60% !important;
}

.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}

.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}

.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}

.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}

.ant-layout.ant-layout-has-sider>.ant-layout,
.ant-layout.ant-layout-has-sider>.ant-layout-content {
  overflow-x: hidden;
}

.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}

.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}

.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background: #f0f2f5;
}

.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}

.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}

.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}

.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}

.ant-layout-sider-right {
  order: 1;
}

.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}

.ant-layout-sider-zero-width>* {
  overflow: hidden;
}

.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}

.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}

.ant-layout-sider-light {
  background: #fff;
}

.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}

.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}

.ant-list * {
  outline: none;
}

.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}

.ant-list-more {
  margin-top: 12px;
  text-align: center;
}

.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}

.ant-list-spin {
  min-height: 40px;
  text-align: center;
}

.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  text-align: center;
}

.ant-list-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
}

.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  font-size: 0;
}

.ant-list-item-meta-avatar {
  margin-right: 16px;
}

.ant-list-item-meta-content {
  flex: 1 0;
}

.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 22px;
}

.ant-list-item-meta-title>a {
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
}

.ant-list-item-meta-title>a:hover {
  color: #44b160;
}

.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}

.ant-list-item-content {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.ant-list-item-content-single {
  justify-content: flex-start;
}

.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}

.ant-list-item-action>li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}

.ant-list-item-action>li:first-child {
  padding-left: 0;
}

.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e8e8e8;
}

.ant-list-item-main {
  display: flex;
  flex: 1;
}

.ant-list-header {
  background: transparent;
}

.ant-list-footer {
  background: transparent;
}

.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}

.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}

.ant-list-split .ant-list-item {
  border-bottom: 1px solid #e8e8e8;
}

.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}

.ant-list-split .ant-list-header {
  border-bottom: 1px solid #e8e8e8;
}

.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}

.ant-list-something-after-last-item .ant-spin-container>.ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}

.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
}

.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ant-list-vertical .ant-list-item {
  display: block;
}

.ant-list-vertical .ant-list-item-extra-wrap {
  display: flex;
}

.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}

.ant-list-vertical .ant-list-item-extra {
  margin-left: 58px;
}

.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}

.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}

.ant-list-vertical .ant-list-item-content {
  display: block;
  margin: 0 0 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}

.ant-list-vertical .ant-list-item-action {
  margin-left: auto;
}

.ant-list-vertical .ant-list-item-action>li {
  padding: 0 16px;
}

.ant-list-vertical .ant-list-item-action>li:first-child {
  padding-left: 0;
}

.ant-list-grid .ant-list-item {
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ant-list-grid .ant-list-item-content {
  display: block;
  max-width: 100%;
}

.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}

.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}

.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid #e8e8e8;
}

.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}

.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px;
}

.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}

.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}

@media screen and (max-width: 811px) {
  .ant-list-item-action {
    margin-left: 24px;
  }

  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}

@media screen and (max-width: 480px) {
  .ant-list-item {
    flex-wrap: wrap;
  }

  .ant-list-item-action {
    margin-left: 12px;
  }

  .ant-list-vertical .ant-list-item-extra-wrap {
    flex-wrap: wrap-reverse;
  }

  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }

  .ant-list-vertical .ant-list-item-extra {
    margin-left: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #44b160;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}

.ant-spin-nested-loading {
  position: relative;
}

.ant-spin-nested-loading>div>.ant-spin {
  position: absolute;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}

.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
  margin: -7px;
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}

.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
  margin: -16px;
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}

.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}

.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}

.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
  content: '';
}

.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}

.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}

.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 20px;
  height: 20px;
}

.ant-spin-dot i {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #44b160;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}

.ant-spin-dot i:nth-child(1) {
  top: 0;
  left: 0;
}

.ant-spin-dot i:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}

.ant-spin-dot i:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}

.ant-spin-dot i:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}

.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}

.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
  width: 14px;
  height: 14px;
}

.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}

.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
  width: 32px;
  height: 32px;
}

.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}

.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}

@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}

@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}

.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}

.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}

.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-pagination-item a {
  margin: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none;
  transition: none;
}

.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #44b160;
  transition: all 0.3s;
}

.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #44b160;
}

.ant-pagination-item-active {
  font-weight: 500;
  border-color: #44b160;
}

.ant-pagination-item-active a {
  color: #44b160;
}

.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #44b160;
}

.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #44b160;
}

.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}

.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  color: #44b160;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}

:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}

.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}

.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}

.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}

.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}

.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #44b160;
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}

.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #44b160;
  border-color: #44b160;
}

.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}

.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}

.ant-pagination-slash {
  margin: 0 10px 0 5px;
}

.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}

.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}

.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}

.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}

.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-pagination-options-quick-jumper input:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-pagination-options-quick-jumper input:focus {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}

.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}

.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}

.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}

.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #44b160;
}

.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}

.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}

.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}

.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}

.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}

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

  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}

@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-mention-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.ant-mention-wrapper .ant-mention-editor {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  display: block;
  height: auto;
  min-height: 32px;
  padding: 0;
  line-height: 1.5;
}

.ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}

.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
  color: #bfbfbf;
}

.ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
  color: #bfbfbf;
}

.ant-mention-wrapper .ant-mention-editor:hover {
  border-color: #44b160;
  border-right-width: 1px !important;
}

.ant-mention-wrapper .ant-mention-editor:focus {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-mention-wrapper .ant-mention-editor-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-mention-wrapper .ant-mention-editor-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

textarea.ant-mention-wrapper .ant-mention-editor {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}

.ant-mention-wrapper .ant-mention-editor-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}

.ant-mention-wrapper .ant-mention-editor-sm {
  height: 24px;
  padding: 1px 7px;
}

.ant-mention-wrapper .ant-mention-editor-wrapper {
  height: auto;
  overflow-y: auto;
}

.ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
  border-color: #44b160;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-mention-wrapper.disabled .ant-mention-editor {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}

.ant-mention-wrapper.disabled .ant-mention-editor:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}

.ant-mention-wrapper .public-DraftEditorPlaceholder-root {
  position: absolute;
  pointer-events: none;
}

.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  height: auto;
  padding: 5px 11px;
  color: #bfbfbf;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  opacity: 1;
}

.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
  height: auto;
  padding: 5px 11px;
}

.ant-mention-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  min-width: 120px;
  max-height: 250px;
  margin-top: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-mention-dropdown-placement-top {
  margin-top: -0.1em;
}

.ant-mention-dropdown-notfound.ant-mention-dropdown-item {
  color: rgba(0, 0, 0, 0.25);
}

.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
  display: block;
  color: #44b160;
  text-align: center;
}

.ant-mention-dropdown-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s;
}

.ant-mention-dropdown-item:hover {
  background-color: #e6f7ff;
}

.ant-mention-dropdown-item.focus,
.ant-mention-dropdown-item-active {
  background-color: #e6f7ff;
}

.ant-mention-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-mention-dropdown-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}

.ant-mention-dropdown-item-selected,
.ant-mention-dropdown-item-selected:hover {
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  background-color: #f5f5f5;
}

.ant-mention-dropdown-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}

.ant-menu::before,
.ant-menu::after {
  content: '';
  display: table;
}

.ant-menu::after {
  clear: both;
}

.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-menu-hidden {
  display: none;
}

.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s;
}

.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}

.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-item>a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}

.ant-menu-item>a:hover {
  color: #44b160;
}

.ant-menu-item>a:focus {
  text-decoration: none;
}

.ant-menu-item>a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}

.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #44b160;
}

.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}

.ant-menu-horizontal>.ant-menu-item:hover,
.ant-menu-horizontal>.ant-menu-item-active,
.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}

.ant-menu-item-selected {
  color: #44b160;
}

.ant-menu-item-selected>a,
.ant-menu-item-selected>a:hover {
  color: #44b160;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}

.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}

.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}

.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}

.ant-menu-vertical.ant-menu-sub>.ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,
.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu {
  transform-origin: 0 0;
}

.ant-menu-horizontal.ant-menu-sub,
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
}

.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
    margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-item .anticon+span,
.ant-menu-submenu-title .anticon+span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu>.ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}

.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}

.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}

.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}

.ant-menu-submenu>.ant-menu {
  background-color: #fff;
  border-radius: 4px;
}

.ant-menu-submenu>.ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}

.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px);
}

.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px);
}

.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: linear-gradient(to right, #44b160, #44b160);
}

.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}

.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px);
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px);
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px);
}

.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #44b160;
}

.ant-menu-vertical .ant-menu-submenu-selected>a,
.ant-menu-vertical-left .ant-menu-submenu-selected>a,
.ant-menu-vertical-right .ant-menu-submenu-selected>a {
  color: #44b160;
}

.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}

.ant-menu-horizontal>.ant-menu-item,
.ant-menu-horizontal>.ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}

.ant-menu-horizontal>.ant-menu-item:hover,
.ant-menu-horizontal>.ant-menu-submenu:hover,
.ant-menu-horizontal>.ant-menu-item-active,
.ant-menu-horizontal>.ant-menu-submenu-active,
.ant-menu-horizontal>.ant-menu-item-open,
.ant-menu-horizontal>.ant-menu-submenu-open,
.ant-menu-horizontal>.ant-menu-item-selected,
.ant-menu-horizontal>.ant-menu-submenu-selected {
  color: #44b160;
  border-bottom: 2px solid #44b160;
}

.ant-menu-horizontal>.ant-menu-item>a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}

.ant-menu-horizontal>.ant-menu-item>a:hover {
  color: #44b160;
}

.ant-menu-horizontal>.ant-menu-item>a::before {
  bottom: -2px;
}

.ant-menu-horizontal>.ant-menu-item-selected>a {
  color: #44b160;
}

.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}

.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #44b160;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}

.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.01px;
}

.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}

.ant-menu-vertical>.ant-menu-item,
.ant-menu-vertical-left>.ant-menu-item,
.ant-menu-vertical-right>.ant-menu-item,
.ant-menu-inline>.ant-menu-item,
.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title,
.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,
.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,
.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}

.ant-menu-inline {
  width: 100%;
}

.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}

.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}

.ant-menu-inline-collapsed {
  width: 80px;
}

.ant-menu-inline-collapsed>.ant-menu-item,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,
.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}

.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}

.ant-menu-inline-collapsed>.ant-menu-item .anticon,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}

.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span,
.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}

.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}

.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}

.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}

.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}

.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}

.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}

.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.ant-menu-sub.ant-menu-inline>.ant-menu-item,
.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}

.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}

.ant-menu-item-disabled>a,
.ant-menu-submenu-disabled>a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}

.ant-menu-item-disabled>.ant-menu-submenu-title,
.ant-menu-submenu-disabled>.ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}

.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}

.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}

.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}

.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}

.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}

.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,
.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a::before {
  bottom: 0;
}

.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item>a {
  color: rgba(255, 255, 255, 0.65);
}

.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}

.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}

.ant-menu-dark .ant-menu-item:hover>a,
.ant-menu-dark .ant-menu-item-active>a,
.ant-menu-dark .ant-menu-submenu-active>a,
.ant-menu-dark .ant-menu-submenu-open>a,
.ant-menu-dark .ant-menu-submenu-selected>a,
.ant-menu-dark .ant-menu-submenu-title:hover>a {
  color: #fff;
}

.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow {
  opacity: 1;
}

.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before {
  background: #fff;
}

.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}

.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}

.ant-menu-dark .ant-menu-item-selected>a,
.ant-menu-dark .ant-menu-item-selected>a:hover {
  color: #fff;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #44b160;
}

.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled>a,
.ant-menu-dark .ant-menu-submenu-disabled>a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}

.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}

.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}

.ant-tooltip-hidden {
  display: none;
}

.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}

.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}

.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}

.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}

.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}

.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 3px;
  border-width: 5px 5px 0;
  border-top-color: rgba(0, 0, 0, 0.75);
}

.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 16px;
}

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 16px;
}

.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 3px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.75);
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 8px;
}

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 8px;
}

.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 3px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 0, 0, 0.75);
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 8px;
}

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 8px;
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 3px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.75);
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 16px;
}

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 16px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}

.ant-message-notice {
  padding: 8px;
  text-align: center;
}

.ant-message-notice:first-child {
  margin-top: -8px;
}

.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}

.ant-message-success .anticon {
  color: #52c41a;
}

.ant-message-error .anticon {
  color: #f5222d;
}

.ant-message-warning .anticon {
  color: #faad14;
}

.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #44b160;
}

.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}

.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}

@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }

  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
}

.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}

.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}

.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}

.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}

.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}

.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}

.ant-modal-footer button+button {
  margin-bottom: 0;
  margin-left: 8px;
}

.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  filter: alpha(opacity=50);
}

.ant-modal-mask-hidden {
  display: none;
}

.ant-modal-open {
  overflow: hidden;
}

.ant-modal-centered {
  text-align: center;
}

.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}

.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 810px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }

  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}

.ant-modal-confirm .ant-modal-header {
  display: none;
}

.ant-modal-confirm .ant-modal-close {
  display: none;
}

.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}

.ant-modal-confirm-body-wrapper {
  zoom: 1;
}

.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  content: '';
  display: table;
}

.ant-modal-confirm-body-wrapper::after {
  clear: both;
}

.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}

.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  margin-left: 38px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}

.ant-modal-confirm-body>.anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}

.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}

.ant-modal-confirm .ant-modal-confirm-btns button+button {
  margin-bottom: 0;
  margin-left: 8px;
}

.ant-modal-confirm-error .ant-modal-confirm-body>.anticon {
  color: #f5222d;
}

.ant-modal-confirm-warning .ant-modal-confirm-body>.anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon {
  color: #faad14;
}

.ant-modal-confirm-info .ant-modal-confirm-body>.anticon {
  color: #44b160;
}

.ant-modal-confirm-success .ant-modal-confirm-body>.anticon {
  color: #52c41a;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}

.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}

.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}

.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}

.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}

.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}

.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}

.ant-notification-notice-description {
  font-size: 14px;
}

.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}

.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}

.ant-notification-notice-icon-success {
  color: #52c41a;
}

.ant-notification-notice-icon-info {
  color: #44b160;
}

.ant-notification-notice-icon-warning {
  color: #faad14;
}

.ant-notification-notice-icon-error {
  color: #f5222d;
}

.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}

a.ant-notification-notice-close:focus {
  text-decoration: none;
}

.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}

.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}

.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}

.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}

.ant-notification-fade-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}

.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}

.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}

@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }

  100% {
    left: 0;
    opacity: 1;
  }
}

@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }

  100% {
    right: 0;
    opacity: 1;
  }
}

@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }

  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}

.ant-popover-hidden {
  display: none;
}

.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}

.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}

.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}

.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}

.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }

  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}

.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}

.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}

.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}

.ant-popover-message>.anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px;
}

.ant-popover-message-title {
  padding-left: 22px;
}

.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}

.ant-popover-buttons button {
  margin-left: 8px;
}

.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-width: 4.24264069px;
  border-style: solid;
  transform: rotate(45deg);
}

.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,
.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,
.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}

.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow {
  left: 16px;
}

.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
  right: 16px;
}

.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,
.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow,
.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}

.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow {
  top: 12px;
}

.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow {
  bottom: 12px;
}

.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,
.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,
.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}

.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow {
  left: 16px;
}

.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow {
  right: 16px;
}

.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow,
.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow,
.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}

.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow {
  top: 12px;
}

.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow {
  bottom: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}

.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}

.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}

.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}

.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}

.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}

.ant-progress-circle-trail {
  stroke: #f5f5f5;
}

.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
  stroke: #44b160;
}

.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #44b160;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}

.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}

.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}

.ant-progress-text .anticon {
  font-size: 14px;
}

.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}

.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}

.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}

.ant-progress-status-exception .ant-progress-circle-path {
  stroke: #f5222d;
}

.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}

.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}

.ant-progress-status-success .ant-progress-circle-path {
  stroke: #52c41a;
}

.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}

.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}

.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}

.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}

.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}

@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }

  20% {
    width: 0;
    opacity: 0.5;
  }

  100% {
    width: 100%;
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}

.ant-rate-disabled .ant-rate-star {
  cursor: default;
}

.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}

.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-right: 8px;
  padding: 0;
  color: inherit;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-rate-star>div:focus {
  outline: 0;
}

.ant-rate-star>div:hover,
.ant-rate-star>div:focus {
  transform: scale(1.1);
}

.ant-rate-star-first,
.ant-rate-star-second {
  color: #e8e8e8;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}

.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}

.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}

.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}

.ant-rate-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-skeleton {
  display: table;
  width: 100%;
}

.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}

.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}

.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}

.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}

.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}

.ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
  margin-top: 24px;
}

.ant-skeleton-content .ant-skeleton-paragraph>li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}

.ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}

.ant-skeleton-content .ant-skeleton-paragraph>li+li {
  margin-top: 16px;
}

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
  margin-top: 28px;
}

.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}

.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}

@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0 50%;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}

.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}

.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}

.ant-slider-vertical .ant-slider-track {
  width: 4px;
}

.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}

.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}

.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}

.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}

.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}

.ant-slider-with-marks {
  margin-bottom: 28px;
}

.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}

.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  margin-left: -7px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s,
    transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
}

.ant-slider-handle.ant-tooltip-open {
  border-color: #44b160;
}

.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}

.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}

.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}

.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}

.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  cursor: pointer;
}

.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65);
}

.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}

.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}

.ant-slider-dot:first-child {
  margin-left: -4px;
}

.ant-slider-dot:last-child {
  margin-left: -4px;
}

.ant-slider-dot-active {
  border-color: #8cc8ff;
}

.ant-slider-disabled {
  cursor: not-allowed;
}

.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}

.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}

.ant-statistic-title {
  margin-bottom: 4px;
  font-size: 14px;
}

.ant-statistic-content {
  font-size: 24px;
  font-family: Tahoma, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.ant-statistic-content-value-decimal {
  font-size: 16px;
}

.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}

.ant-statistic-content-prefix {
  margin-right: 4px;
}

.ant-statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
}

.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}

.ant-steps-item:last-child {
  flex: none;
}

.ant-steps-item:last-child .ant-steps-item-tail,
.ant-steps-item:last-child .ant-steps-item-title::after {
  display: none;
}

.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}

.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}

.ant-steps-item-icon>.ant-steps-icon {
  position: relative;
  top: -1px;
  color: #44b160;
  line-height: 1;
}

.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}

.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}

.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 32px;
}

.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}

.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}

.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}

.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}

.ant-steps-item-wait>.ant-steps-item-content>.ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}

.ant-steps-item-wait>.ant-steps-item-content>.ant-steps-item-title::after {
  background-color: #e8e8e8;
}

.ant-steps-item-wait>.ant-steps-item-content>.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}

.ant-steps-item-wait>.ant-steps-item-tail::after {
  background-color: #e8e8e8;
}

.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #44b160;
}

.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
  color: #44b160;
}

.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
  background: #44b160;
}

.ant-steps-item-process>.ant-steps-item-content>.ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}

.ant-steps-item-process>.ant-steps-item-content>.ant-steps-item-title::after {
  background-color: #e8e8e8;
}

.ant-steps-item-process>.ant-steps-item-content>.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65);
}

.ant-steps-item-process>.ant-steps-item-tail::after {
  background-color: #e8e8e8;
}

.ant-steps-item-process .ant-steps-item-icon {
  background: #44b160;
}

.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
  color: #fff;
}

.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}

.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #44b160;
}

.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon {
  color: #44b160;
}

.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
  background: #44b160;
}

.ant-steps-item-finish>.ant-steps-item-content>.ant-steps-item-title {
  color: rgba(0, 0, 0, 0.65);
}

.ant-steps-item-finish>.ant-steps-item-content>.ant-steps-item-title::after {
  background-color: #44b160;
}

.ant-steps-item-finish>.ant-steps-item-content>.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}

.ant-steps-item-finish>.ant-steps-item-tail::after {
  background-color: #44b160;
}

.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}

.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon {
  color: #f5222d;
}

.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}

.ant-steps-item-error>.ant-steps-item-content>.ant-steps-item-title {
  color: #f5222d;
}

.ant-steps-item-error>.ant-steps-item-content>.ant-steps-item-title::after {
  background-color: #e8e8e8;
}

.ant-steps-item-error>.ant-steps-item-content>.ant-steps-item-description {
  color: #f5222d;
}

.ant-steps-item-error>.ant-steps-item-tail::after {
  background-color: #e8e8e8;
}

.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}

.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}

.ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}

.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
  color: #44b160;
}

.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}

.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}

.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}

.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}

.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.ant-steps-small .ant-steps-item-tail {
  top: 8px;
  padding: 0 8px;
}

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}

.ant-steps-vertical {
  display: block;
}

.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}

.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}

.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}

.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}

.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}

.ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-tail {
  display: block;
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-content>.ant-steps-item-title::after {
  display: none;
}

.ant-steps-vertical.ant-steps-small .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}

.ant-steps-vertical.ant-steps-small .ant-steps-item-title {
  line-height: 24px;
}

@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal>.ant-steps-item>.ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal>.ant-steps-item>.ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal>.ant-steps-item:not(:last-child)>.ant-steps-item-tail {
    display: block;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal>.ant-steps-item>.ant-steps-item-content>.ant-steps-item-title::after {
    display: none;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }

  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-title {
    line-height: 24px;
  }
}

.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}

.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 51px;
  padding: 3.5px 24px;
}

.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 104px;
  margin-top: 8px;
  text-align: center;
}

.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 36px;
}

.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}

.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}

.ant-steps-dot .ant-steps-item-title {
  line-height: 1.5;
}

.ant-steps-dot .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}

.ant-steps-dot .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}

.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}

.ant-steps-dot .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}

.ant-steps-dot .ant-steps-item-content {
  width: 140px;
}

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}

.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}

.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}

.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}

.ant-switch::after {
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}

.ant-switch:active::before,
.ant-switch:active::after {
  width: 24px;
}

.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}

.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
}

.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #44b160;
}

.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.ant-switch:focus:hover {
  box-shadow: none;
}

.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}

.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}

.ant-switch-small::after {
  width: 12px;
  height: 12px;
}

.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}

.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}

.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}

.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  transform: scale(0.66667);
}

.ant-switch-checked {
  background-color: #44b160;
}

.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}

.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  transform: translateX(-100%);
}

.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}

.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}

.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}

@keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0deg) scale(0.66667);
    transform-origin: 50% 50%;
  }

  100% {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table-wrapper {
  zoom: 1;
}

.ant-table-wrapper::before,
.ant-table-wrapper::after {
  content: '';
  display: table;
}

.ant-table-wrapper::after {
  clear: both;
}

.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}

.ant-table-body {
  transition: opacity 0.3s;
}

.ant-table-empty .ant-table-body {
  overflow: auto !important;
}

.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: collapse;
}

.ant-table-thead>tr>th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease;
}

.ant-table-thead>tr>th[colspan] {
  text-align: center;
}

.ant-table-thead>tr>th .anticon-filter,
.ant-table-thead>tr>th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-table-thead>tr>th .anticon-filter>svg,
.ant-table-thead>tr>th .ant-table-filter-icon>svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}

.ant-table-thead>tr>th .ant-table-filter-selected.anticon-filter {
  color: #44b160;
}

.ant-table-thead>tr>th .ant-table-column-sorter {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 14px;
  height: 17px;
  margin-top: -8.5px;
  color: #bfbfbf;
  text-align: center;
  transition: all 0.3s;
}

.ant-table-thead>tr>th .ant-table-column-sorter-up,
.ant-table-thead>tr>th .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 4px;
  line-height: 4px;
  transition: all 0.3s;
}

:root .ant-table-thead>tr>th .ant-table-column-sorter-up,
:root .ant-table-thead>tr>th .ant-table-column-sorter-down {
  font-size: 12px;
}

.ant-table-thead>tr>th .ant-table-column-sorter-up.on,
.ant-table-thead>tr>th .ant-table-column-sorter-down.on {
  color: #44b160;
}

.ant-table-thead>tr>th .ant-table-column-sorter-down {
  margin-top: 4px;
}

.ant-table-thead>tr>th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65);
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2;
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters,
.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}

.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters.ant-table-column-has-filters {
  padding-right: 54px !important;
}

.ant-table-thead>tr>th .ant-table-column-sorters>*:not(.ant-table-column-sorter) {
  position: relative;
}

.ant-table-thead>tr>th .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}

.ant-table-thead>tr>th .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}

.ant-table-thead>tr>th.ant-table-column-has-filters .ant-table-column-sorter {
  right: 34px;
}

.ant-table-thead>tr>th.ant-table-column-has-sorters {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-table-thead>tr:first-child>th:first-child {
  border-top-left-radius: 4px;
}

.ant-table-thead>tr:first-child>th:last-child {
  border-top-right-radius: 4px;
}

.ant-table-thead>tr:not(:last-child)>th[colspan] {
  border-bottom: 0;
}

.ant-table-tbody>tr>td {
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s, border 0s;
}

.ant-table-thead>tr,
.ant-table-tbody>tr {
  transition: all 0.3s, height 0s;
}

.ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row)>td,
.ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row)>td,
.ant-table-thead>tr:hover:not(.ant-table-expanded-row)>td,
.ant-table-tbody>tr:hover:not(.ant-table-expanded-row)>td {
  background: #e6f7ff;
}

.ant-table-thead>tr:hover {
  background: none;
}

.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}

.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}

.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8;
}

.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}

.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8;
}

.ant-table-title+.ant-table-content {
  position: relative;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}

.ant-table-bordered .ant-table-title+.ant-table-content,
.ant-table-bordered .ant-table-title+.ant-table-content table,
.ant-table-bordered .ant-table-title+.ant-table-content .ant-table-thead>tr:first-child>th {
  border-radius: 0;
}

.ant-table-without-column-header .ant-table-title+.ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}

.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px;
}

.ant-table-tbody>tr.ant-table-row-selected td {
  background: #fafafa;
}

.ant-table-thead>tr>th.ant-table-column-sort {
  background: #f5f5f5;
}

.ant-table-tbody>tr>td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}

.ant-table-thead>tr>th,
.ant-table-tbody>tr>td {
  padding: 16px 16px;
}

.ant-table-thead>tr>th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}

.ant-table-thead>tr>th.ant-table-selection-column,
.ant-table-tbody>tr>td.ant-table-selection-column {
  text-align: center;
}

.ant-table-thead>tr>th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody>tr>td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}

.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}

.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}

.ant-table-header table {
  border-radius: 4px 4px 0 0;
}

.ant-table-loading {
  position: relative;
}

.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}

.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}

.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}

.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}

.ant-table-bordered .ant-table-header>table,
.ant-table-bordered .ant-table-body>table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}

.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.ant-table-bordered.ant-table-fixed-header .ant-table-header>table {
  border-bottom: 0;
}

.ant-table-bordered.ant-table-fixed-header .ant-table-body>table {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner>table {
  border-top: 0;
}

.ant-table-bordered .ant-table-thead>tr:not(:last-child)>th {
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-bordered .ant-table-thead>tr>th,
.ant-table-bordered .ant-table-tbody>tr>td {
  border-right: 1px solid #e8e8e8;
}

.ant-table-placeholder {
  position: relative;
  z-index: 1;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}

.ant-table-placeholder .anticon {
  margin-right: 4px;
}

.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}

.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}

.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
  max-height: 400px;
  overflow-x: hidden;
}

.ant-table-filter-dropdown .ant-dropdown-menu-item>label+span {
  padding-right: 0;
}

.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #44b160;
  font-weight: bold;
  text-shadow: 0 0 2px #bae7ff;
}

.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}

.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}

.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
}

.ant-table-filter-dropdown-link {
  color: #44b160;
}

.ant-table-filter-dropdown-link:hover {
  color: #44b160;
}

.ant-table-filter-dropdown-link:active {
  color: var(--main-color);
}

.ant-table-filter-dropdown-link.confirm {
  float: left;
}

.ant-table-filter-dropdown-link.clear {
  float: right;
}

.ant-table-selection {
  white-space: nowrap;
}

.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}

.ant-table-selection .anticon-down {
  color: #bfbfbf;
  transition: all 0.3s;
}

.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}

.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}

.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}

.ant-table-row-expand-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-table-row-expanded::after {
  content: '-';
}

.ant-table-row-collapsed::after {
  content: '+';
}

.ant-table-row-spaced {
  visibility: hidden;
}

.ant-table-row-spaced::after {
  content: '.';
}

.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column>span {
  display: inline-block;
}

tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}

tr.ant-table-expanded-row td>.ant-table-wrapper {
  margin: -16px -16px -17px;
}

.ant-table .ant-table-row-indent+.ant-table-row-expand-icon {
  margin-right: 8px;
}

.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}

.ant-table-scroll table {
  width: auto;
  min-width: 100%;
}

.ant-table-scroll table .ant-table-fixed-columns-in-body {
  visibility: hidden;
}

.ant-table-body-inner {
  height: 100%;
}

.ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
  position: relative;
  background: #fff;
}

.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}

.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}

.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: 20;
  overflow: hidden;
  border-radius: 0;
  transition: box-shadow 0.3s ease;
}

.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}

.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}

.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}

.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}

.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}

.ant-table-fixed-left .ant-table-thead>tr>th:last-child {
  border-top-right-radius: 0;
}

.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}

.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}

.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}

.ant-table-fixed-right .ant-table-thead>tr>th:first-child {
  border-top-left-radius: 0;
}

.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none;
}

.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}

.ant-table-middle>.ant-table-title,
.ant-table-middle>.ant-table-footer {
  padding: 12px 8px;
}

.ant-table-middle>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-middle>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th,
.ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th,
.ant-table-middle>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-middle>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-middle>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th,
.ant-table-middle>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th,
.ant-table-middle>.ant-table-content>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-middle>.ant-table-content>.ant-table-body>table>.ant-table-tbody>tr>td,
.ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-tbody>tr>td,
.ant-table-middle>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-middle>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-middle>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td,
.ant-table-middle>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td {
  padding: 12px 8px;
}

.ant-table-middle tr.ant-table-expanded-row td>.ant-table-wrapper {
  margin: -12px -16px -13px;
}

.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.ant-table-small>.ant-table-title,
.ant-table-small>.ant-table-footer {
  padding: 8px 8px;
}

.ant-table-small>.ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-small>.ant-table-content>.ant-table-body {
  margin: 0 8px;
}

.ant-table-small>.ant-table-content>.ant-table-header>table,
.ant-table-small>.ant-table-content>.ant-table-body>table,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table {
  border: 0;
}

.ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td {
  padding: 8px 8px;
}

.ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th {
  background-color: transparent;
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr>th.ant-table-column-sort,
.ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th.ant-table-column-sort,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th.ant-table-column-sort,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th.ant-table-column-sort,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th.ant-table-column-sort,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th.ant-table-column-sort,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th.ant-table-column-sort,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}

.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table,
.ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table,
.ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table,
.ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table {
  padding: 0;
}

.ant-table-small>.ant-table-content .ant-table-header {
  background-color: #fff;
}

.ant-table-small>.ant-table-content .ant-table-placeholder,
.ant-table-small>.ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}

.ant-table-small.ant-table-bordered {
  border-right: 0;
}

.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8;
}

.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}

.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.ant-table-small.ant-table-bordered .ant-table-thead>tr>th:last-child,
.ant-table-small.ant-table-bordered .ant-table-tbody>tr>td:last-child {
  border-right: none;
}

.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead>tr>th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody>tr>td:last-child {
  border-right: 1px solid #e8e8e8;
}

.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.ant-table-small tr.ant-table-expanded-row td>.ant-table-wrapper {
  margin: -8px -16px -9px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-timeline {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none;
}

.ant-timeline-item-tail {
  position: absolute;
  top: 0.75em;
  left: 4px;
  height: 100%;
  border-left: 2px solid #e8e8e8;
}

.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
}

.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}

.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}

.ant-timeline-item-head-blue {
  color: #44b160;
  border-color: #44b160;
}

.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}

.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}

.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}

.ant-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px;
}

.ant-timeline-item-last>.ant-timeline-item-tail {
  display: none;
}

.ant-timeline-item-last>.ant-timeline-item-content {
  min-height: 48px;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: 50%;
  width: 50%;
  text-align: left;
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  right: 50%;
  left: -30px;
  width: 50%;
  margin-right: 18px;
  text-align: right;
}

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: 100%;
}

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  right: 0;
  left: -30px;
  width: 100%;
}

.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  border-left: 2px dotted #e8e8e8;
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  display: block;
  border-left: 2px dotted #e8e8e8;
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}

.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}

.ant-transfer-list {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 200px;
  padding-top: 34px;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

.ant-transfer-list-with-footer {
  padding-bottom: 34px;
}

.ant-transfer-list-search {
  padding: 0 8px;
}

.ant-transfer-list-search-action {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  width: 28px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 32px;
  text-align: center;
}

.ant-transfer-list-search-action .anticon {
  color: rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}

.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}

span.ant-transfer-list-search-action {
  pointer-events: none;
}

.ant-transfer-list-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 6px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}

.ant-transfer-list-header-title {
  position: absolute;
  right: 12px;
}

.ant-transfer-list-body {
  position: relative;
  height: 100%;
  font-size: 14px;
}

.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 4px;
}

.ant-transfer-list-body-with-search {
  padding-top: 40px;
}

.ant-transfer-list-content {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}

.ant-transfer-list-content>.LazyLoad {
  animation: transferHighlightIn 1s;
}

.ant-transfer-list-content-item {
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.ant-transfer-list-content-item>span {
  padding-right: 0;
}

.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #e6f7ff;
  cursor: pointer;
}

.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-transfer-list-body-not-found {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  transform: translateY(-50%);
}

.ant-transfer-list-body-with-search .ant-transfer-list-body-not-found {
  margin-top: 16px;
}

.ant-transfer-list-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}

.ant-transfer-operation {
  display: inline-block;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}

.ant-transfer-operation .ant-btn {
  display: block;
}

.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}

.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}

@keyframes transferHighlightIn {
  0% {
    background: #bae7ff;
  }

  100% {
    background: transparent;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}

.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner {
  border-color: #44b160;
}

.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #44b160;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}

.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}

.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}

.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #44b160;
  border-color: #44b160;
}

.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}

.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}

.ant-select-tree-checkbox-disabled+span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}

.ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}

.ant-select-tree-checkbox-wrapper+span,
.ant-select-tree-checkbox+span {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}

.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}

.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}

.ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item {
  margin-left: 0;
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #44b160;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}

.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.ant-select-tree {
  box-sizing: border-box;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px;
}

.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}

.ant-select-tree li.filter-node>span {
  font-weight: 500;
}

.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #e6f7ff;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff;
}

.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0;
}

.ant-select-tree li span.ant-select-tree-checkbox+.ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px);
}

.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer;
}

.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: #44b160;
  font-size: 14px;
  transform: none;
}

.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ant-select-tree li span.ant-select-tree-switcher {
  position: relative;
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto;
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transform: rotate(-90deg);
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #44b160;
  font-size: 14px;
  transform: none;
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none;
}

.ant-select-tree-child-tree {
  display: none;
}

.ant-select-tree-child-tree-open {
  display: block;
}

li.ant-select-tree-treenode-disabled>span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}

.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}

.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}

.ant-select-tree-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}

.ant-select-tree-dropdown .ant-select-dropdown-search {
  display: block;
  padding: 4px;
}

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%;
}

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
}

.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none;
}

.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.ant-tree.ant-tree-directory {
  position: relative;
}

.ant-tree.ant-tree-directory>li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}

.ant-tree.ant-tree-directory>li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}

.ant-tree.ant-tree-directory>li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}

.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}

.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:hover::before {
  background: #e6f7ff;
}

.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}

.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: '';
}

.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper>span,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper>span {
  position: relative;
  z-index: 1;
}

.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-switcher {
  color: #fff;
}

.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #44b160;
}

.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff;
}

.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff;
}

.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #44b160;
}

.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper::before {
  background: #44b160;
}

.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}

.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner {
  border-color: #44b160;
}

.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #44b160;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}

.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}

.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}

.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #44b160;
  border-color: #44b160;
}

.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}

.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}

.ant-tree-checkbox-disabled+span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}

.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper {
  margin-left: 8px;
}

.ant-tree-checkbox-wrapper+span,
.ant-tree-checkbox+span {
  padding-right: 8px;
  padding-left: 8px;
}

.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}

.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}

.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}

.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item {
  margin-left: 0;
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #44b160;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}

.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.ant-tree {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}

.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}

.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.ant-tree li.drag-over>span[draggable] {
  color: white;
  background-color: #44b160;
  opacity: 0.8;
}

.ant-tree li.drag-over-gap-top>span[draggable] {
  border-top-color: #44b160;
}

.ant-tree li.drag-over-gap-bottom>span[draggable] {
  border-bottom-color: #44b160;
}

.ant-tree li.filter-node>span {
  color: #f5222d !important;
  font-weight: 500 !important;
}

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #44b160;
  font-size: 14px;
  transform: none;
}

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}

.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}

.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #e6f7ff;
}

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff;
}

.ant-tree li span.ant-tree-checkbox {
  margin: 4px 4px 0 2px;
}

.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}

.ant-tree li span.ant-tree-switcher {
  position: relative;
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}

.ant-tree li:last-child>span.ant-tree-switcher::before,
.ant-tree li:last-child>span.ant-tree-iconEle::before {
  display: none;
}

.ant-tree>li:first-child {
  padding-top: 7px;
}

.ant-tree>li:last-child {
  padding-bottom: 7px;
}

.ant-tree-child-tree {
  display: none;
}

.ant-tree-child-tree-open {
  display: block;
}

li.ant-tree-treenode-disabled>span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper:hover {
  background: transparent;
}

.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}

.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}

.ant-tree.ant-tree-show-line li {
  position: relative;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}

.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  margin: 22px 0;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}

.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}

.ant-upload p {
  margin: 0;
}

.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}

.ant-upload input[type='file'] {
  cursor: pointer;
}

.ant-upload.ant-upload-select {
  display: inline-block;
}

.ant-upload.ant-upload-select-picture-card {
  display: table;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

.ant-upload.ant-upload-select-picture-card>.ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}

.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #44b160;
}

.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}

.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}

.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border: 2px dashed #44b160;
}

.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}

.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}

.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}

.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #44b160;
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #44b160;
  font-size: 48px;
}

.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}

.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}

.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}

.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}

.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  zoom: 1;
}

.ant-upload-list::before,
.ant-upload-list::after {
  content: '';
  display: table;
}

.ant-upload-list::after {
  clear: both;
}

.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px;
}

.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}

.ant-upload-list-item-info>span {
  display: block;
}

.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}

:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}

.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.65);
}

.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #e6f7ff;
}

.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}

.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d;
}

.ant-upload-list-item-error .anticon-close {
  color: #f5222d !important;
  opacity: 1;
}

.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}

.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}

.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d;
}

.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}

.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}

.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}

.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}

.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}

.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}

.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}

.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}

.ant-upload-list-picture-card {
  float: left;
}

.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}

.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}

.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}

.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}

.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}

.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
}

.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}

.ant-upload-list-picture-card .anticon-picture+.ant-upload-list-item-name {
  display: block;
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}

.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}

.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}

.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}

.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}

.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}

.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}

.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}

@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content {
  width: 100%;
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  transition: opacity 0.45s;
  opacity: 1;
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane-inactive {
  opacity: 0;
  height: 0;
  padding: 0 !important;
  pointer-events: none;
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  will-change: margin-left;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fixedDataTableCellGroupLayout_cellGroup {
  backface-visibility: hidden;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  background-color: var(--qnb-background);
}

/* .fixedDataTableCellGroupLayout_cellGroup:hover{
  background-color: yellow;
} */

.fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
  vertical-align: top;
  white-space: normal;
  display: flex;
  justify-content: left;
  align-items: center;
}

.fixedDataTableRowLayout_rowWrapper:hover .public_fixedDataTableCell_main {
  vertical-align: top;
  white-space: normal;
  display: flex;
  justify-content: left;
  /* background: #fafafa; */
}

.fixedDataTableCellGroupLayout_cellGroupWrapper {
  position: absolute;
  top: 0;
  /* lloyd */
  /* border-top: 1px solid #48484859; */
  /* THIS IS APPROVED  for header*/

  height: 100% !important;
}

.fixedDataTableCellGroupLayout_cellGroupWrapper:nth-of-type(2) {
  position: absolute;
  /* top: 0; */
  left: 100px;
  /* lloyd */

  content: ' ';
  /* width: 100%; */
  /* margin-right: 20px;
  margin-left: 20px; */
  /* margin-left: 20px; */
  width: 20px;
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellLayout
 */

.fixedDataTableCellLayout_main {
  /* border-right-style: solid; */
  border-right-width: 1px;
  /* border-width: 0 1px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; */
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: normal;
}

.fixedDataTableCellLayout_lastChild {
  /* border-width: 0 1px 1px 0; */
}

.fixedDataTableCellLayout_alignRight {
  text-align: right;
}

.fixedDataTableCellLayout_alignCenter {
  text-align: center;
}

.fixedDataTableCellLayout_wrap1 {
  display: block;
  /*123*/
}

.f4datatable_row_selected .fixedDataTableCellLayout_wrap1 {
  /* color once selected */
  /* background: #f4f8ff; */
}

.f4datatable-single-parent .f4datatable_row:hover .fixedDataTableCellLayout_wrap1 {
  /* background: #fafafa; */
}

.f4datatable-single-parent .f4datatable_row_selected:hover .fixedDataTableCellGroupLayout_cellGroup {
  background: #FFEFEF;
}

.f4datatable_row_selected .fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
  /* background: #f4f8ff; */
  background: #FFEFEF;
}

.f4datatable-single-parent .f4datatable_row:hover .fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
  background: #FFEFEF;
}

.public_fixedDataTable_bodyRow:hover {
  /* box-shadow: 0 1px 5px #d1d8de; */
  box-shadow: 0 1px 5px #a9adb161;
  border: 1px solid #e2e2e2;
  /* top: -2px; */
}

.fixedDataTableCellLayout_wrap1:hover .pinIcon {
  display: inline-block;
}

.fixedDataTableCellLayout_wrap1 .pinIcon.active {
  display: inline-block;
}

.fixedDataTableCellLayout_wrap1:hover .headerTable {
  /* margin-top: -5px; */
  display: flex;
  align-items: center;
}

.pinIcon {
  font-size: 11px;
  padding: 0px 1px;
  color: darkgray;
  display: none;
  margin-right: 5px;
}

.pinIcon>img {
  height: 20px;
}

.fixedDataTableCellLayout_wrap2 {
  display: table;
  padding: 0 20px;
  height: 100%;
}

.fixedDataTableCellLayout_wrap3 {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.fixedDataTableCellLayout_columnResizerContainer {
  position: absolute;
  right: 0px;
  width: 6px;
  z-index: 1;
}

.fixedDataTableCellLayout_columnResizerContainer:hover {
  cursor: ew-resize;
}

.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
  visibility: visible;
}

.fixedDataTableCellLayout_columnResizerKnob {
  position: absolute;
  right: 0px;
  visibility: hidden;
  width: 4px;
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLineLayout
 */

.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px;
}

.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
}

body[dir='rtl'] .fixedDataTableColumnResizerLineLayout_main {
  /* the resizer line is in the wrong position in RTL with no easy fix.
   * Disabling is more useful than displaying it.
   * #167 (github) should look into this and come up with a permanent fix.
   */
  display: none !important;
}

.fixedDataTableColumnResizerLineLayout_hiddenElem {
  display: none !important;
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableLayout
 */

/* .fixedDataTableLayout_main {
  border-width: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: relative;
} */

.body {
  font-weight: 200;
  /* background-color: #e9ebee; */
  background-color: #f8f8f8;
}

.fixedDataTableLayout_main {
  /* border-style: solid; */
  border-width: 1px;
  -webkit-box-sizing: border-box;
  /* box-sizing: border-box; */
  overflow: hidden;
  position: relative;
}

.fixedDataTableLayout_header,
.fixedDataTableLayout_hasBottomBorder {
  /* border-bottom-style: solid;
  border-bottom-width: 1px; */
}

.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
  border-top-style: solid;
  border-top-width: 1px;
}

.fixedDataTableLayout_topShadow,
.fixedDataTableLayout_bottomShadow {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.fixedDataTableLayout_bottomShadow {
  margin-top: -4px;
}

.fixedDataTableLayout_rowsContainer {
  /* overflow: auto; */
  position: relative;
  /* width: 100% !important;
  height: 100% !important;  */
}

.fixedDataTableLayout_horizontalScrollbar {
  bottom: 0;
  position: absolute;
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRowLayout
 */

/* .fixedDataTableRowLayout_main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0;

} */

.fixedDataTableRowLayout_main {
  --webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0;
  border-bottom: 1.3px solid var(--datatable-border-color);
}

.public_fixedDataTable_bodyRow {
  background: #fff;
  /* border-left: 1px solid #e5e5e5; */
  /* border-right: 1px solid #e5e5e5; */
}

.generic-tablepanelview .containerBelowTable {
  border-top: none;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px !important;
}

.fixedDataTableRowLayout_body {
  left: 0;
  position: absolute;
  top: 0;
}

.fixedDataTableRowLayout_rowExpanded {
  box-sizing: border-box;
  left: 0;
  position: absolute;
  background-color: var(--input-field-bg);
  /* border: 0.7px solid #dadfeb; */
  margin: 0;
  /* width: calc(100% - 40px) !important; */
  height: -moz-fit-content;
  height: fit-content;
}

.newlook_threecolpanel__upload .fixedDataTableRowLayout_rowExpanded {
  background: var(--container-sec-color);
}

.fixedDataTableRowLayout_rowExpanded>div,
.fixedDataTableRowLayout_rowExpanded>div>.backgroundColor,
.fixedDataTableRowLayout_rowExpanded>div>.backgroundColor>div {
  height: 100%;
  padding: 0;
  /* padding: 20px 30px 20px 20px; */
}

.newlook_threecolpanel__upload .fixedDataTableRowLayout_rowExpanded>div>.backgroundColor {
  padding: 0px;
}

.fixedDataTableRowLayout_fixedColumnsDivider {
  backface-visibility: hidden;
  border-left-style: solid;
  border-left-width: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.fixedDataTableRowLayout_columnsShadow {
  position: absolute;
  width: 4px;
}

.fixedDataTableRowLayout_columnsRightShadow {
  right: 1px;
}

.fixedDataTableRowLayout_rowWrapper {
  position: absolute;
  top: 1px;
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule ScrollbarLayout
 */

.ScrollbarLayout_main {
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ScrollbarLayout_mainVertical {
  bottom: 0;
  right: 0;
  top: 0;
  width: 13px;
}

.ScrollbarLayout_mainHorizontal {
  bottom: 0;
  height: 15px;
  left: 0;
  transition-property: background-color height;
}

/* Touching the scroll-track directly makes the scroll-track bolder */
.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
.ScrollbarLayout_mainHorizontal:hover {
  height: 17px;
}

.ScrollbarLayout_face {
  left: 0;
  overflow: hidden;
  position: absolute;
  /* z-index: 1; */
  transition-duration: 250ms;
  transition-timing-function: ease;
  transition-property: background-color width position;
}

/**
 * This selector renders the "nub" of the scrollface. The nub must
 * be rendered as pseudo-element so that it won't receive any UI events then
 * we can get the correct `event.offsetX` and `event.offsetY` from the
 * scrollface element while dragging it.
 */
.ScrollbarLayout_face:after {
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  transition: background-color 250ms ease;
}

.ScrollbarLayout_faceHorizontal {
  bottom: 0;
  left: 0;
  top: 0;
}

.ScrollbarLayout_faceHorizontal:after {
  bottom: 4px;
  left: 0;
  top: 4px;
  width: 100%;
}

.ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after,
.ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after {
  bottom: calc(4px / 2);
}

.ScrollbarLayout_faceVertical {
  left: 0;
  right: 0;
  top: 0;
}

.ScrollbarLayout_faceVertical:after {
  height: 100%;
  left: 4px;
  right: 4px;
  top: 0;
}

.ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after,
.ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after {
  left: calc(4px / 2);
  right: calc(4px / 2);
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTable
 *
 */

/**
 * Table.
 */
/* 
.public_fixedDataTable_header,
.public_fixedDataTable_hasBottomBorder {
} */
.public_fixedDataTable_header {
  background: var(--datatable-hdr-color);
  border-top: 1.3px solid var(--datatable-border-color);
}

.public_fixedDataTable_header .public_fixedDataTableCell_main {
  font-weight: 700;
  background-color: var(--qnb-background);
}

.public_fixedDataTable_scrollbarSpacer {
  position: absolute;
  /* z-index: 99; */
}

.public_fixedDataTable_footer .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  /* border-color: #d3d3d3; */
}

.public_fixedDataTable_topShadow {
  /* background: 0 0
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=)
    repeat-x; */
}

.public_fixedDataTable_bottomShadow {
  /* background: 0 0
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==)
    repeat-x; */
}

.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
  background-color: #fff;
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCell
 */

/**
 * Table cell.
 */

.newlook_viewportlet__wf .public_fixedDataTable_bodyRow .public_fixedDataTableCell_main {
  background: var(--table-row-alt);
}

.f4datatable-groupby-parent>div>.fixedDataTableLayout_main>.fixedDataTableLayout_rowsContainer>div>.fixedDataTableRowLayout_rowWrapper>.public_fixedDataTable_bodyRow>.fixedDataTableRowLayout_body>.fixedDataTableCellGroupLayout_cellGroupWrapper>.fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
  background: transparent;
}

.f4datatable-groupby-parent .f4data_table___portletmain>div>.fixedDataTableLayout_main>.fixedDataTableLayout_rowsContainer>div>.fixedDataTableRowLayout_rowWrapper>.public_fixedDataTable_bodyRow>.fixedDataTableRowLayout_rowExpanded {
  margin: 0px;
  border: none;
}

.public_fixedDataTableCell_highlighted {
  /* background-color: red; */
}

.public_fixedDataTableCell_cellContent {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-color);
}

.public_fixedDataTableCell_columnResizerKnob {
  background-color: #0284ff;
}

.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_cellContent {
  /* margin-left: 12px; */

  /* font-weight: bold; */
  font-size: 15px;
  text-transform: none;
  /* text-align: center; */
}

/**
 * Column reorder goodies.
 */
.fixedDataTableCellLayout_columnReorderContainer {
  /* border-color: #0284ff; */
  background-color: rgba(255, 255, 255, 0.1);

  width: 12px;
  margin-right: -12px;
  float: left;
  cursor: move;
}

.fixedDataTableCellLayout_columnReorderContainer:after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  /* content: "\f142"; */
  position: absolute;
  top: 50%;
  font-size: 18px;
  left: 10px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.1);
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLine
 *
 */

/**
 * Column resizer line.
 */
.public_fixedDataTableColumnResizerLine_main {
  /* border-color: #0284ff; */
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRow
 */

/**
 * Table row.
 */

.public_fixedDataTableRow_highlighted,
.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
  /* background-color: #f6f7f8; */
}

.public_fixedDataTableRow_fixedColumnsDivider {
  /* border-color: none; */
  display: none;
}

.public_fixedDataTableRow_columnsShadow {
  /* background: 0 0
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==)
    repeat-y; */
}

.public_fixedDataTableRow_columnsRightShadow {
  transform: rotate(180deg);
}

/**
 * Copyright Schrodinger, LLC
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule Scrollbar
 *
 */

/**
 * Scrollbars.
 */

/* Touching the scroll-track directly makes the scroll-track bolder */
.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main {
  background-color: #fff;
  /* border-left: 1px solid #d3d3d3; */
  z-index: 0 !important;
}

.public_Scrollbar_mainOpaque,
.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
.public_Scrollbar_mainOpaque:hover {
  background-color: #fff;
}

.public_Scrollbar_face:after {
  background-color: #d8e2ea;
}

.public_Scrollbar_main:hover .public_Scrollbar_face:after,
.public_Scrollbar_mainActive .public_Scrollbar_face:after,
.public_Scrollbar_faceActive:after {
  background-color: #7d7d7d;
}

/* .headerTable {
  color: #48484859;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 17px;
  font-size: 10px;
  text-transform: uppercase;
  
  
} */

.headerTable {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0px;
  margin-top: 0px;
  text-transform: none;
  line-height: 1.2;
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 600;
}

.headerTable>i {
  /* color: var(--main-color) !important; */
  font-size: 18px !important;
  margin-left: 20px;
}

.f4DataTable-total-count {
  margin: 1%;
  /* margin-left: 1%; */
  padding: 7px 0px;
  margin-left: 0px;

  font-weight: 450;
  color: #484848b5;
  margin-top: 2%;
}

.expandedContent {
  padding: 20px 30px 20px 20px;
  height: 100%;
  overflow: auto;
  border-top: 1.3px solid #e4eaed;
}

.f4datatable_row_selected {
  background: var(--selected-light-color);
  /* 
  border: 5px solid #fff; */
  left: 0px;
  /* top: -1px; */
  overflow: hidden;
  /* border-radius: 10px;
  outline: 1px solid #eff1f6; */
}

/* .f4datatable_row_selected .newlook_link,
.f4datatable_row_selected .newlook_abstractcol {
  padding-left: 8px;
}

.f4datatable-single-parent
  .f4datatable_row_selected
  .fixedDataTableCellLayout_wrap1
  > .fixedDataTableCellLayout_wrap2 {
  padding: 0 9px;
} */

.f4datatable-single-parent .f4datatable_row_selected .expandableCaret {
  background: var(--selected-light-color);
}

.public_fixedDataTable_bodyRow:hover .expandableCaret {
  background: #fff;
}

.f4datatable-single-parent .f4datatable_row_selected:hover .fixedDataTableCellGroupLayout_cellGroup {
  background: transparent;
}

/* .f4datatable-single-parent .f4datatable_row_selected:hover {
  border: 5px solid #fff;
  top: -1px;
} */

.containerBelowTable {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-top: 1px solid var(--datatable-border-color);
}

.dtl-total-count {
  font-weight: 500;
  font-size: 13px;
}

.dtl-pagination {
  margin-left: 30px;
}

.totalCountUnderTable {
  font-weight: 700;
  color: var(--text-color);
  margin-left: 10px;
}

.fixedDataTableRowLayout_rowWrapper:last-child .public_fixedDataTable_bodyRow {
  border-bottom: none;
}

.f4datatable_totals__panel {
  display: flex;
}

.f4datatable_totals__item {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  margin-right: 50px;
}

.f4datatable_totals__item>div:nth-child(2) {
  font-weight: 700;
  margin-left: 10px;
  margin-right: 20px;
}

.f4datatable_totals__item>div:last-child {
  font-weight: 700;
  margin-left: 10px;
}

.f4datatable_optionButtons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}

.f4data_table__optionspanel {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
}

.expandableCaret,
.actionbtn_panel {
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.public_fixedDataTable_bodyRow:hover .expandableCaret,
.public_fixedDataTable_bodyRow:hover .actionbtn_panel {
  opacity: 1;
  pointer-events: unset;
}

.check-datatbl-header .small-check-container:hover {
  background: transparent !important;
}

.f4datatable-groupby-parent>.f4data_table__section>.f4data_table___portletmain>div>.fixedDataTableLayout_main>.fixedDataTableLayout_rowsContainer>.fixedDataTableRowLayout_rowWrapper:nth-child(2)>div {
  border-top: none;
  border-bottom: none;
}

.f4datatable-groupby-parent>.f4data_table__section>.f4data_table___portletmain>div>.fixedDataTableLayout_main>.fixedDataTableLayout_rowsContainer>div:nth-child(3)>.fixedDataTableRowLayout_rowWrapper>.public_fixedDataTable_bodyRow {
  border-radius: 10px 10px 0 0;
}

.f4datatable-groupby-parent>.f4data_table__section>.f4data_table___portletmain>div>.fixedDataTableLayout_main>.fixedDataTableLayout_rowsContainer>div:nth-child(3)>.fixedDataTableRowLayout_rowWrapper>.public_fixedDataTable_bodyRow:hover {
  box-shadow: none;
  border: none;
  top: 0;
}

.f4datatable-groupby-parent>.f4data_table__section>.f4data_table___portletmain>div>.fixedDataTableLayout_main>.fixedDataTableLayout_rowsContainer>div:nth-child(3)>.fixedDataTableRowLayout_rowWrapper>.public_fixedDataTable_bodyRow .fixedDataTableRowLayout_rowExpanded .fixedDataTableRowLayout_rowWrapper>.public_fixedDataTable_bodyRow {
  border-bottom: 1.3px solid var(--datatable-border-color);
  border-radius: 0;
}

.f4datatable-groupby-parent>.f4data_table__section>.f4data_table___portletmain>div>.fixedDataTableLayout_main>.fixedDataTableLayout_rowsContainer>div:nth-child(3)>.fixedDataTableRowLayout_rowWrapper>.public_fixedDataTable_bodyRow .fixedDataTableRowLayout_rowExpanded .fixedDataTableRowLayout_rowWrapper:last-child>.public_fixedDataTable_bodyRow {
  border-bottom: none;
}

.fixedDataTableLayout_main .small-check-container {
  background: transparent;
}
:root {
  --main-plain-bg: var(--qnb-background-muted);
  --menu-item-color: var(--qnb-foreground-secondary);
  --menu-item-hover: var(--qnb-foreground);
  --light-main-hover: var(--qnb-selection);
  --lighter-main-color: var(--qnb-background-muted);
  --selected-light-color: var(--qnb-selection);
  --light-sec-color: var(--qnb-background);
  --light-secalt-color: var(--qnb-selection);
  --hdr-color: var(--qnb-foreground);
  --subhdr-color: var(--qnb-foreground-secondary);
  --mblsubhdr-color: var(--qnb-foreground-secondary);
  --sub-hdr-color: var(--qnb-foreground-secondary);
  --sub-label-color: var(--qnb-foreground-muted);
  --light-text-color: var(--qnb-foreground-muted);
  --required-color: var(--qnb-danger);
  --main-bg-color: var(--qnb-background-muted);
  --sec-btn-color: var(--qnb-secondary);
  --sec-btn-hover: var(--qnb-secondary);
  --lightblue-hover-color: var(--qnb-selection);
  /* --field-label-color: var(--qnb-foreground-muted); */
  --field-label-color: var(--qnb-foreground-secondary);
  --modal-bg: var(--qnb-background);
  --button-text-color: var(--qnb-primary-foreground);
  --button-grey: var(--qnb-background-muted);
  --backbtn-bgcolor: var(--qnb-background-inverse);
  --backbtn-hover-bgcolor: var(--qnb-background-inverse);
  --button-icon-hover: var(--qnb-foreground-inverse);
  --view-label-color: var(--qnb-foreground-muted);
  --placeholder-color: var(--qnb-foreground-placeholder);
  --container-color: var(--qnb-background-muted);
  --container-sec-color: var(--qnb-background);
  --light-container-color: var(--qnb-background-muted);
  --view-fieldlabel-color: var(--qnb-foreground-secondary);
  --search-filter-label: var(--qnb-foreground-muted);
  --upload-dashed-border: var(--qnb-border);
  --light-border-color: var(--qnb-border-subtle);
  --border-color-alt: var(--qnb-border-subtle);
  --expanded-border: var(--qnb-border-subtle);
  --datatable-uncheck: var(--qnb-foreground-muted);
  --datatable-sublabel-color: var(--qnb-foreground-muted);
  --select-drop-color: var(--qnb-foreground);
  --non-editable-color: var(--qnb-background-muted);
  --expanded-bg: var(--qnb-background-muted);
  --table-row-alt: var(--qnb-background-muted);
  --invoice-bg: var(--qnb-background);
  --invoice-placeholder: var(--qnb-foreground-muted);
  --attached-docs-bg: var(--qnb-background-muted);
  --simulation-line: var(--qnb-foreground-muted);
  --expanded-menu-background: var(--qnb-background-inverse);
  --menu-background-color: var(--qnb-foreground);
  --rightpanel-bg-color: var(--qnb-background);
  --positive-color: var(--qnb-success);
  --negative-color: var(--qnb-danger);
  --reject-btn-color: var(--qnb-danger);
  --reject-btn-hover-color: var(--qnb-danger);
  --return-btn-color: var(--qnb-warning-emphasis);
  --return-btn-hover-color: var(--qnb-warning-emphasis);
  --attach-item-bg: var(--qnb-background-muted);
  --checkbox-border-color: var(--qnb-border);
  --login-enroll-box: var(--qnb-primary);
  --sub-text-color: var(--qnb-foreground-placeholder);
  --light-hover-color: var(--qnb-background-muted);
  --ae-steps-inactive: var(--qnb-foreground-secondary);
  --ae-steps-success: var(--qnb-success);
  --ae-steps-activebg: var(--qnb-background-inverse);
  --error-field-bg: var(--qnb-danger-subtle);
  --input-field-errorbg: var(--qnb-danger-subtle);
  --listview-hdr-color: var(--qnb-background-muted);
  --datatable-hdr-color: var(--qnb-background-muted);
  --focused-field-bg: var(--qnb-selection);
  --search-input-bg: var(--qnb-background-muted);
  --search-input-placeholder: var(--qnb-foreground-placeholder);
  --inactive-menu: var(--qnb-foreground-muted);
  --sub-text-coloralt: var(--qnb-foreground-muted);
  --clear-color: var(--qnb-danger);
  --inactive-tab: var(--qnb-foreground-muted);
  --welcome-widget-btn: var(--qnb-foreground-secondary);
  --welcome-widget-hover: var(--qnb-foreground);
  --charges-bg: var(--qnb-background-muted);
  --charges-label: var(--qnb-foreground-muted);
  --txn-right-bg: var(--qnb-background);
  --instr-bg: var(--qnb-warning-subtle);
  --instr-color: var(--qnb-warning);
  --delete-btn-enabled: var(--qnb-danger-subtle);
  --delete-btn-enabledhov: var(--qnb-danger-subtle);
  --delete-btn-disabled: var(--qnb-danger-subtle);
  --reject-btnalt-bg: var(--qnb-accent);
  --reject-btnalt-hover: var(--qnb-danger);
  --approve-btnalt-bg: var(--qnb-secondary);
  --approve-btnalt-hover: var(--qnb-secondary);
  --process-color: var(--qnb-warning);
  --selected-biller-bg: var(--qnb-selection);
  --save-fave-bg: var(--qnb-danger-subtle);
  --btn-border-radius: 12px;
  --input-border-radius: 10px;
  --input-field-fontsize: 15px;
  --no-records-label: var(--qnb-foreground-placeholder);
  --mbl-arrow--selector: var(--qnb-icon-muted);
  --mbl-panelhdr: var(--qnb-background);
  --mbl-details-bg: var(--qnb-background-muted);
  --mbl-card-border: var(--qnb-border-subtle);
  --compute-color: var(--qnb-chart-series-2);
  --compute-color-hover: var(--qnb-warning-emphasis);
  --stepper-color: var(--qnb-foreground-muted);
  --disabled-bg-color: var(--qnb-background-muted);
}

@media (resolution: 96dpi) {
  .bob_login__leftcontent {
    zoom: 0.8;
  }
}

@media  {
  .bob_login__leftcontent {
    zoom: 0.9;
  }
}

ul[role='list'],
ol[role='list'] {
  list-style: none;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

html:focus-within {
  scroll-behavior: smooth;
}

::-moz-selection {
  /* Code for Firefox */
  color: var(--qnb-foreground-inverse);
  background: var(--qnb-primary);
}

::selection {
  color: var(--qnb-foreground-inverse);
  background: var(--qnb-primary);
}

html {
  font-family: 'qnb-sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'qnb-sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--main-plain-bg);
  color: var(--qnb-primary);
  font-weight: 400;
  overflow-x: hidden;
  height: auto;
  word-break: break-word;
  text-rendering: optimizeLegibility;
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'qnb-sans', sans-serif;
  font-weight: 400;
}

button {
  position: relative;
  font-size: 15px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  font-weight: 600;
  padding: 5px 25px 5px;
  background: transparent;
}

button:focus,
button:active {
  outline: none;
}

button:hover {
  background: var(--light-hover-color);
}

a:hover {
  color: var(--qnb-primary-hover);
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 10px;
  padding-left: 10px;
}

.displayNone {
  display: none;
}

.loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--qnb-background);
  z-index: 1300;
}

.white__bg {
  background: var(--qnb-background);
}

/*** Start of Loader ***/

.fast-spin {
  animation: fa-spin 0.7s infinite linear;
}

.box {
  position: relative;
  display: block;
  margin: auto;
  height: 100%;
  width: 100%;
  max-width: 50px;
  max-height: 50px;
}

.sixth-loader {
  position: absolute;
  height: 100%;
  width: 100%;
}

.circle-loader-2 {
  position: absolute;
  border: 5px solid;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border-color: var(--qnb-primary) transparent var(--qnb-primary);
  animation: sixthLoaderPositive 1s infinite linear;
}

.circle-loader-3 {
  position: absolute;
  border: 5px solid;
  width: 65%;
  height: 65%;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border-color: transparent var(--qnb-primary) transparent;
  animation: sixthLoaderNegative 1s infinite linear;
}

@keyframes sixthLoaderPositive {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 0.6;
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
    opacity: 0.6;
  }
}

@keyframes sixthLoaderNegative {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

/*** End of Loader ***/

.form-control {
  color: var(--qnb-primary);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.is-disabled .Select-control {
  background-color: var(--disabled-bg-color) !important;
  color: var(--qnb-primary);
  opacity: 1;
}

.fo_scroll::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.fo_scroll::-webkit-scrollbar-track {
  background: var(--qnb-background);
  border-radius: 5px;
}

.fo_scroll::-webkit-scrollbar-thumb {
  background-color: var(--qnb-background);
  border-radius: 5px;
}

.fo_scroll__vert::-webkit-scrollbar-track {
  background: var(--qnb-background);
  border-radius: 5px;
}

.fo_scroll__vert::-webkit-scrollbar-thumb {
  background-color: var(--qnb-background);
  border-radius: 5px;
}

/** Start of button **/

.f4Button,
.bob_primary__btn {
  position: relative;
  color: var(--qnb-foreground-inverse);
  background: var(--qnb-primary);
  border-radius: 12px;
  font-size: 15px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  font-weight: 700;
  padding: 5px 25px 5px;
  height: 50px;
}

.f4Button:hover,
.f4Button:focus,
.bob_primary__btn:hover,
.bob_primary__btn:focus,
.bob_primary__btn:active {
  background: var(--qnb-primary-hover) !important;
  color: var(--qnb-primary-foreground) !important;
  border: none;
  outline: none !important;
  box-shadow: none;
}

.compute_button {
  background: var(--compute-color) !important;
}

.compute_button:hover,
.compute_button:focus,
.compute_button:active {
  background: var(--compute-color-hover) !important;
}

.f4Button>img,
.f4Button>i {
  margin-right: 10px;
}

.bob_btn__md {
  height: 40px;
}

.bob_sec__btn {
  background: var(--sec-btn-color);
}

.bob_sec__btn:hover,
.bob_sec__btn:focus,
.bob_sec__btn:active {
  background: var(--sec-btn-hover) !important;
}

.bob_nb__btn {
  width: 100%;
  background: transparent;
  color: var(--qnb-primary);
  font-weight: 600;
}

.bob_nb__btn:hover,
.bob_nb__btn:focus,
.bob_nb__btn:active {
  background: var(--light-hover-color) !important;
  color: var(--qnb-primary) !important;
}

.bob_nb__btnalt {
  width: 100%;
  background: transparent;
  color: var(--qnb-primary);
  font-weight: 600;
}

.bob_nb__btnalt:hover,
.bob_nb__btnalt:focus,
.bob_nb__btnalt:active {
  background: var(--light-hover-color) !important;
  color: var(--qnb-primary) !important;
}

.bob_clear__btn {
  width: 100%;
  background: transparent;
  color: var(--clear-color);
  font-weight: 600;
}

.bob_clear__btn:hover,
.bob_clear__btn:focus,
.bob_clear__btn:active {
  background: var(--light-hover-color) !important;
  color: var(--clear-color) !important;
}

.bob_nb__btn>img {
  margin-bottom: 4px;
}

.bob_nb__btn>img,
.bob_brd__btn>img,
.bob_clear__btn>img {
  margin-right: 10px;
}

.bob_brd__btn {
  background: transparent;
  color: var(--qnb-primary);
  border: 1.5px solid var(--qnb-primary);
  font-weight: 600;
}

.bob_brd__btn:hover,
.bob_brd__btn:focus,
.bob_brd__btn:active {
  border: 1.5px solid var(--qnb-primary) !important;
  background: var(--qnb-selection) !important;
  color: var(--qnb-primary) !important;
}

.bob_mini__circlebtn {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  padding: 0px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bob_back__btn {
  background: var(--backbtn-bgcolor);
}

.modal_back__btn {
  /* background: var(--backbtn-bgcolor) !important;
  font-weight: 700 !important;
  color: var(--qnb-foreground-inverse) !important; */
}

.bob_back__btn:hover,
.bob_back__btn:focus,
.bob_back__btn:active,
.modal_back__btn:hover,
.modal_back__btn:focus,
.modal_back__btn:active {
  /* background: var(--backbtn-hover-bgcolor) !important; */
}

.bob_rtm__btn {
  background: var(--return-btn-color);
}

.bob_rtm__btn:hover,
.bob_rtm__btn:focus,
.bob_rtm__btn:active {
  background: var(--return-btn-hover-color) !important;
}

.bob_whitebrd__btn {
  background: transparent;
  border: 1.5px solid var(--qnb-foreground-inverse);
  border-radius: 30px;
  height: 35px;
  padding: 0px 30px;
  font-size: 14px;
  font-weight: 600;
}

.bob_whitebrd__btn:hover,
.bob_whitebrd__btn:focus,
.bob_whitebrd__btn:active {
  background: transparent !important;
  border: 1.5px solid var(--qnb-foreground-inverse) !important;
  transform: scale(1.05);
}

.bob_reject__btn {
  color: var(--qnb-foreground-inverse);
  background: var(--reject-btnalt-bg);
}

.bob_reject__btn:hover,
.bob_reject__btn:focus,
.bob_reject__btn:active {
  background: var(--reject-btnalt-hover) !important;
  color: var(--qnb-foreground-inverse) !important;
  border: none;
  outline: none !important;
  box-shadow: none;
}

.welcome_widget__btn {
  background: var(--welcome-widget-btn);
}

.welcome_widget__btn:hover,
.welcome_widget__btn:focus,
.welcome_widget__btn:active {
  background: var(--welcome-widget-hover) !important;
}

.bob_btn__link {
  position: relative;
  border-radius: 5px;
  padding: 0 5px;
  margin: 0 -5px;
  font-size: 15px;
  color: var(--qnb-primary);
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  transition: 0.5s;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: none;
  background: transparent;
}

.bob_btn__link[disabled] {
  filter: opacity(0.7);
}

.bob_btn__linkinline {
  position: relative;
  border-radius: 5px;
  padding: 0 5px;
  margin: 0 -5px;
  color: var(--qnb-primary);
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  transition: 0.5s;
  cursor: pointer;
}

.bob_btn__link:hover,
.bob_btn__link:focus,
.bob_btn__link:active,
.bob_btn__linkinline:hover {
  background: var(--light-hover-color) !important;
  color: var(--qnb-primary) !important;
}

.bob_btn__linkwicon {
  color: var(--qnb-primary);
  background: transparent;
}

.bob_btn__linkwicon:hover,
.bob_btn__linkwicon:focus,
.bob_btn__linkwicon:active {
  background: var(--light-hover-color) !important;
  color: var(--qnb-primary) !important;
}

.bob_btn__linkwicon>img {
  margin-right: 10px;
}

/** end of button **/

/** start of generic fields **/

.biller_selector__control {
  background: var(--qnb-background);
  border: 2px solid var(--qnb-border) !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: none !important;
}

.form-control:hover,
.newcopyfrom_search>input:hover,
.monthyear_picker__container:hover,
.ant-time-picker-input:hover,
.otp_modal__contentinputs>input:hover,
.f4AutoSuggest .accountselector_itemvalue:hover,
.react-autosuggest__input:hover,
.react-tel-input input[type='text']:hover,
.react-tel-input input[type='tel']:hover,
.DraftEditor-root:hover,
.Select-control:hover,
.biller_selector__control:hover,
.f4CheckboxMainContainer:hover,
.react-datepicker__input-container input:hover,
.newlook_datefilter:hover,
.f4date_picker__maskedinput:hover+div .f4InputField {
  border: 2px solid var(--qnb-primary) !important;
  box-shadow: none;
}

.form-control:focus,
.form-control:active,
.newcopyfrom_search>input:active,
.newcopyfrom_search>input:focus,
.monthyear_picker__container:focus,
.monthyear_picker__container:active,
.ant-time-picker-input:focus,
.ant-time-picker-input:active,
.otp_modal__contentinputs>input:focus,
.otp_modal__contentinputs>input:active,
.react-autosuggest__input:focus,
.react-autosuggest__input:active,
.react-tel-input input[type='text']:focus,
.react-tel-input input[type='text']:active,
.react-tel-input input[type='tel']:focus,
.react-tel-input input[type='tel']:active,
.htmlEditor_html__focused .DraftEditor-root,
.f4date_picker__maskedinput:focus+div .f4InputField,
.f4date_picker__maskedinput:active+div .f4InputField,
.is-focused .Select-control,
.biller_selector__control--is-focused,
.react-datepicker__input-container input:focus,
.react-datepicker__input-container input:active {
  border: 2px solid var(--qnb-primary) !important;
  box-shadow: none;
  background: var(--focused-field-bg);
  outline: none !important;
}

.has-error .f4date_picker__maskedinput,
.has-error .f4date_picker__maskedinput:hover,
.has-error .f4date_picker__maskedinput:focus,
.has-error .f4date_picker__maskedinput:focus-visible,
.has-error .f4date_picker__maskedinput:active {
  border: 2px solid transparent !important;
  background: var(--error-field-bg);
  outline: none;
}

.f4date_picker__maskedinput:focus,
.f4date_picker__maskedinput:focus-visible,
.f4date_picker__maskedinput:active {
  outline: none;
}

.has-error .form-control,
.asF4FormValidate_validation-state-error .form-control,
.asF4FormValidate_validation-state-error .Select-control,
.asF4FormValidate_validation-state-error .Select-control:hover,
.asF4FormValidate_validation-state-error .biller_selector__control,
.asF4FormValidate_validation-state-error .biller_selector__control:hover,
.asF4FormValidate_validation-state-error .monthyear_picker__container,
.asF4FormValidate_validation-state-error .monthyear_picker__container:hover,
.asF4FormValidate_validation-state-error .react-datepicker__input-container input,
.asF4FormValidate_validation-state-error .react-datepicker__input-container input:hover,
.asF4FormValidate_validation-state-error .transactionalAccountSelector_autoSuggest .transactionalAccountSelector_single .f4InputField,
.asF4FormValidate_validation-state-error .transactionalAccountSelector_autoSuggest .transactionalAccountSelector_single .f4InputField:hover,
.asF4FormValidate_validation-state-error .react-tel-input input[type='text'],
.asF4FormValidate_validation-state-error .react-tel-input input[type='tel'],
.asF4FormValidate_validation-state-error .react-tel-input input[type='text']:hover,
.asF4FormValidate_validation-state-error .react-tel-input input[type='tel']:hover,
.asF4FormValidate_validation-state-error .f4AutoSuggest .f4InputField,
.asF4FormValidate_validation-state-error .f4AutoSuggest .f4InputField:hover,
.asF4FormValidate_validation-state-error .mobile_single__selectmain,
.asF4FormValidate_validation-state-error .ant-time-picker-input,
.asF4FormValidate_validation-state-error .ant-time-picker-input:hover,
.has-error .f4date_picker__maskedinput:hover+div .f4InputField,
.has-error .f4date_picker__maskedinput:focus+div .f4InputField,
.has-error .f4date_picker__maskedinput:active+div .f4InputField {
  border: 2px solid var(--required-color) !important;
  box-shadow: none;
  background: var(--error-field-bg) !important;
  outline: none !important;
}

.has-error .form-control:focus,
.has-error .form-control:active,
.asF4FormValidate_validation-state-error .is-focused .Select-control,
.asF4FormValidate_validation-state-error .biller_selector__control--is-focused,
.asF4FormValidate_validation-state-error .react-datepicker__input-container input:focus,
.asF4FormValidate_validation-state-error .react-datepicker__input-container input:active,
.asF4FormValidate_validation-state-error .transactionalAccountSelector_autoSuggest .transactionalAccountSelector_single .f4InputField:focus,
.asF4FormValidate_validation-state-error .transactionalAccountSelector_autoSuggest .transactionalAccountSelector_single .f4InputField:active,
.asF4FormValidate_validation-state-error .react-tel-input input[type='text']:focus,
.asF4FormValidate_validation-state-error .react-tel-input input[type='tel']:focus,
.asF4FormValidate_validation-state-error .react-tel-input input[type='text']:active,
.asF4FormValidate_validation-state-error .react-tel-input input[type='tel']:active,
.asF4FormValidate_validation-state-error .f4AutoSuggest .f4InputField:focus,
.asF4FormValidate_validation-state-error .f4AutoSuggest .f4InputField:active,
.asF4FormValidate_validation-state-error .ant-time-picker-input:focus,
.asF4FormValidate_validation-state-error .ant-time-picker-input:active {
  border: 2px solid var(--required-color) !important;
  box-shadow: none;
  background: var(--input-field-errorbg);
}

.has-feedback label~.form-control-feedback {
  top: unset;
  bottom: -6px;
  display: none;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label,
.asF4FormValidate_validation-state-error .f4FormFieldLabel {
  color: var(--required-color);
}

.help-block {
  color: var(--required-color);
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 0px;
  /* text-align: right; */
  margin-top: 5px;
  line-height: 12px;
  word-break: keep-all;
}

.asf4FormValidate {
  position: relative;
}

.field_info__btn {
  position: absolute;
  right: 10px;
  top: 39px;
  cursor: pointer;
  transition: 0.5s;
}

.field_info__btn>img {
  filter: grayscale(100%) invert(52%) sepia(88%) saturate(899%) hue-rotate(321deg) brightness(94%) contrast(111%);
}

.bob_generic__nofieldlbl .field_info__btn {
  top: 5px;
}

.field_info__btn:hover {
  opacity: 0.6;
}

.field_info__tooltip {
  display: flex;
  padding: 0 5px;
  text-align: left;
}

.field_info__tooltip>img {
  height: 28px;
  width: 28px;
}

.field_info__tooltip>div {
  width: calc(100% - 28px);
  font-size: 14px;
  padding-left: 10px;
  padding-top: 3px;
  word-break: break-word;
}

.f4InputField::-moz-placeholder,
.react-datepicker__input-container input::-moz-placeholder,
.f4TextAreaNew::-moz-placeholder,
.react-autosuggest__input::-moz-placeholder,
.ant-time-picker-input::-moz-placeholder,
.newlook_search__bar .react-autosuggest__input::-moz-placeholder {
  color: var(--placeholder-color);
  font-size: 14px;
  font-weight: 500;
}

.f4InputField::-moz-placeholder, .react-datepicker__input-container input::-moz-placeholder, .f4TextAreaNew::-moz-placeholder, .react-autosuggest__input::-moz-placeholder, .ant-time-picker-input::-moz-placeholder, .newlook_search__bar .react-autosuggest__input::-moz-placeholder {
  color: var(--placeholder-color);
  font-size: 14px;
  font-weight: 500;
}

.f4InputField::placeholder,
.react-datepicker__input-container input::placeholder,
.f4TextAreaNew::placeholder,
.react-autosuggest__input::placeholder,
.ant-time-picker-input::placeholder,
.newlook_search__bar .react-autosuggest__input::placeholder {
  color: var(--placeholder-color);
  font-size: 14px;
  font-weight: 500;
}

.f4InputField::-moz-placeholder,
.react-datepicker__input-container input::-moz-placeholder,
.f4TextAreaNew::-moz-placeholder,
.react-autosuggest__input::-moz-placeholder,
.ant-time-picker-input::-moz-placeholder,
.newlook_search__bar .react-autosuggest__input::-moz-placeholder {
  color: var(--placeholder-color);
  font-size: 14px;
  font-weight: 500;
}

.f4InputField::-webkit-input-placeholder,
.react-datepicker__input-container input::-webkit-input-placeholder,
.f4TextAreaNew::-webkit-input-placeholder,
.react-autosuggest__input::-webkit-input-placeholder,
.ant-time-picker-input::-webkit-input-placeholder,
.newlook_search__bar .react-autosuggest__input::-moz-placeholder {
  color: var(--placeholder-color);
  font-size: 14px;
  font-weight: 500;
}

.f4FormFieldLabel {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  color: var(--field-label-color);
  margin-bottom: 10px;
}

.bob_generic__nofieldlbl .f4FormFieldLabel,
.bob_generic__nofieldlbl .newacctsel_hdr {
  display: none;
}

.f4FormFieldLabel_requiredast {
  font-size: 13px;
  font-weight: 600;
  margin-left: 5px;
  color: var(--required-color);
}

.formfield_label__optional {
  display: flex;
  min-height: 20px;
  padding-top: 4px;
}

.formfield_label__optional>span:first-child {
  width: calc(100% - 70px);
}

.formfield_label__optional>span:last-child {
  font-size: 11px;
  font-weight: 500;
  color: var(--field-label-color);
  width: 70px;
  text-align: right;
}

/*** Start of Action Choice ***/

.actionchoice-btnpanel {
  position: relative;
}

.actionchoice-btn {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--qnb-border);
  border-radius: 8px;
  background-color: var(--qnb-background);
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
  transition: 0.5s;
}

.actionchoice-btn>span {
  font-size: 14px;
  display: flex;
  align-items: center;
}

.actionchoice-btn>span>img {
  height: 28px;
  width: 28px;
  margin-right: 10px;
}

.actionchoice-btn>span>i {
  margin: 0px 0px 0px 8px;
  position: relative;
  top: 0px;
  color: var(--hdr-color);
  font-size: 16px;
}

.actionchoice-options {
  position: absolute;
  width: 100%;
  background: var(--qnb-background);
  border-radius: 8px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 11px 0 var(--qnb-shadow-subtle), 0 6px 14px 0 var(--qnb-shadow-sm),
    0 3px 8px 0 var(--qnb-foreground-muted);
  /* transition: opacity 175ms, -webkit-transform 175ms; */

  transition: opacity 175ms, transform 175ms;
  z-index: 10;
  /* overflow: hidden; */
  overflow-y: auto;
  padding: 5px;
}

.f4actionchoicebtn-portal .actionchoice-options {
  z-index: 110;
}

.f4actionchoicebtn-portal .actionchoice-options.f4DatatablePopoverInModal {
  z-index: 100000000;
}

.actionchoice-opthide {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  border-radius: 50%;
  font-size: 19px;
  float: right;
  margin: 8px 13px;
  z-index: 99;
}

.actionchoice-opthide:hover {
  background: var(--button-grey);
}

.actionchoice-optionsclose {
  pointer-events: none !important;
  opacity: 0 !important;
  position: fixed;
}

.actionchoice-opttop.actionchoice-optionsclose {
  transform: scale(0.9) translateY(20px) !important;
}

.actionchoice-optbot.actionchoice-optionsclose {
  transform: scale(0.9) translateY(-20px) !important;
}

.actionchoice-optitem {
  display: flex;
  align-items: center;
  padding: 7px 10px;
  font-size: 14px;
  cursor: pointer;
  transition: 0.5s;
  border-radius: 5px;
}

.actionchoice-optitem:hover,
.actionchoice-optitem-selected {
  background: var(--light-hover-color);
}

.actionchoice-optitem>div:first-child {
  color: var(--qnb-primary);
  width: 30px;
  display: flex;
  align-items: center;
  transition: 0.5s;
  font-size: 16px;
  margin-right: 5px;
}

/* .f4datatable-download-newportal .actionchoice-optitem > div:first-child {
  margin-left: -5px;
} */

.actionchoice-optitemalt>div:first-child {
  display: none;
}

.actionchoice-optitem>div:first-child>img {
  height: 28px;
  width: 28px;
}

.actionchoice-optitem>div:last-child {
  font-weight: 500;
  width: calc(100% - 35px);
  transition: 0.5s;
  position: relative;
  line-height: 19px;
}

.f4datatable-download-newportal .actionchoice-optitem>div:first-child {
  width: 20px;
  color: var(--qnb-primary);
}

.f4datatable-download-newportal .actionchoice-optitem>div:last-child {
  padding-left: 5px;
  line-height: 20px;
  width: calc(100% - 20px);
}

.actionchoice-optitemalt>div:last-child {
  width: 100%;
}

.actionchoice-placeholder {
  padding: 10px 20px;
  font-size: 11pt;
  color: var(--qnb-foreground-placeholder);
}

.actionchoice-btnicon {
  width: 45px;
  height: 45px;
  border: none;
  /* background-color: var(--qnb-background); */
  background: var(--qnb-primary);
  border-radius: 100%;
  color: var(--qnb-foreground-inverse);
  font-size: 17pt;
  display: flex;
  align-items: center;
  justify-content: center;
  /* -webkit-transition: all 0.4s ease, background-color 0.4s ease, */
  /* -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); */
  /* transition: all 0.4s ease, background-color 0.4s ease, */
  /* -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); */
  transition: all 0.4s ease, background-color 0.4s ease;
  -o-transition: all 0.4s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    background-color 0.4s ease;

  z-index: 1;
  position: relative;
}

.ack-download-by-type .actionchoice-btnicon {
  background: none;
  width: initial;
  height: initial;
  color: initial;
  font-size: initial;
  display: initial;
  align-items: initial;
  justify-content: initial;
  padding: 0;
}

.actionchoice-btnicon:hover {
  transform: translateZ(0) scale(1.05);
  /* background: var(--qnb-primary); */
}

.actionchoice-opttop {
  bottom: 0px;
}

.actionchoice-optbot {
  top: 0;
}

.actionchoice-opthdr {
  font-size: 17px;
  padding: 10px;
  font-weight: 700;
}

.actionchoice-btnicon-enroll {
  position: fixed;
  top: 90px;
  right: calc(25% - 25px);
}

.actionchoice-btnicon-enrollopt {
  top: 90px;
  right: 15%;
  position: fixed;
  width: 300px;
}

.actionchoice-optitem-disabled {
  filter: grayscale(1) opacity(0.3);
  pointer-events: none;
}

.actionchoice_searchfield {
  display: flex;
  align-items: center;
  margin-left: 15px;
  width: calc(100% - 30px);
  position: relative;
}

.actionchoice_searchfield>i {
  position: absolute;
  pointer-events: none;
  top: 9px;
  left: 5px;
}

.actionchoice_searchfield>input {
  padding: 5px 27px;
}

.displaytemplate_btn {
  height: 100%;
  width: 20px;
  background: transparent;
  color: var(--qnb-primary);
  border-radius: 0px;
  box-shadow: none;
  font-size: 13pt;
}

.displaytemplate_opt {
  padding: 0px;
}

/*** End of Action Choice ***/

/*** Start of F4InputField ***/

.f4InputField {
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  height: 45px;
  border-radius: 10px;
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.has-feedback .form-control {
  padding-right: 15px;
}

.f4InputField_amt {
  height: 60px;
  text-align: center;
}

.f4InputField_amt__hasvalue {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}

.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}

.form-group {
  margin-bottom: 0px;
}

.f4InputField_inputField {
  color: var(--qnb-foreground);
}

.f4InputField_parent_withpwtgl .f4InputField {
  padding-right: 50px;
}

.inputfield_pw__togglebtn {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}

.inputfield_pw__togglebtn>img {
  height: 28px;
  width: 28px;
}

/*** End of F4InputField ***/

/*** Start of F4TextArea ***/

.f4TextAreaNew {
  font-size: 14px;
  color: var(--hdr-color);
  font-weight: 500;
  box-shadow: none;
  min-height: 100px;
  border-radius: 10px;
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  padding: 10px 15px;
  transition: 0.5s;
}

.textarea-remarks .f4TextAreaNew {
  min-height: 100px;
  height: 100px;
  resize: none;
  padding: 10px 15px;
}

/*** End of F4TextArea ***/

/*** Start of F4SingleSelect ***/

.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}

.Select {
  position: relative;
}

.Select-control {
  height: 45px;
  width: 100%;
  background: var(--qnb-background);
  outline: none;
  cursor: default;
  display: table;
  border: 2px solid var(--qnb-border);
  border-radius: 10px;
}

.is-searchable.is-open>.Select-control {
  cursor: text;
}

.is-searchable.is-focused:not(.is-open)>.Select-control {
  cursor: text;
}

.Select--multi.has-value .Select-control {
  background: var(--main-menu-bg);
}

.has-value.Select--single>.Select-control>.Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single>.Select-control>.Select-value .Select-value-label {
  color: var(--qnb-secondary);
}

.has-value.Select--single>.Select-control>.Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single>.Select-control>.Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.Select-placeholder,
.Select--single>.Select-control .Select-value {
  bottom: 0;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
}

.Select--single>.Select-control .Select-value {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.Select-placeholder {
  transition: 0.5s;
  padding: 5px 30px 3px 15px;
  color: var(--placeholder-color);
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.is-focused .Select-placeholder {
  width: 100%;
}

.Select-input {
  padding: 6px 15px 0px;
  vertical-align: middle;
}

.Select-input>input {
  width: 100% !important;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  margin: 0;
  outline: none;
  line-height: 14px;
  padding: 0px;
  -webkit-appearance: none;
  font-size: 14px;
  color: var(--qnb-foreground-secondary);
  font-weight: 500;
}

.is-focused .Select-input>input {
  cursor: text;
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select-control:not(.is-searchable)>.Select-input {
  outline: none;
}

.Select--single>.Select-control .Select-value {
  padding: 5px 15px;
}

.Select.has-value.is-clearable.Select--single>.Select-control .Select-value {
  padding-right: 60px;
}

.Select-value-label strong {
  font-weight: 500;
  font-size: 14px;
  color: var(--qnb-primary);
}

.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: var(--label-color);
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.Select-clear-zone .Select-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  height: 100%;
  padding-top: 0px;
  line-height: 23px;
  font-weight: 500;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  padding-right: 0;
  padding-top: 3px;
  color: var(--qnb-primary);
  font-size: 20px;
}

.Select-menu-outer {
  background-color: var(--qnb-background);
  border: 1px solid var(--border-color-alt) !important;
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-sm);
  box-sizing: border-box;
  position: absolute;
  top: 90%;
  width: 100%;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
  border-radius: 10px;
  overflow: hidden;
}

.transactionalAccountSelector_main .Select-menu-outer {
  top: 50%;
}

.Select-menu {
  max-height: 200px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 10px 10px;
  transition: 0.5s;
  font-size: 14px;
}

.Select-option:hover {
  background: var(--light-hover-color);
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Select-option.is-selected,
.Select-option:hover {
  background: var(--light-hover-color);
}

.multi-option-label {
  font-weight: 500;
  /* color: var(--select-drop-color); */
  color: var(--qnb-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select-option.is-selected .multi-option-label {
  /* color: var(--select-dropfocused-color); */
  color: var(--qnb-primary);
}

.multi-option-label>strong {
  font-weight: 500;
}

.multi-option-subLabel {
  font-weight: 400;
  color: var(--sub-hdr-color);
  font-size: 11pt;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.Select--multi .Select-input {
  vertical-align: middle;
  padding: 2px 8px;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi .Select-value {
  background-color: var(--qnb-selection);
  border-radius: 6px;
  font-size: 14px;
  margin: 5px;
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 10px;
}

.Select--multi a.Select-value-label {
  color: var(--qnb-primary);
  cursor: pointer;
  text-decoration: none;
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid var(--qnb-border);
  /* Fallback color for IE 8 */
  border-right: 1px solid var(--qnb-border-strong);
  padding: 1px 5px 3px;
}

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: var(--qnb-selection);
  /* Fallback color for IE 8 */
  background-color: var(--qnb-secondary);
  color: var(--qnb-secondary);
}

.Select--multi .Select-value-icon:active {
  background-color: var(--qnb-selection);
  /* Fallback color for IE 8 */
  background-color: var(--qnb-info);
}

.Select--multi.is-disabled .Select-value {
  background-color: var(--qnb-background-muted);
  border: 1px solid var(--qnb-border-subtle);
  color: var(--qnb-foreground);
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid var(--qnb-border-subtle);
}

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: var(--qnb-selection);
}

.single-value-placeholder-img-container {
  width: 130px;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.is-focused .single-value-placeholder-img-container {
  width: 100%;
}

.Select-noresults {
  padding: 12px;
  font-weight: 500;
  color: var(--placeholder-color);
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f4MultipleSelect .Select-multi-value-wrapper {
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.multi-value-label>strong {
  color: var(--qnb-primary);
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
  width: 100%;
  font-weight: 400;
}

.multi-select-close {
  color: var(--light-textalt-color);
  font-size: 11px;
}

.single-value-image {
  margin-right: 10px !important;
  width: 30px;
  position: relative;
  top: -1px;
  border-radius: 6px;
}

.holding_corp__modal .single-value-image {
  border-radius: 0px;
}

.is-disabled .Select-control {
  cursor: not-allowed;
}

.Select:active,
.Select:focus {
  outline: none;
}

.ssv_field__value {
  bottom: 0;
  left: 0;
  line-height: 34px;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  padding-right: 55px;
}

.ssv_field__valuelbl {
  height: 100%;
  display: flex;
  align-items: center;
}

.sf_field__acdrp .ssv_field__valuelbl {
  padding-top: 3px;
}

.ssv_field__valuelbl>img {
  width: 20px;
}

.ssv_field__valuelbl>div {
  width: 100%;
  padding-left: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.ssv_field__valuelblalt>div {
  padding-left: 15px;
  width: calc(100% - 20px);
}

.ssv_field__valuelbl>div>div:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ssv_field__valuelbl>div>div:nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  color: var(--light-text-color);
}

.multi-option-image {
  height: 30px;
  width: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}

/*** End of F4SingleSelect ***/

/*** Start of Account Selector ***/

.newacctsel_qrbtn {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  border-radius: 5px;
}

.newacctsel_qrbtn:hover {
  background: var(--light-hover-color);
}

.newacctsel_body .f4FormFieldLabel {
  display: none;
}

.acct_selector__fieldcust .Select-control,
.biller_selector__control,
.otheracct_selector__field .Select-control {
  height: 130px;
  border-radius: 13px;
}

.accountselector__parent,
.accountselector_item {
  height: 100%;
}

.accountselector_placeholder {
  color: var(--qnb-primary);
  padding: 10px 5px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  font-size: 15px;
  font-weight: 600;
}

.acct_selfield__phborder {
  background: var(--qnb-background) !important;
}

.acct_selector__fieldcust .Select-placeholder,
.otheracct_selector__field .Select-placeholder {
  border-radius: 14px;
  margin-left: 2px;
}

.acct_selector__fieldcust .Select-input,
.otheracct_selector__field .Select-input {
  padding-top: 17px;
  padding-left: 20px;
}

.acct_selector__fieldcust .Select-arrow-zone,
.biller_selector__indicator,
.otheracct_selector__field .Select-arrow-zone {
  height: 30px;
  width: 30px;
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-md);
  border-radius: 50%;
  background: var(--qnb-background);
  position: absolute;
  right: 15px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qnb-primary) !important;
  font-size: 23px;
  cursor: pointer;
  padding-top: 0;
}

.acct_selector__fieldcust .Select-arrow-zone>span,
.otheracct_selector__field .Select-arrow-zone>span {
  height: 30px;
}

.acct_selector__fieldcust .Select-clear-zone,
.otheracct_selector__field .Select-clear-zone {
  position: absolute;
  width: 30px;
  height: 30px;
  color: var(--qnb-foreground-inverse);
  right: 55px;
  top: 20px;
  transition: 0.5s;
  border-radius: 50%;
}

.acct_selector__fieldcust .Select-clear-zone .Select-clear,
.otheracct_selector__field .Select-clear-zone .Select-clear {
  height: 30px;
  width: 30px;
  background: var(--qnb-background);
  border-radius: 50%;
  color: var(--qnb-primary);
  font-size: 21px;
  font-weight: 600;
  padding-bottom: 2px;
  padding-left: 0px;
  font-family: 'Font Awesome 5 Pro';
}

.acct_selector__fieldcust .Select-menu,
.otheracct_selector__field .Select-menu {
  max-height: 360px;
}

.Select-menu>.accountselector__parent>.accountselector_item {
  padding: 15px;
  transition: 0.5s;
  cursor: pointer;
  position: relative;
}

.Select-menu>.accountselector__parent>.accountselector_item:hover,
.Select-menu>.othacctselector__parent>.othacct_selector__item:hover {
  background: var(--light-hover-color);
}

.Select-menu>.accountselector__parent>.accountselector_item::after,
.Select-menu>.othacctselector__parent>.othacct_selector__item::after {
  position: absolute;
  content: '';
  left: 10px;
  right: 10px;
  bottom: 0px;
  height: 1px;
  background: var(--qnb-border);
}

.acct_selector__optitem {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.acct_selector__opticon {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
  background-color: var(--qnb-selection);
}

.acct_selector__optitemdbal .view_amt__formattedwc {
  font-weight: 700;
}

.acct_selector__opticon>img {
  color: transparent;
}

.acct_selector__optitem>.acct_card__view {
  padding: 0px;
  height: 35px;
  min-height: 35px;
  width: 55px;
  border-radius: 5px;
}

.acct_selector__optitemtop {
  display: flex;
  gap: 10px;
  width: 100%;
}

.acct_selector__optitemdtls {
  width: calc(100% - 65px);
  padding-left: 15px;
  font-size: 14px;
}

.acct_selector__optitemdbalance {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  align-items: center;
  width: 100%;
}

.acct_selector__optitemdbalhdr {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.acct_selector__optitemdbalancectr {
  border: 0.5px solid var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background);
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  margin-top: 15px;
  padding: 10px;
}

.biller_selector__subctr {
  border: 0.5px solid var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background);
  display: flex;
  flex-flow: column;
  width: 100%;
  margin-top: 15px;
  padding: 0 10px 15px 10px;
  justify-content: flex-start;
}

.acct_selector__optitemdbalancectr>.acct_selector__optitemdbalance:not(:last-child) {
  border-bottom: 1px solid var(--qnb-border-subtle);
  padding-bottom: 15px;
}

.acct_selector__optitemdbalancectr>.acct_selector__optitemdbalance:last-child {
  padding-top: 15px;
}

.acct_selector__optitemdtls>div:first-child {
  font-size: 17px;
  font-weight: 700;
  color: var(--qnb-primary);
}

.acct_selector__optitemdtls>div:last-child {
  color: var(--mblsubhdr-color);
  font-size: 13px;
  font-weight: 500;
  margin-top: 3px;
}

.accountselector_itemselected {
  background: var(--qnb-selection);
}

/*** End of Account Selector ***/

/*** start of F4CheckboxNew ***/

.small-check-box {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 2px solid var(--qnb-primary);
  /* position: relative; */
  background: var(--qnb-background);
  transition: 0.5s;
  position: relative;
  cursor: pointer;
  margin: 0px 10px 0px 0px;
}

.small-check-container {
  display: flex;
  align-items: center;
  /* background: var(--qnb-background); */
  background: transparent;
  width: -moz-max-content;
  width: max-content;
  padding: 5px 10px;
  border-radius: 5px;
  transition: 0.5s;
  cursor: pointer;
}

.small-check-container:hover .small-check-box {
  /* background: var(--light-hover-color) !important; */
}

.small-check-container>label {
  margin: 0px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}

.f4checkboxnew_checked .small-check-box {
  background: var(--qnb-primary);
  border-color: var(--qnb-primary);
  animation: onclickanim 0.4s ease-in;
}

.small-check-box>input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.small-icn-div {
  font-size: 9px;
  color: var(--qnb-foreground-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.f4checkboxnew_checked .small-check-box .small-icn-div {
  opacity: 1;
  pointer-events: unset;
}

.small-icn-div>i {
  font-weight: 600;
}

.fors_textfield__withcb>div:nth-child(2) {
  margin-top: 10px;
}

.fors_textfield__withcbright>div:nth-child(2) {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

.fors_checkbox__mini .small-check-container {
  background: transparent;
}

.fors_checkbox__mini .small-check-box {
  margin: 0px;
}

.f4CheckboxMainContainer {
  height: 45px;
  width: 100%;
  border-radius: 10px;
  background: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  padding: 0 15px;
  cursor: pointer;
  transition: 0.5s;
}

.f4checkbox-hasvalue.f4CheckboxMainContainer,
.f4CheckboxMainContainer:hover {
  border: 2px solid var(--qnb-primary) !important;
  color: var(--qnb-primary) !important;
}

.cb_align__wfields .f4CheckboxMainContainer {
  margin-top: 28px;
}

.modal-check-container {
  display: flex;
  align-items: center;
  height: 100%;
}

.modal-check-checkbox {
  border-radius: 5px;
  border: 1.5px solid var(--qnb-border-strong);
  position: relative;
  height: 18px;
  width: 18px;
  background: var(--main-menu-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

.f4checkbox-hasvalue .modal-check-checkbox {
  background: var(--qnb-secondary-hover);
  border: 2px solid var(--qnb-secondary-hover);
}

.modal-check-lbl {
  width: calc(100% - 18px);
  padding-left: 15px;
  font-weight: 500;
  font-size: 14px;
}

.f4checkbox-hasvalue .modal-check-lbl {
  color: var(--qnb-primary);
}

.f4CheckboxMainContainer:hover .modal-check-lbl {
  color: var(--qnb-primary);
}

.modal-check-checkbox .icn-div {
  font-size: 10px;
  color: var(--qnb-foreground-inverse);
}

.grc_grp__cbfield {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.grc_grp__cbfield .f4CheckboxMainContainer {
  width: calc(50% - 10px);
  margin: 5px;
}

/*** end of F4CheckboxNew ***/

/*** Start of F4CheckboxTree ***/

.rc-tree li .draggable {
  color: var(--qnb-foreground);
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.rc-tree li.drag-over>.draggable {
  background-color: var(--qnb-secondary);
  color: white;
  border: 1px var(--qnb-secondary) solid;
  opacity: 0.8;
}

.rc-tree li.drag-over-gap-bottom>.draggable {
  border-bottom: 2px blue solid;
}

.rc-tree li span.rc-tree-switcher.rc-tree-icon__customize,
.rc-tree li span.rc-tree-checkbox.rc-tree-icon__customize,
.rc-tree li span.rc-tree-iconEle.rc-tree-icon__customize {
  background-image: none;
}

.rc-tree li span.rc-tree-icon_loading {
  margin-right: 2px;
  vertical-align: top;
  background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;
}

.rc-tree li span.rc-tree-switcher.rc-tree-switcher-noop {
  cursor: auto;
}

.rc-tree li span.rc-tree-checkbox {
  width: 16px;
  height: 16px;
  margin: 0 20px 0 0;
  position: relative;
  /* border: 2px solid var(--qnb-border-strong); */
  border-radius: 4px;
  background: var(--qnb-background);
  font-weight: 400;
  font-family: 'Font Awesome 5 Pro';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  border: 2.5px solid var(--qnb-primary);
}

.rc-tree li span.rc-tree-checkbox-disabled {
  background-position: 0 -56px;
}

.rc-tree li span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {
  position: relative;
  background: var(--qnb-background);
  border-radius: 3px;
}

.rc-tree:not(.rc-tree-show-line) .rc-tree-switcher-noop {
  background: none;
}

.rc-tree.rc-tree-show-line li:not(:last-child)>.rc-tree-switcher-noop {
  background-position: -56px -18px;
}

.rc-tree.rc-tree-show-line li:last-child>.rc-tree-switcher-noop {
  background-position: -56px -36px;
}

.rc-tree-icon__close {
  margin-right: 2px;
  background-position: -110px 0;
  vertical-align: top;
}

.rc-tree-icon__customize {
  margin-right: 2px;
  vertical-align: top;
}

.f4CheckboxTree_parent>ul>li:last-child {
  margin-bottom: 0px;
}

.rc-tree-title {
  font-size: 15px;
  color: var(--qnb-primary);
  font-weight: 500;
}

.checkboxTreeSearchBtn {
  float: right;
  position: relative;
  /* margin: -50px 120px; */
  width: 25px;
  height: 25px;
  border-radius: 2em;
  color: var(--qnb-foreground-secondary);
  padding: 5px 8px;
  /* margin-right: 15px; */
  margin: 0% 0.5%;
  /* background: var(--qnb-background); */
  cursor: pointer;
  z-index: 1;
  font-size: 10pt;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkboxTreeSearchBtn>img {
  height: 23px;
}

.f4CheckboxTreeSearch_parent .f4InputField {
  height: 33px !important;
  font-size: 10.5pt !important;
  padding: 0px 5px 0px 45px;
  background: var(--qnb-background);
  /* box-shadow: 0px 0px 0.1px 0px var(--qnb-shadow-subtle); */
  border-radius: 4px !important;
  border-bottom-left-radius: 2em !important;
  border-top-left-radius: 2em !important;
}

.f4CheckboxTreeSearch_parent .f4InputField::-moz-placeholder {
  font-size: 11.5pt !important;
}

.f4CheckboxTreeSearch_parent .f4InputField::placeholder {
  font-size: 11.5pt !important;
}

.rc-tree li.drag-over-gap-top>.draggable {
  border-top: 2px blue solid;
}

.rc-tree li .rc-tree-node-content-wrapper {
  display: inline-block;
  padding: 0px 3px 0 0;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
}

.rc-tree li span.rc-tree-switcher,
span.rc-tree-checkbox,
.rc-tree li span.rc-tree-iconEle {
  line-height: 16px;
  margin-right: 2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  /*background-image: url('../images/newcb.png');*/
  /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABhCAYAAABRe6o8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAK0dJREFUeNrsfQl8VNX1/5l9ksm+ELJB2ANECGtYVEAQaZBSFdAW0dpaKbi0WhX9Va1/S/+K2k+1iCztT4sFW6lKkUV2RLZAQHaSQBJCMllJJtvsM2/e75775k3evHkzTCZEAubweczMu/d7ZzLznXPvOff7zsjS7nudhXZaxZd/kKXf//9Cwgkf1xha2QOnS2DzofNw5FwZjM/KgFkTh8Idw/tBz7hImb9xQsV1W9czJf73zTsPek7I5XL3oQCFQkkOBSiV3C2eG/rz9z19Q8Wh7T5+kX3i7c9g6ojekDs6A1796Vg4XVoPe/ILYMnKzbDmxQfZaaMH+pApVFy3Sdupp8cKH6rJ8QQ55pBjvPvcEXJ8To415LDzHbOXH/OAZLK2t/vBbbcFHOOz3LOeMViW5QgYLImwTcrai0MSrdm4H/708ztgwtA0D+6OYb1hysh+kDtuEPxjWx59jUIyhYq7lc2k38HaGk5KtmniR4Au7Z5g34cnZHLF6vTRkyCuzyCAuATurKF+kuFy0aSK4/uXsy5moZuIkkbI94RCplidlZYDvZP7QUx8LD3f1NA46Up1yaRz+qPLSZ+FhIRrvDxgsCTC22DIp1Kp6OORX42GM/ef8sLh9IkeTEwi4fNNyu5Lb7Hf4VW/ZXFaDRV3qxPQcjUfEoaNkWxrLi0CW1MvVhMzOOD74GJci8Nj4lZkzn6UfKAMgLkZdv7+JU/79P95B+IG3gaFm9auNjcZlHKF/EPxGPO2ZC2O0EStmD6aOL4oBixghGpo5EgWr4F+8QOgX69M2Hn889Wkr3LDvefoGPL2kE/syXgcYpRKlQ/5uD7eOFy74fTpj0R8/8kj+sOsCUNofykcThYHLQfhVwW/gi1VW8HG2iVxt7q5GCewLukjLCERmos/g7rjr7PCo/XKVuH6Xa1QqTjyWQwAVytg53tLYfrGWs+x8/+/QNuwD/Z1T9Ve065SoVxx94g5YNY1Q6O9Giz2Vjhy7AA98D6ewzbsg33dUzXnAYMlnzQBFXDn3rsgb8YhihOST0hS3jBwwLVbMM83c/xgWLfrJMydku2DO2g8CJ/b/gNmpQmWXXgL7HY7zB/8sA+us2zTgXNs3oVyv+3jhvSC2XdkyTp7HMZpB5axSy/ww7SQkDXc53ztqUMQ2XsmvW93Mov6jL2TEKwFoPEqrl4o6ahtfBXgvj9yjze+RumSkj0RLh/bt4g88CzqnXbXotv65IBN2wqt5gYyAsfvv489QG//2vo091zkn1wrhyEpo+Hk5SN0DCXvpYIhny8BORx9o7ZPhO9+fNyLfBfmnffBYdSKgUMwz4fR7ZN/2SiJW1exDkyEfGazGaw2B7x77B1YMPQRH1xnGZLmzYW5wBAPxDid4CREcNht4HTYyJfBBn/dWoTE6fRxGKcNXE5ru147YgQBxEOxaX0AWuoAHBbvjg7BuNhG+mDfsvxvHhISUE7G6BmXDk3WBrC5rFBUUsA1uOObMwWn6O2gfoOBdTYA9pWX5T3kIWCw5BMTkMfx5o98QhySA6NWDByu9XzHCrgUixTugfg58PaFZWAlH1JLcxP8aeybkrjONCFpdBHRUF9bQUnjsFlDHkdIvmDGwb7tJSBiPF5SIR+lJMsmV10Tmc+d4FmX4fSOz//PpwUkdIIyNoVihOPJlLJRKo0SjOYWcAHj8Xy88Y+XVj4KDnBCTFgSxXieK1jyyWRiAnI49HxCE5NPiMN83Z6TZUE935bDBbS/FG5G2gz4bf9nQW5Uwp9y3oR5Q+dJ4jqVgALS0CnGTRr+cSjjCMkXzDg8AdtzCAlIUwYOO9isZrBZuIM3vL/7yw30wPsO0sdlsZIp3+UQvw4H+RtsNguZjSx+Xyu22YgntVvtmINxeAgYLPmE+R5vnJxGu/7IJ8RhsnjH8WI4fF4f8Pn2nSyBTQfP0v5SOJ1KR9d8Zx87A49lPwaR2khJ3LXsxIkTbDC3kh++2/PFxPWgj1PS+0Pv/lmUQP7Gv9Y4CUnp7RoHp1PWaWnXIZyCzXbnebPJRDwXruUs9Ghb21k8gQhtw6ibLHksjOuiF/ksDDcGGcRKyP180Wx68MY/ttIvCxmDkpkbQ8l7svaSTwp3LfKhYWoEk8WYr0M8Rq1S5Fu34wQmlT07G6HirmWjRo2SBXMrZeih+GkXSVN84QS9L/Qw7R2H93zBjtPRKbimyby5qUafHR0RAbbmBuKZXBDJr9f37IHpT7m9IQnytDER0FyjpxivXGSdeXN9Y022JloHLfYmEoK4vJ7Pbuden4z4uxhNItQ311CMIA3TfvJ1BIdJ4p/njoOn3v8KXl6zHb49fZm4Zgb2nyqF332wGX617DOYP30UiJPJoeKC8YChmHitxpOmvVOweNptzzh8ENKeQ+gBF28oWllfkA9MeAKARgcOhwOq3+QiZD4arn5rFm3DPtgXMcLXsPP3ZSsvNpyCSCYW1BBGXreDEnbhiSn0wPt4DtuwD/ZFjMcDirfJgrVQcTyZMFmM+TpMmWDUyu/pLnl4ql8PFiruWh4wFBOS5sKpwx7S4JRK5oeQxhGSL5hxAqVhAmF4I7Fvw5kKwxvKo7teSx07BViVHhxNdaBfeg/nZNThoIojgUd8GuiP7gLsixivARuhofZC0xunlAdfy0qZAA2qKmiy14PdxX0x1XItxKgTIF6RAqcqDwL2RQz1irgf90M29IChkLCr5AHL85ezVy9tbtdrTxwwC3qNeVrG7wWP+CA/YtXMjFfG9UtaEjcgGzTRsWR9L6M5QScjA1uTAQyXTkFeSe2yX28tW3ryqTFGib3giIlLU19JHxW/pG/MUNBpogFUMpoTlDtkYLQ1QWnTeag40bDs0CuVS0l/I3JPdqPUMOvX/VM+NfcnDHqyLahqOV8G44dmwL1uVcuebf/VzH94geRXu1sNc33FCISA+J7pyNH3rbtSnxmSHD0pPVbXH9v1jabS89XN+17aW/lX8rAUl3yEgKwEAT1jjHqxxzOJAyInRaeG0zFaqsyldRdb9514u84zBqdFcIsRKj4mEQtDoh+nkYTkLWRVTBaSZDEJDIbcVu7Wie1W6LMsvY1QIeLQkjJzmAm/fg9mj4qCR0Yp4cP7tJB36TJsPnAJlqxUYCBhc/9RPkIG3OtF3KMEt9IXx7Z3DdiRabirjtMeQ0KhRyJELCREexGgkrgvsmBzbzfjtjK2k36B5no6BjkKCdHIGHWSY4BAUdMmRgiSRCwjyvGEiEMSrd+8Hf72eDrcNZDx4Cb3t8HkPlaYOYiBf372Een5Cx81TCi4zloDduVxgjWhJ2OXU3IY3EfQJlrGtWsMjoBuEpU7h4NcoQBFhO/OSNi5J8mHLfoC+MEJBQlF/cd74XhVC08i3AVwhg8CB/HWytbzoGw+CVMyagih5ZJqmPbiuj1gYBu7+pTwYdB6wGMLs6/LGEouE855MEoif3o+JJHLLsqgczgF7auk/cRqGDEO1244ffIkssTdBaxMxeXDokeBMzILNKUrYHLvavjxAC3tj6ICMa46YjocMebBuuLf0W25GelPQmzJmz64W90DXk89oEIuWz0pMx0GpcVBAiflg/pGmFSkN0zaX1ixnHGxAfWAoYzB7ZG5p8+AOkCXRLjvxqEaRkqKxW0oeuMwcLh3mJLinJpUD/k8pJZrwBk1nOJy+1+l/aVwSD6hGuar0q8kcZ2ZB+wK46AeMC5rhOThtKAesOCa47lY1+KYcO3qp340HIYMjAMj+Ug++FpPj3/n6ek5bMM+2DfYMYqauQPv+xuDEpBfSwXaE6YkEm0B8jiaLtg+0Yd8uDMixmHUOq4Xt0Z0cEGSb54qbhzF5SQ30P5SOFTDNBgMYBKoYaRwt7oHvB56QJVCseLROzPBwJDAshVgywE97PhpmudYv1dP27AP9gWRHtDfGLjli0czCQH8jcF5QHfgEFAHiCQS70HzAYfbpNQwYhymTPIuWbjna5X2Uor6AxRzVB/hpYYR4nDaramsgbraq9DS3AjPjXxeEnere0A+ES118HpA8WGsPtSGd9gXTRyQAmQxBVctHGGQdGivFXJ98DG2YR/sixiv1yAaw+bkMHZCODwOHNf7HYPzgO6oNaAOkBLJ6e0B3bhAahgxDvN1m884KQ4DB5nL5kNqxdVvKW5rcaKXGkaIk1LDSOFudQ/Y0a041AP26RELda0oEkDFimB6t3jfxz7YFzHC1yAeg8fh7dGTeg+hpcZQejyZ0xJwb9eFbp11+npAiuPUMMO+zPYRJIhxmCzGfB2mTDBqxYAD1244faIHQxLJLJXwTVkMbC5Ng5cFahghDgOO+QT30Nz/criTT0nibtWdEJvhNGurPwnhkYnQUnIlqNesigwDTVyUlxhBrlCOUqmV0NTgAifrHRpYbS54Ok+Q9CDeMSVeSTHCcf2NgXiefPx44jG4KNidr/OkWvjAgXgTFz3cJHIx3h5QhCvqfRuwh+8PiONVLTRf55DTqFVlugJK/eee6RpJtP5CmqQapr24zvJcN1oRba49CpFpCaAMTw76NTdePAtys9FHD2gnrDET19dGHi5/jOf01dy2b1pyPApRyRStAhewPnpAqTHM1J2Gtb1m8lg8hjsP6E4Wi8jHT58eErGMKA8YGo5LEv+C5vUwZYJRa06yhazdouj0iR4MSSSlhgkF11l5txupiNbE4VruIET16hv086giI8FqqPaagp1W83kSyGWjgspi95ZRWchijvdgP9vRCpFqOSGRE1xWy0VvGkiPgXjEfXpPpOexeAxKQPE2WbAWKo4nk0fVcug8PLnDvad7z1A6fYo92Pp1//QsOXjcFwT3wrdlkNMvA+524/Zs+69sfeFR2nH+wws6de12IxXR2oRsuFq4jkS6MSDzc722DwHDldBQ0uClhjEbajbr65uyI8KiocFI1pPUg3GEaTA0e+7ja4oI14K+vplivLyxaAzOIj2C2jmbbfD5rATJMbrVMG4PeK1bMe7l1dvYVx++nXo+saE065O8RpxaO3Wc2nMfs3IohoiE+KD/XkO5Hpqq9TB09gZOQRCelJzz3s6q2dkZUFjvAIPFQZXNW+e2Te2zvqiGuDAVZCaoYNOpMjj62+kprLm22uMR/IzhtU4k3xGpMZShqlpCxQk8GUzN/Qn1ZLuJJ8srcXuyNjUMCuFcUp7seqphbmZFdFTanVB+dA9oI4LXHmJfhhEs4Sx1DYaSM2/sUitfmzIwFfRyFupMDrjnX3raHE6mzBSdCtKilLDrgh6wL2K852rpMczu6RjH6OFnDDoFv56bLIypgf6TiQ65jEqqX95Y6ukaCKeOwTwj4sgU0+LywqElZeawuc9+AFNHpMKUoT3gsbv7gr7GCPlnC2DZ2m3w1lNzmNrCozLxFIy4F5d/QXG5BLfYF8fyuGCm4I6sAW+0Ijospp+MYXTspbz89kgHIDJxmOfRmFUn7fm/HvGO4+lVGrN93JLstDjIjNeQz1AJODnKwAkGsxW2nqsiHjdvWdnyX7+DGOGIHRnDqzbMtcgn8/cxSZAvPae3uw2g6pjeh3z/+no/vPDj4dAzVkXCczvU110FnUoBM4cnw9j+PeCLvXnwwF3jWCEJQ8V11hqwKyiih+Suvh75RxMhxdIygE/1j731THTGkEm6pHS6TWWq05c2Xz6/r/Ljl4Ravus2hrJd5JNgoCZBS75UMircczQ5vMj36O5HYe3da0mzzGvanfncB/D8rOEQHyGDxsYm8qY7qKQHnw8vNI8k0drdWanw6qovYOPbT+FULxPjHLEuiEiKapsFagjOyvrgOssDYn4OUyTSpqDt3+c4HTHijaiWj3ixQkKSFysBJLV8Ys93PcZQtod8MtHnieTrPTrD4+kqjldA+pheHvJ5uC1YLdIaL9mpkBSrhEZDE9iIFxMGQi6yesUjITERZowaQPoXwdwpo71wzhgWwpLCodqip3vCuC3Xt2d/MLMmiG2ReeE6ywNicjiYPN/3NU6oJpRVwUI2JD1gR8ZQctwJjnw+V7mx3ONH9/4c1k5dK0k+fnze9pDAYfKQHmCxWD2ez2tI8hivzDKZTDAsIx6253FEEuKiMmMp+YRqmGf7PweZyUOgubrJC9eZa8CuMM6Kb1rZ1ro6v+0NBRfg97+5A2JjY2X8+yvaRvPcb29tP946rAcMmnyit8VzJQCSbg+Zbqet9SIfTr+0XYDLLy2DBVMzoIG8aYFSQE5CwrSkCDhbWuWDQ5OqDfP32R/74G71vWAXw8BL8/p5Zg7+YBgXVDZY4W8F5L3aVUGWOo0sT0IpC6W2n4S1Ww/oS8AA5JP5MNCbXVLkqz5WBS5TW1JoTL8MqK4zgVbOXTfsj4TYVtXQCtkDUnxwaFK1YaRwt7oHZJ3cLCKswcPSrTG8pJJ7/C2TCsyWYkpCqXWxuLbfpu3rvNrDlTEwe8KjPrX9vL4IrGtxnC58xaNTMoFRkQWfg3jfZvdSza0HvK1PHKzdV7jaYDIr5TJ5W33AoMknmoJl7j8HPZ/QfMgnDEImZMLpigbQasNAofC9eJ1/LVqtFs5fMcAUsp4T48zVRugb399LDTMkfSgYq4w+uFveAzq8lzE8+Rhyh+G2NaB30SHQl1RDQUGBlOfzqe23fsZJr+Nv0/ZJ1vYTTrsd0gMGSz7xO+NscYKeBB6UhHev9Us+IW5CVj/49lwVNFoZCA/XuasoeC8BwsLCwOiUwb4z5TBh2EAfnKOKrBEJ2XDN99Hsj2BIGkc+W4XFBxeMx7leOyo3YhzGYfd4PtThIflMxPsYyREbEwY/e2AW3Dt5FrBkWm5ubvZd6thdi7BeH1/bz2Zryz1iXT/+oG2kD/ZFjOg1SOoBUQfIawID6gFDIR+PY5oZT57vWuRD+2bHZuWrj98Dh4uugkWmhuiYGEo4lPNrNBqIjo4mLjwMjpc2wgsL7sb+Gikce5WF+rw6qDlYBXWHa4CtZSRxt7wHtNuJp+M+dCQeHrwipcUKEElWIj2HAiWglAlr+1mxhouzLe949NBBepw8eoq2YR9a2y9IPSCSDvWAQn2gWA/IETAE8glxTiOSsJISLxD5+C9MbeFJ5cw7RsCqbefhVIURXJoI6NkzBeThUXCuygJ/21EAU8ZkwdXiUzpB1BQq7tb2gMRjoYdxuPmF5LM6uIO2IzldeCtNQGFtP5uVrKfNjZ42fgr+eNoB2oZ9VGEqT20/D4l5PSD53FHzhwdvSEL+Md5iH7VapAcUb5MFa6HiKJkunVKsX/oErYzwlagywj8emEErI0iQKFTcLesBGeKZcL2HJOTJR3dX3Ao4/OydDHftiN+9aHdtPzKHgEKw8/KH0p+K3CVXZpev7ee1m+NHU4jG6wIl9YDiH48J1kLF8Tb/4QX4tZDhpZNSl0/iPq5QuCDY170m7vuIXrtMjWi7DcxubonJh+f5c5iukSQfV9svG99UK+O992xymL0ehynCweJsq+3nWUcG0BSiHtCzWyWlB/y+1TACcgVVG0ZIQt46Qw3TXusqNaJd7qAhEPnwnMspTcBAtf2qL7d9MRJSe/rU9vN4OD96wDmb6wW9IiX1gJ1WG6YRVPju4CIFoi01XjgkFdaGmbiIqw2zYKQSls8Og2MlZbDtYDG8vEoBq16YZyP9JNUwC9/hasM8QnAf+OK+NzVMV6gR7SJRsMPpSz7P1Mhw60B/UzDW6Yv7NOrVcRHToRkMYMTPT7AG5O2Fs/fT2n55DTu52n6COLjo3cUrY9J2vjo7OwLqyQyOesCZ/6n2eh5eU5igYWBTQT3FwBsPdE5tGCTfhejxnu2SwZX/8YIhiT7dvB1W/yId7uzHgNPWQr6hdsjp7YTx6VaYMdAJ6zd8DPPnPeajhgkF11lrt65QI5rBKJj1Jh8SzsG0BSH2AASUqu23+PjdPrX9eir7+NT2a5tbO6gH5En08fZGdy4u1ic5/WC/7ZK1YertRtiebyZ91ISDsZJqGJngumBUtdxOPN8qQqLbCYlMNgYssj5gDUsBhaUMtLaLMDa1hoZ1i9/dAPtXPONRwwhxlxSJYIhty/XFGKsI7oAPLlgP2F5FNP3z3Z6PtxROfUSlWf7GD2Yc3oIZx2FqhQ/eWndNomKR8fDwcKkm+77flb8zcSmjsY7aTWv7pWnI36EV1PYzN8Hxpt18bb93xEFeh/WAvAcLuCcsURsGyVcA8dB7THxANYy4NsyPyfR5ByGRmZCvUT0STGYH2IzkGyfrCVpCxNjmrwmZ9DBrQAMcPIM1XkZ44YqRfJpYbzVMfH/yLR8PYx07vXDBesCbtUb0b56aAiUlJVS8Ech0ul7Qr5/fS1VNXNHIyk9HvVgTTG0/yTFC1wO6p08pz+fRAUrVhmGMAIr4a6phQCABx4AD13wMmT7R8yH5mpqN5A20YIKTvFFhoFT2B5WtEu7ua4B/H75AiSTEoefzp4ax62VeuM60rlAjOjU1VUaOjv4pIdX2E3nB0PWA/Not0J6wVG0YcBg9ktaAahhhbRgS7WLAgWs3nHbR85lNVjAaLfT58LnDY3uDkyxsRiY1wbO7rvjg0PyqYUS4zrSuoIjuMPM6UNuPtw7rAfmAI+CesFRtGDq1BlbDDLn0IURaUBqVSc9jqgWjVgwccM2H067MrXPgvwBy02V6XfF31ToYN7S3Dw7NnxpGjOss6yqK6GXLlmE8mivVRqbce+fMmRNwHdw16gO6o92AOkCJ2jAyTFy61TD+pFg52iovHOb5MGWCUSsGHGHEC+K0yz03mYJJqB5mLCQvzAK7SlMgd+oQHxwGHLwa5u1j73JqmLShENZQ5oPrLOtCiujcJUuW3CvV8Pnnn+PBXouEbruB9QHdqZaAe8IStWFi7FdhcP3OwGoYidowm88r4FCxEzTOGoghAUecvIK82HBIVNdAgnEnRDDlcKJSA9suJ8PtgtowPC697gBENZd7qWHCGy5DSvkWH9wP3Qj5KAkD5hJDrO13Pcbwqg3jSbUEKrMhXD8QXIyzkeb5ClLnek271POpfXFYuWDl8/NYzNexDhfkkGgXAw5HK0vTNUqwwokqDXxe2AP++uwc2Pv1JjkmlH1wJNrFgMPBBMZ1WxsJ/XhCLy0fKmj4ZSHKqe4YnUbPRak4Ld8HO0+vIF7s76KAJOQx5O7NvA7Vhom2VMOQK/+AIaV/a1vzBcBhknj+vJ/D01tS4I974+A7PQtKVxOcqSZrmkMp8Ny+LHjoocVQV3RM4Y7QOoT7IZt7Gubv+7wnUvUBSUxHD17Th+faWx9QWBcQ7+M5qTE6qTZM5jWxtYXHZJgsxnwdpkwwas0hgcNMsnZ7nkyfxIN5KiOIcd9++Bu6F7zx0HlYwteGmTYUXhBVVOj2fHPEAcsWcR8vLR8h3ZlCwTXcQ7gKqVglYVhmGtQ5OS3fN7Iyr98LFo+BhuMI6wLyJh7je1fDDByQDGNypnleO+bqpPJ1/PSZf3Q3SOzrXjc1zK1ieCESf3kDf421MNVyZdNKmGTYf2/ekv3oBVeOW7aNrsPEtf2E9fx4w3NP57naVR9QXBfQM2mK6wOSD7jdUxUhkCxUnJBUST0zWLO5FaxWE819KVUa0Gp1EB4eCbU1ZV4E5zHtwQmI/oMgoERejz4u/2oV1Odvh3ELngWXTAHHPnkXpz9PIOCt5QuTHF9Ky+eVQLymHtAddEjVB4xLaGNrW3VT6Z9sKCpoK8cbKi6t1+AjrS0N45qb60Gni4aIyDhXz56p8pqaSpfdZpbj+eiYHmxkVHyevrxgfEdxPyQC8rf8FYdIPsOJnTDup08CU1cGNWabaBnvreUT6vf4un78ufbUBxTXBeRNsj5gsCSS+6lDJ4XjZgDWc8mg0JBEKEGKjU12pqX3VvLpoLS03vRWX1HubG2tV2K/64H7oRAQ32uGYTzk029ZA00nd3PkM1RBpcEAVfn7odFsX+/xTpL1AT10gfu/4jR9cvJ5tq8+oHddQN4k9YDBko/+XkgQ5JOTV4uPS4vPwMDMkV44nD7RUwlI5GNp6b2Uej04Gw1VSuyPX+hQcZ31gXcVRTQ/zSLxuAvSuduaHR9By6m9PuSrbDJ/OWfN/oXscg4rpeXjLx/hNX18bT+xlo+3joyhbA/5xJ6M/n4I66KOCL91YvJxfbxxuHbD6dMfiTxkSuultNtMtL8UDn+awWhsBZOphawDLZCQmAKJPVJ9cJ1lXUURzXs/JB6WNMHLKivOvwEG6wbodddMYFobPOQrtmlrFqz5+hEQKlo6oOW7HmMICHht8kkTUAZ1NWVkfTbIh3xCcnsiIhI44NrNswsTwNSacFdLS4NcCmc0tpB2Hfmg7GCzGqG6uowSUIzrTOsKimg0/Kzw0la1Wk01f6f1G+BHD34KX3/2M7BEtYIzn4SefUZDSa3iJMBGLzlVl6gPGCz5fAnYNrXqy4ugb/9hXuQbkpXjg8M3FwOHYN5YGmBUFUvizKZW8o13ksNKK34K1xlCXKcSsAsooo1G4zfLli3zOjesB9C94WG3vwJnDi6FBtvkGiSf0+nc42eYG1sfMFjyiQmIOOGGgxT5VCq1Fw5TJhi18oFDIMN+pL9cCofEsxDPh+TDD0qjDZPEdaZ1BUX00qVLscwFBhVa/tyHr2udxPv9BO9fLrdtfvL9jS8Rz4fyqCbJ9NiNrg8YLPlkMrmP68do15/n48knxGG+DlMmwXzA2A/7S+ESEpPptMuTLzk5QxLXmXajFNEFTw6HwStO8wEIztM1oiHvEz5Y/Afp5z2/Vw7rhqqAcdkBLxmxbwU7+TyRqK3k7RtLlz4muIQvEadStXYEoM9RyNUE64Chd3FrvA7rAYMln7iQEI/DKAyj3YuF30mST4jDZDFGs5gywajV3wur1Jc7TaZmZXR0giQO13v8mi8QrlM94A1URCMJ3Qk/uvMvV2t/YW+8mnbbP0rfEPa7+MLtH9gbagsUYeErhOd5AnMsBvJ5AUdCGyaLFSN1UWn/pgQ06uc4GeaoWsP1kSqw0GE9YCjkE+OQhNciH93LrSmTYbIY83WYMsGoVYpELS31So0mnPbv1bt/yLjOtBuliHZzjouA7fZ0xmb+feyI4Y9oe6SEnX2sX8/bPi6huxyXXph4OPXBpwdXf7k6xlJdEaEM1y0L+EJYemjkSuXc2KQH6be7se79ueBkTpHzwXyrQqsPGAr5OoLDnQpMFmO+DlMmGLUKdzTQgyGJsF9zU12HcZ1hN1IRjcliBXlvXYSFrItZGNM/a2Hi8DGgTeoFFV+tXXRyflqkKkx3T8qMuYm6qHDIePAJKP/io7dMZRcjlZExr0jnEnFGkxHis1qNWjU9PDqHfnh432Gz/ZG02QIVFA21PiAloHCbrD0WKo7fJuP3dDFlglErBg64dsPpEz2YmESh4jrDbqQimpbZUCh0MmCfiUzNeDx13F2gwKXglTOQPu0nwNrMD0cNGgYxWSPJlEPen6gEyJj3K6jY8eXvLZeLFCzretntSbWEwoPJbSznT1gzmbz6RsUPSpYrjPS58L7NdmIWacPoNZzyHthGcovFBvk8kaQekNcCYid/esAf/C8l3Yz2wOA42Su3J8+K0Cg39X7gCVBXFQJgVSvCHohPRdZw921mEj6Ygf5YS+YYEpemwvkX5trlSnU6WQPWnd8jGx4eHb9RE5auZom3ZZytjFyh08T0mJyg1XG/fmM1GZmmum/qXYzJplBGKmTAgM1SYTc3N9w3dCpLF5KjPjj2mylZfd7r1ycRqgXSqzcygUq5cka0aQaSSVxccvkq7Dt3+bcnnhr7vrL747z57MvCRjA5mJo19/YFFaafYhKANRroJRXQWEtIZ+MWdCzNygPoIsBRrYeGvV8DYzbukkfFUXLlnwDn+Amy2KSMB2M0ukHEtVUC66zFbAkwjhLOtWl7KHr0mpkkUyaBXJYKNlMRVBT+uQmxQ6fya1JfPSBvQj0hmlgPKO/+OG9KY3eUtJx5YsvlJaUbPoRWQyPIIuOAddi5MNWMhQYc3E44kjAsBhrPnYKGA9s+VIZHPk/O0A3al96G4l07DM8e27M8z1C9lZWzRmCZCkK+88Qb1nEHuY/nsA37YF/EINYTC0jUB5SqEei3PmC33XxGok3rjpLmtxd/flb2bmvrW7fNnAtMSyOZSO14Fbe7Lje5lWPiTg21B7aBXKVaK1NpCoHlyFHbAPZn33T9KzG2quS3j3yy5LHHh98TlTxM6cLC5wy3ly5TRIJcowBD+RfOj/9+esd7nziWXW2EY07G+yJ1Xz0ggJQmUKwH7PaAN6E9MTIRsnvqIE6riOyXGJGYkZWNmjwy81ro3jhrxws7rJz8GNeBhJg9J9xDSMVsIeQTRjwsIZKtzgAHNu93vH7hfGmpSmEFp9PEJafJgffxHLZhH+yLGBBsgbn1gNT7ovaPP3hDbaDnnNNJyGiR1gN2281hU3pHwsS0yORkjfPtuyeOfJiJiQVTTSklm8tBQk2tjn6wMpZEBFgvtr4cEsdMhLDBoxIr/vXXveTMIEzx4Vg5I8iDPgC/ewI00Yk6tdFE/KcslkyTHL/sWJyInMvoq1Ov+JNB8+c1AEWXAY62VW7zqwf0rRHoqwfs9oA3oT2+pQylvrGT+8U9DGNng8liAauhhu6L4+/yyXQxQEILLlmNsjRTE0BFAYQlpQKZXhPJWbp39uv5AB+9A/Dko6B2srrJkfFjeqq1yYQkPaCp+rITD7yP57AN+2BfxCDWk457d/HK/LJ6qvXTkfDGZneAxcrVCMRbPPActmEf7Ev1gN0EvDnN5HDBL7eU1fzv2eZv2ILDINfFgiw8FhjycWrTB4PVwQJTdRlkvQbT9R/EJ4NLGwtV/1lpIfTED/4cjvPWyyRAJsu0pARI6ZEYkasN76O1m2ohf//emvf/XLIWD7yP57AN+2BfxLz1suAF8XrAC3roH6MkHZSglrNktmXogffxHLZJ1wfstg7ZjVBHMy62edHWy4vMrV+uXJw7drI2dSCZL00gNzZB6cmjrrPl9ed+Fh45TJZ1OzhbGqDuzHFoLS9ZJVMqn+PHK6twLwQB1Ep1i9pS/N+WndsNez78pPGTcAUcxLYt31ZtWfzIlkemz4ibarO0qMmyUo0voIkE2sOHcvjr93vB3RaS3SB1NF7tf+l33zb80gbfLX8uF3Ihawprzd9y4Zktxa8eqbaesjI7P1sgU4ypb7VC/ZkjW+UqzUrcv+ft/oWeu2VapeWxIRklg04WwemSSii+8zau4fhZ+O9f/rfx3DcHG4dfKIMiqxPKeFCJdwGyDv5ecLd1yG6QOhpJeOV/vq193Ow4/qdfGh2x4S31G/brLRvpWnFH9cNNlk1v3De6f6E6Ivpt4pLMwp2v0jZni97oXEEpFJJWGr7mFbY9CRKytBLK+DYp69jvBXdbxwl4g9TRhFCMO7H8C885T80CwFTHQ/6ea/HixfQXqpzkOd3XlTjdAhKVUqmkekDSdgyoHpB1cuonOZXh4fUnvHW8PmC3ddiCUUeHMg5vwnE6Y/+e13XixU3k/sjExESqB6ypqZlDzh3Fdr7P9bRuAl4nC0Yd3d5x/KmjPUHJx4X+hkGpE1Y/wIjXq5xa3mPXrNujIUSbO3r0aKoH/Prrr+cSAqLi1NYZ71t3GuZ6ecAuUC9aYIs+4Yi2yE3Ga5qggIBWrVZPz8jIkOGB9/EcLzruJmAXtcDq6NDG8VVHS3o6VuKAQjPAH+cHJiFZ72kJqbAy1F3kmEYeTyDeb1ZqamoyrvHwwPt4DtuwD/ZFDGK7p+AuYjdQHb3ovQWZoBddKGkm8UGJOwR4dV4m/HFDIV/Pb7HI6w0KDw//Ii4uTo3Bh9VqZTTEBg4cGNvQwF17jvdJgPKujZhWq1WgFzQYDPaWlha88Ol0NwG7gN1IdXQx4cmFAPGmiawIXpydCW9v8iVhZWWlMyIiIpas92KSkpLoD1objUbiee3AE1Cn0ymys7OTSD/6W861tbWwffv2JsR2e8BuAzMhWKvZfzsVVRGP+JcHM+HZzwq9yrLt3r27mEyzz5rN5oUTJkzIwd8cQRIS7+ZZ7yEho6Ki6I+Jnz59mj18+PDR0tLS1fv37y/uJmC3gYXEJiYz47ddp1ZAShgg+cBhbvmHl3c0mezEm/2LTMMlly5dWjJjxox7evXqpcRUjM39K5xIPAxAvvvuOyfpu+PQoUPLCGGPkWnZ3k3AboM0HSFhtPelm612BqpbuURxZqIC1uwrhNbK0i8vvDrzKXjSK5JlCZFshIgHCgoKLH379h2QlpY2kKwFaXKaj44xSX3x4sVS0ud10vf49YyGuwl4E5u16er6d3bCfKm2H93WDyI0cvjnEQ/5Hsn5qMCnrgv+zFdCQgKMHz9ek5iYqMbIlwQbwO8Z81W3sC03N1dz5MgRqK+vx/VjNwF/6Hb6uTtRTvAazrTC84RoZ7J7quDNXYHJR4IPGDt2LAYdaqVSOblPnz49MdDA7bmioiLqAgcNGqTEilvYRqLfyWPGjMlXq9X2Y8eOdRPwh25uUpVKecY3d8H8QORDmzZtGqZesKxbSmRkZC7xcloMQI4ePVqTn5+/FfsQbzczJyenJ7bFxsbmtra2YiGkMsR2E7DbAnlG1P2Z/JEPrampiV/nqck6T028Wsu5c+f2HDhw4BPiBakekKz9tpSXlz+SlZU1lUTIahKc8DnD6/Jauy9M/wFbXFwcfxen4IHEyw2qrq4+3djYWNy7N/djj1euXAHi+fonJycPv3r1ahEJTlBhQyNgMiV3E7DbOvDh+9buwRmRrv2EQYi4zRNCXwfudBOw226o/Z8AAwBphnYirXZBiwAAAABJRU5ErkJggg=='); */
}

.rc-tree li span.rc-tree-switcher.rc-tree-icon__customize,
.rc-tree li span.rc-tree-checkbox.rc-tree-icon__customize,
.rc-tree li span.rc-tree-iconEle.rc-tree-icon__customize {
  background-image: none;
}

.rc-tree li span.rc-tree-switcher.rc-tree-switcher-noop {
  cursor: auto;
}

.rc-tree li span.rc-tree-switcher.rc-tree-switcher_close {
  background-position: -75px -56px;
}

.rc-tree li span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {
  background-position: -14px -56px;
}

.rc-tree li span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {
  content: ' ';
  transform: scale(1);
  position: absolute;
  left: 3px;
  top: 5px;
  width: 5px;
  height: 0;
  border: 2px solid var(--qnb-foreground-inverse);
  border-top: 0;
  border-left: 0;
}

.rc-tree.rc-tree-show-line li:not(:last-child)>ul {
  background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;
}

.rc-tree-child-tree-open {
  display: block;
}

.rc-tree-icon__docu {
  margin-right: 2px;
  background-position: -110px -32px;
  vertical-align: top;
}

.checkboxTreeSearchBtn:hover {
  /* background: var(--qnb-background); */
  background: var(--qnb-background);
  /* color: var(--qnb-foreground-secondary); */
  color: var(--qnb-primary);
  border: 1px solid;
}

.checkboxTreeSearchDiv {
  margin: 10px 0px;
  width: 100%;
  height: 30px;
  position: relative;
  transition: 0.5s;
}

.rc-tree li.filter-node>.rc-tree-node-content-wrapper {
  color: var(--qnb-foreground-secondary) !important;
  font-weight: bold !important;
}

@keyframes cbanim {
  0% {
    width: 0px;
  }

  100% {
    width: 24px;
  }
}

.rc-tree-node-selected {
  background-color: var(--qnb-background-muted);
  border: 1px var(--qnb-border-strong) solid;
  opacity: 0.8;
}

.rc-tree-icon__customize {
  margin-right: 2px;
  vertical-align: top;
}

.rc-tree {
  padding: 0;
}

.rc-tree li {
  padding: 20px 0 5px 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  outline: 0;
}

.rc-tree li ul {
  margin: 0;
  padding: 0 0 0 35px;
  background-color: var(--qnb-background);
}

.rc-tree li span.rc-tree-switcher.rc-tree-icon__customize,
.rc-tree li span.rc-tree-checkbox.rc-tree-icon__customize,
.rc-tree li span.rc-tree-iconEle.rc-tree-icon__customize {
  background-image: none;
}

.rc-tree li span.rc-tree-switcher.rc-tree-switcher_open {
  background-position: -93px -56px;
  visibility: hidden;
}

.rc-tree li span.rc-tree-checkbox:hover {
  box-shadow: 0 0 4px 4px var(--qnb-border-strong);
}

.rc-tree li span.rc-tree-checkbox-checked {
  background: var(--qnb-primary);
  border-color: var(--qnb-primary);
  animation: onclickanim 0.4s ease-in;
}

.rc-tree li span.rc-tree-checkbox-indeterminate {
  background: var(--qnb-primary);
  border-color: var(--qnb-primary);
  animation: onclickanim 0.4s ease-in;
}

.rc-tree-child-tree {
  display: none;
}

.rc-tree-treenode-disabled>span:not(.rc-tree-switcher),
.rc-tree-treenode-disabled>a,
.rc-tree-treenode-disabled>a span {
  color: var(--qnb-foreground-placeholder);
  cursor: not-allowed;
}

.rc-tree-icon__open {
  margin-right: 2px;
  background-position: -110px -16px;
  vertical-align: top;
}

.rc-tree-icon__customize {
  margin-right: 2px;
  vertical-align: top;
}

.f4CheckboxTree_parent>ul>li>span>.rc-tree-title {
  font-weight: 600;
  color: var(--qnb-primary);
  font-size: 18px;
  position: relative;
  top: 2px;
}

.checklist_tree__view .rc-tree li {
  display: none;
}

.checklist_tree__view .rc-tree .rc-tree-treenode-checkbox-checked {
  display: list-item;
}

.checklist_tree__view .rc-tree li span.rc-tree-checkbox {
  display: none;
}

.checklist_tree__view .rc-tree-treenode-disabled>span:not(.rc-tree-switcher),
.checklist_tree__view .rc-tree-treenode-disabled>a,
.checklist_tree__view .rc-tree-treenode-disabled>a span {
  color: var(--hdr-color);
  cursor: auto;
}

.f4cbtree__search__field {
  margin-bottom: 15px;
}

.f4cbtree__search__panel .f4FormFieldLabel {
  display: none;
}

.checklist_tree__view .rc-tree-treenode-disabled>span:not(.rc-tree-switcher),
.checklist_tree__view .rc-tree-treenode-disabled>a,
.checklist_tree__view .rc-tree-treenode-disabled>a span {
  color: var(--hdr-color);
  cursor: auto;
}

.rc-tree li span.rc-tree-checkbox-checked::before,
.rc-tree li span.rc-tree-checkbox-indeterminate::before {
  /* content: ''; */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '\f00c';
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: var(--qnb-foreground-inverse);
}

.groupcheckboxes-main>.checkbox-parentdiv {
  margin-bottom: 10px;
}

.groupcheckboxes-main>.checkbox-parentdiv:last-child {
  margin-bottom: 0;
}

/*** End of F4CheckboxTree ***/

/*** Start of F4NewListView ***/

.f4newlistview_panel {
  border-radius: 13px;
  border: 1.3px solid var(--qnb-border);
}

.flnv_altview__section .f4newlistview_panel {
  border: none;
  border-radius: 0px;
}

.newlook_viewportlet__tablemulti .f4newlistview_panel {
  background: transparent;
  border: none;
  padding: 0px;
}

.f4newlistview_table {
  width: 100%;
}

.f4newlistview_add {
  border-top: 1px solid var(--qnb-border);
  padding: 0 15px;
  height: 60px;
  display: flex;
  align-items: center;
}

.f4newlistview_hdr {
  background: var(--datatable-hdr-color);
  color: var(--field-label-color);
  border-bottom: 1.3px solid var(--qnb-border);
  display: flex;
  align-items: center;
  min-height: 40px;
  position: relative;
  border-radius: 5px;
  border-radius: 13px 13px 0 0;
}

.flnv_bordered__view .f4newlistview_hdr {
  background: var(--listview-hdr-color);
  border-bottom: none;
  min-height: 50px;
}

.flnv_altview__section .f4newlistview_hdr {
  border-radius: 0px;
  background: var(--datatable-hdr-color);
  border-top: 1px solid var(--qnb-border);
  border-bottom: 1px solid var(--qnb-border);
  min-height: 40px;
}

/* .f4newlistview_hdr::after {
  position: absolute;
  content: '';
  bottom: 0px;
  left: 20px;
  right: 20px;
  height: 1px;
  background: var(--qnb-border);
} */

.f4newlistview_hdr .f4newlistview_selectall,
.userGroupViewP .f4newlistview_hdr>div {
  padding: 5px 20px !important;
}

.f4newlistview_hdr>div {
  font-size: 12px;
  font-weight: 600;
  color: var(--light-text-color);
  padding: 5px 20px;
  width: 45px;
  word-break: break-word;
  line-height: 15px;
}

.f4newlistview_theadalt>.f4newlistview_hdr {
  width: 100%;
}

.f4newlistview_theadalt>.f4newlistview_hdr>div {
  flex: 1;
}

.f4newlistview_drag {
  width: 45px;
  flex: unset !important;
  text-align: center;
  color: var(--field-label-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
}

.f4newlistview_drag>img {
  height: 20px;
  /* filter: grayscale(1); */
  /* cursor: pointer; */
  opacity: 0;
  pointer-events: none;
}

.f4newlistview_row:hover .f4newlistview_drag>img,
.f4newlistview_rowfocused .f4newlistview_drag>img {
  opacity: 1;
  pointer-events: none;
}

.f4newlistview_counter,
.f4newlistview_hdr>.f4newlistview_counter {
  width: 85px;
  flex: unset !important;
  text-align: center;
}

.f4newlistview_rowbody .f4newlistview_counter {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}

.f4newlistview_hdr>.f4newlistview_delete__wmod {
  padding: 0px;
}

.f4newlistview_hdr>.fnlv_hdr__expand {
  padding: 5px;
}

.fnlv_hdr__expand,
.fnlv_row__expand {
  width: 45px;
  flex: unset !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fnlv_row__expand>div,
.fnlv_hdr__expand>div {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qnb-primary);
  cursor: pointer;
  font-size: 16px;
  transition: 0.5s;
  /* opacity: 0;
  pointer-events: none; */
}

/* .f4newlistview_row:hover .fnlv_row__expand > div,
.f4newlistview_rowfocused .fnlv_row__expand > div {
  opacity: 1;
  pointer-events: unset;
} */

.fnlv_row__expand>div:hover,
.fnlv_hdr__expand>div:hover {
  background: var(--light-hover-color);
}

/* .f4newlistview_hdr > .f4newlistview_delete__wmod .rep_il__confighdr {
  opacity: 0;
  pointer-events: none;
}

.f4newlistview_hdr:hover > .f4newlistview_delete__wmod .rep_il__confighdr {
  opacity: 1;
  pointer-events: unset;
} */

.f4newlistview_row {
  transition: 0.2s;
  background: var(--qnb-background);
  border-bottom: 1px solid var(--qnb-border);
  /* border-radius: 13px; */
  /* margin: 0px 15px 0px 15px; */
}

.f4newlistview_row>div {
  transition: 0.3s;
}

.flnv_expanded__row {
  background: var(--expanded-row-bg);
  margin: 5px 0px 10px;
  border-radius: 5px;
  border: none;
  position: relative;
}

.flnv_expanded__row::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 1px;
  background: var(--qnb-border);
}

.flnv_expanded__row .fnlv_expanded__content .f4newlistview_row {
  background: transparent;
}

/* .f4newlistview_row::after {
  position: absolute;
  content: '';
  left: 20px;
  right: 20px;
  height: 1px;
  background: var(--qnb-border);
} */

.f4newlistview_row:last-child {
  border: none;
  border-radius: 0 0 13px 13px;
}

.newlook_viewportlet__tablemulti .f4newlistview_row {
  border-radius: 10px;
  margin-bottom: 10px;
  border: none;
}

.f4newlistview_rowfocused,
.f4newlistview_row:hover {
  /* transform: scale(1.1); */
  /* border: 1px solid var(--qnb-border); */
  /* box-shadow: 0 2px 8px 3px var(--qnb-overlay-light), 0 0 12px 0 var(--qnb-overlay-light); */
  /* border-radius: 5px; */
  /* z-index: 1; */
  /* margin-bottom: 10px; */
  position: relative;
}

.f4newlistview_rowfocused>div,
.f4newlistview_row:hover>div {
  background: var(--expanded-row-bg);
  border-radius: 8px;
}

.flnv_warning__row>div,
.flnv_warning__row>div:hover,
.f4newlistview_rowfocused.flnv_warning__row>div,
.flnv_warning__row:hover>div {
  /* background: var(--warning-feedback-bg); */
  border-radius: 8px;
}

/* 
.f4newlistview_rowfocused::after,
.f4newlistview_row:hover::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--qnb-border);
} */

.f4newlistview_row:last-child::after,
.f4newlistview_rowfocused:last-child::after,
.f4newlistview_row:last-child:hover::after {
  display: none;
}

/* .f4newlistview_rowfocused:last-child {
  border: 1px solid var(--qnb-border);
} */

/* .f4newlistview_rowfocused > td > .f4newlistview_field {
  background: var(--qnb-background);
  border: none;
  border-top: 1px solid var(--qnb-info);
  border-bottom: 1px solid var(--qnb-info);
  min-height: 56px;
}

.f4newlistview_rowfocused > td:first-child > .f4newlistview_field {
  border-radius: 5px 0 0 5px;
  border: 1px solid var(--qnb-info);
  border-right: none;
}

.f4newlistview_rowfocused > td:last-child > .f4newlistview_field,
.f4newlistview_rowfocused > .f4newlistview_rowdelete > div {
  border-radius: 0 5px 5px 0;
  border: 1px solid var(--qnb-warning-emphasis);
  border-left: none;
}

.f4newlistview_rowfocused > .f4newlistview_rowdelete > div {
  min-height: 56px;
  background: var(--qnb-background);
} */

.f4newlistview_rowbody {
  display: flex;
  word-break: break-word;
}

.f4newlistview_rowbody>div {
  flex: 1;
}

.f4newlistview_selectall {
  /* width: 60px !important; */
  /* max-width: 60px; */
  max-width: 60px;
  width: 60px !important;
  display: flex !important;
  /* justify-content: center; */
  align-items: center;
}

.f4newlistview_selectall .small-check-box {
  margin: 0;
}

.f4newlistview_rowbody .f4newlistview_selectall {
  flex: 1;
  display: table;
  padding: 0px 20px;
}

.f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer {
  padding: 20% 0%;
}

.flnv_bordered__view .f4newlistview_rowbody>div {
  border-right: 1px solid var(--qnb-border);
}

.f4newlistview_rowbody>div:last-child {
  border-right: none;
}

.flnv_altview__section .f4newlistview_rowbody>div {
  border-right: none;
}

.f4newlistview_rowitem_alt {
  flex: unset;
}

.f4newlistview_table__norecords .f4newlistview_hdr>div {
  flex: 1 !important;
  width: unset !important;
}

.f4newlistview_placeholder {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 25px 0px;
  margin-top: 20px;
}

.f4newlistview_placeholder>img {
  height: 70px;
}

.f4newlistview_placeholder>div {
  color: var(--no-records-label);
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

.f4newlistview_rowbody>.f4newlistview_rowdelete,
.f4newlistview_rowbody>.f4newlistview_rowconfig {
  flex: unset;
  width: 45px;
}

.f4newlistview_rowdelete,
.f4newlistview_rowconfig {
  display: flex;
  align-items: center;
  justify-content: center;
}

.f4newlistview_rowdelete>.f4newlistview_rowdeletebtn,
.f4newlistview_rowconfig>div {
  color: var(--qnb-warning-emphasis);
  height: 20px;
  width: 20px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: 0.5s;
  /* opacity: 0;
  pointer-events: none; */
}

.f4newlistview_rowdelete>.f4newlistview_rowdeletebtn {
  background: url(/fo/images/Delete.26d0487a.svg) no-repeat;
  width: 28px;
  height: 28px;
}

.f4newlistview_rowdelete>.f4newlistview_rowdeletebtn>i,
.f4newlistview_rowdelete>.f4newlistview_rowdeletebtn>img {
  display: none;
}

.f4newlistview_rowdeletebtn:hover,
.f4newlistview_rowconfig>div:hover {
  transform: scale(1.1);
}

.f4newlistview_row:hover .f4newlistview_rowdeletebtn,
.f4newlistview_rowfocused .f4newlistview_rowdeletebtn {
  opacity: 1;
  pointer-events: unset;
}

.f4newlistview_row:hover .actionbtn_panel,
.f4newlistview_rowfocused .actionbtn_panel {
  opacity: 1;
  pointer-events: unset;
}

.f4newlistview_rowconfig>div {
  color: var(--qnb-foreground-inverse);
  background-color: var(--qnb-background);
  border-radius: 50%;
  font-size: 11px;
}

.f4newlistview_row__actbtn {
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.5s;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}

.f4newlistview_row__actbtn:hover {
  background: var(--main-plain-bg);
}

.f4newlistview_row:hover .f4newlistview_row__actbtn,
.f4newlistview_rowfocused .f4newlistview_row__actbtn {
  opacity: 1;
  pointer-events: unset;
}

.f4newlistview_field,
.f4newlistview_alt_field {
  padding: 10px 5px;
  height: 100%;
  display: flex;
  width: 100%;
  align-items: center;
  min-height: 50px;
  font-weight: 400;
}

.f4newlistview_field .asf4FormValidate {
  width: 100%;
}

.f4newlistview_field .f4FormFieldLabel {
  display: none;
}

.f4newlistview_field__label {
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 15px;
  color: var(--qnb-primary);
}

.f4newlistview_field__label--right {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.flnv_full__cell,
.flnv_full__cell>div {
  width: 100%;
}

.f4newlistview_field__label .small-check-container {
  background: transparent;
}

.f4newlistview_field__label .small-check-box {
  margin: 0px;
}

.f4newlistview_actionbtn {
  background: transparent;
  box-shadow: none;
  /* opacity: 0;
  pointer-events: none; */
  transition: 0.5s;
}

.f4newlistview_row:hover .f4newlistview_actionbtn,
.f4newlistview_rowfocused .f4newlistview_actionbtn {
  opacity: 1;
  pointer-events: unset;
}

.f4newlistview_actionbtn>img {
  height: 30px;
  filter: grayscale(1);
}

.f4actionchoicebtn-portal .f4newlistview_actionopt {
  z-index: 99;
}

.f4actionchoicebtn-portal .f4newlistview_actionoptmodal {
  z-index: 1099;
}

.f4newlistview_actionopt>.actionchoice-optitem>div:first-child>img {
  height: 20px;
}

.f4newlistview_tabletitle {
  font-size: 12pt;
  font-weight: 500;
  color: var(--main-darkbtn-color);
  margin-bottom: 10px;
}

.f4newlistview_fieldright .f4InputField,
.f4newlistview_fieldright textarea {
  text-align: right;
}

.f4newlistview_fieldright_flex {
  display: flex;
  justify-content: flex-end;
}

.f4newlistview_fieldcenter_flex {
  display: flex;
  justify-content: center;
}

.f4newlistview_fieldcheckbox {
  display: flex;
  justify-content: center;
  padding: 10px;
  height: 53px;
  position: relative;
}

.f4newlistview_fieldcheckbox .small-check-box {
  width: 30px;
  height: 30px;
  margin: 0px;
}

.f4newlistview_fieldcheckbox .f4CheckboxNewMainContainer .small-check-box>input {
  margin: 0px;
  width: 30px;
  height: 30px;
}

.f4newlistview_fieldcheckbox .small-check-box input:checked~.small-icn-div {
  top: -3px;
  left: 3px;
}

.f4newlistview_fieldcheckbox .small-check-box i {
  font-size: 30px;
  color: var(--main-darkbtn-color);
}

.f4newlistview_fieldcheckbox .f4CheckboxNewMainContainer {
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}

.f4newlistview_fieldcheckboxview {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.f4newlistview_fieldcheckboxview>img {
  height: 15px;
}

.f4newlistview_addtl__fields {
  padding: 10px 20px;
}

.f4newlistview_addtl__fieldsalt {
  padding: 0px;
  border: none;
}

.f4newlistview_rowfocused .f4newlistview_field .f4newlistview_fieldcheckboxview,
.f4newlistview_row:hover .f4newlistview_field .f4newlistview_fieldcheckboxview {
  opacity: 0;
  pointer-events: none;
}

.f4newlistview_rowfocused .f4newlistview_field .f4CheckboxNewMainContainer,
.f4newlistview_row:hover .f4newlistview_field .f4CheckboxNewMainContainer {
  opacity: 1;
  pointer-events: unset;
}

/* 
.f4newlistview_field .Select-clear-zone,
.f4newlistview_field .Select-arrow-zone,
.f4newlistview_field .ant-time-picker-icon,
.f4newlistview_field .f4DatePicker-icn {
  opacity: 0;
  pointer-events: none;
}

.f4newlistview_rowfocused .f4newlistview_field .Select-clear-zone,
.f4newlistview_row:hover .f4newlistview_field .Select-clear-zone,
.f4newlistview_rowfocused .f4newlistview_field .Select-arrow-zone,
.f4newlistview_row:hover .f4newlistview_field .Select-arrow-zone,
.f4newlistview_rowfocused .f4newlistview_rowfocused .f4newlistview_field .Select-placeholder,
.f4newlistview_row:hover .f4newlistview_rowfocused .f4newlistview_field .Select-placeholder,
.f4newlistview_rowfocused .f4newlistview_field .Select-placeholder,
.f4newlistview_row:hover .f4newlistview_field .Select-placeholder,
.f4newlistview_rowfocused .f4newlistview_field .ant-time-picker-icon,
.f4newlistview_row:hover .f4newlistview_field .ant-time-picker-icon,
.f4newlistview_rowfocused .f4newlistview_field .f4DatePicker-icn,
.f4newlistview_row:hover .f4newlistview_field .f4DatePicker-icn,
.flnv_visible__fields .f4newlistview_field .Select-clear-zone,
.flnv_visible__fields .f4newlistview_field .Select-arrow-zone {
  opacity: 1;
  pointer-events: unset;
}

.f4newlistview_field .Select-control {
  height: 40px;
  background: var(--qnb-background);
  border-radius: 0px;
}

.f4newlistview_field textarea {
  min-height: unset;
  resize: none;
}*/

.f4newlistview_field textarea,
.f4newlistview_field .f4InputField,
.f4newlistview_field .f4CheckboxMainContainer,
.f4newlistview_field .react-datepicker__input-container input,
.f4newlistview_field .f4MobileInput .react-tel-input input[type='tel'],
.f4newlistview_field .radioButtonIconItem,
.f4newlistview_field .f4ChatClient .react-autosuggest__container .react-autosuggest__input,
.f4newlistview_field .newsearchcorp_inputfield .react-autosuggest__input,
.f4newlistview_field .contactSelector-autosuggest .react-autosuggest__input,
.f4newlistview_field .ant-time-picker-input,
.f4newlistview_field .Select-control {
  border: 1.5px solid var(--qnb-border);
  border-radius: 10px;
  background-color: var(--qnb-background);
}

.f4newlistview_field .ant-radio-wrapper,
.f4newlistview_field .ant-radio-wrapper:hover {
  background: transparent;
  border-radius: 0 !important;
  border: 1px solid transparent;
}

/* .f4newlistview_field .Select--single > .Select-control .Select-value,
.f4newlistview_field .Select-placeholder {
  padding: 4px 30px 4px 15px;
}

.f4newlistview_field .f4InputField,
.f4newlistview_field .react-datepicker__input-container input {
  padding: 10px 15px 10px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.f4newlistview_field .Select-input {
  padding: 10px 15px 0px 15px;
}  */

.f4newlistview_addtlfields {
  /* background: var(--light-sec-color); */
  border-top: 1px solid var(--qnb-border);
  height: 40px;
  display: none;
  align-items: center;
  padding: 0 15px;
  border-radius: 0 0 5px 5px;
}

.f4newlistview_addtl__text {
  display: flex;
  font-weight: 500;
  font-size: 13px;
}

.f4newlistview_addtl__text>div:first-child {
  padding-right: 10px;
  color: var(--label-color);
}

.f4newlistview_addtl__text>div:last-child {
  font-weight: 600;
}

.listView_Separator>.row>div:first-child {
  border-right: 1px solid var(--qnb-border-subtle);
}

.fileformat-fieldsview {
  padding: 10px;
  width: 100%;
  color: var(--hdr-color);
}

.fileformat-fieldsview>.row:first-child {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--container-sec-color);
}

.f4newlistview_rowfocused .f4newlistview_addtlfields {
  display: flex;
}

.f4newlistview_addtlfields .f4newlistview_field .f4InputField {
  height: 35px;
}

.flnv_totals__panel {
  border-top: 1px solid var(--qnb-border);
  /* border-top: 2px solid var(--dark-border-color); */
  padding-top: 10px;
}

.flnv_totals__section {
  display: flex;
  align-items: center;
  height: 50px;
  border-radius: 8px;
  background: var(--totals-bg);
}

.flnv_totals__section>div {
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.flnv_subtotal__col {
  font-weight: 600;
}

.flnv_visible__fields .f4newlistview_field .asf4FormValidate {
  padding: 0 15px;
}

.flnv_visible__fields .f4newlistview_field .f4InputField,
.flnv_visible__fields .f4newlistview_field .Select-control {
  background-color: var(--main-plain-bg);
  border: 2px solid var(--qnb-border);
  border-radius: 8px !important;
  height: 40px;
  outline: none !important;
}

/* 
.f4newlistview_rowfocused .f4InputField,
.f4newlistview_rowfocused .f4CheckboxMainContainer,
.f4newlistview_rowfocused .f4CheckboxMainContainer:hover,
.f4newlistview_rowfocused .Select-control,
.f4newlistview_rowfocused .Select-control:hover,
.f4newlistview_rowfocused .is-focused .Select-control,
.f4newlistview_rowfocused .ant-radio-wrapper,
.f4newlistview_rowfocused .ant-radio-wrapper:hover,
.f4newlistview_rowfocused .input__field,
.f4newlistview_rowfocused .input__field:hover,
.f4newlistview_rowfocused .input__field:focus,
.f4newlistview_rowfocused .react-datepicker__input-container,
.f4newlistview_rowfocused .radioButtonIconItem,
.f4newlistview_rowfocused .radioButtonIconItem:hover,
.f4newlistview_rowfocused .lastnm_withsuffix,
.f4newlistview_rowfocused .lastnm_withsuffix:hover > div:first-child .f4InputField,
.f4newlistview_rowfocused .lastnm_withsuffix_alt > div:first-child .f4InputField,
.f4newlistview_rowfocused .newsearchcorp_inputfield,
.f4newlistview_rowfocused .newsearchcorp_inputfield .react-autosuggest__input:hover,
.f4newlistview_rowfocused .newsearchcorp_inputfield .react-autosuggest__input:focus,
.f4newlistview_rowfocused .f4TextAreaNew,
.f4newlistview_rowfocused .transactionalAccountSelector_single-selected,
.f4newlistview_rowfocused .transactionalAccountSelector_single-selected:hover,
.f4newlistview_rowfocused .contactSelector-autosuggest,
.f4newlistview_rowfocused .contactSelector-autosuggest .react-autosuggest__input:hover,
.f4newlistview_rowfocused .contactSelector-autosuggest .react-autosuggest__input:focus,
.f4newlistview_rowfocused .ant-time-picker-input {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
}

.f4newlistview_rowfocused .f4InputField:focus,
.f4newlistview_rowfocused .f4InputField:hover,
.f4newlistview_rowfocused .react-datepicker__input-container input:hover,
.f4newlistview_rowfocused .react-datepicker__input-container input:focus,
.f4newlistview_rowfocused .ant-time-picker-input:hover,
.f4newlistview_rowfocused .ant-time-picker-input:focus,
.f4newlistview_rowfocused .f4TextAreaNew:hover,
.f4newlistview_rowfocused .f4TextAreaNew:focus {
  border-bottom: 2px solid var(--qnb-primary) !important;
} */

.nft_pageinverted .f4newlistview_field .f4InputField,
.nft_pageinverted .f4newlistview_field .react-datepicker__input-container input {
  background: transparent;
}

.flnv_upload__addtl {
  padding: 0 45px 0 90px;
}

.flnv_upload__addtl .f4upload_field__label {
  display: none;
}

.flnv_warning__fieldcol {
  align-items: flex-start;
}

.flnv_warning__fieldcol>img {
  margin-top: 3px;
}

.flnv_warning__fieldcol>div {
  width: calc(100% - 15px);
  padding-left: 10px;
}

/*** End of F4NewListView ***/

/*** Start of F4DatePicker ***/

.f4DatePicker {
  position: relative;
  padding: 0;
}

.react-datepicker__input-container input {
  border-radius: 10px;
  height: 45px;
  background: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  padding: 0px 45px 0 15px;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  color: var(--hdr-color);
  font-weight: 500;
  transition: 0.5s;
  outline: none !important;
}

.f4DatePicker-icn {
  width: 20px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  top: unset;
  bottom: 8px;
  right: 10px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.f4DatePicker-icn>span {
  font-size: 18px;
}

.f4DatePicker-icn>img {
  height: 28px;
  transition: 0.5s;
}

.f4DatePicker .f4DatePicker-icn>img {
  /* filter: opacity(0.3); */
}

.f4DatePicker-hasvalue .f4DatePicker-icn>img {
  filter: unset;
}

.f4DatePicker-icn .fa-calendar {
  display: none;
}

.f4DatePicker-icn .fa-calendar-alt {
  color: var(--qnb-foreground-muted);
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: '';
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: var(--qnb-border);
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: var(--qnb-foreground-inverse);
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: var(--qnb-border-subtle);
}

.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
  margin-left: 145px;
}

.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: var(--qnb-foreground-inverse);
}

.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: var(--qnb-border);
}

.react-datepicker {
  font-family: 'qnb-sans', sans-serif !important;
  font-size: 0.8rem;
  background-color: var(--qnb-background);
  color: var(--qnb-foreground);
  border: 1px solid var(--qnb-border);
  border-radius: 10px;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
  display: none;
}

.react-datepicker-popper {
  z-index: 99;
  transition: 0.5s;
}

.react-datepicker-popper[data-placement^='bottom'] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^='top'] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^='right'] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^='right'] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^='left'] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^='left'] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: var(--qnb-background-muted);
  border-bottom: 1px solid var(--qnb-border);
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px !important;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: var(--qnb-foreground);
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  /* width: 0; */
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 40px;
  border-right-color: var(--qnb-border);
}

.react-datepicker__navigation--previous:hover {
  border-right-color: var(--qnb-border-strong);
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: var(--qnb-border-subtle);
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 40px;
  border-left-color: var(--qnb-border);
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: var(--qnb-border-strong);
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: var(--qnb-border-subtle);
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: var(--qnb-border);
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: var(--qnb-border-strong);
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: var(--qnb-border);
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: var(--qnb-border-strong);
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid var(--qnb-border-subtle);
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid var(--qnb-border);
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  /* padding-right: 30px; */
  padding: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
  font-weight: 500;
  color: var(--qnb-foreground-secondary);
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: var(--qnb-background);
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: var(--qnb-background);
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: var(--qnb-background);
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: var(--qnb-foreground-placeholder);
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: var(--qnb-foreground-placeholder);
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: var(--qnb-background);
}

.react-datepicker__header__dropdown {
  padding-bottom: 6px;
  display: flex;
  justify-content: center;
}

.react-datepicker__day--outside-month {
  color: var(--qnb-foreground-disabled) !important;
}

.react-datepicker__day-names {
  padding: 1px 17px;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
  padding: 0px 10px;
  display: flex;
  justify-content: center;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: var(--qnb-foreground);
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  background-color: var(--button-grey-hover);
  font-weight: 500;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: var(--qnb-background);
  color: var(--qnb-foreground-inverse);
}

.react-datepicker__day--highlighted:hover {
  background-color: var(--qnb-background);
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background: var(--light-main-hover) !important;
  color: var(--qnb-primary) !important;
  font-weight: 500 !important;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: var(--qnb-background-inverse);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: var(--qnb-background-muted);
  color: var(--qnb-foreground);
}

.react-datepicker__day--disabled {
  cursor: default;
  color: var(--qnb-foreground-placeholder);
  background-color: lightgray;
}

.react-datepicker__day--disabled:hover {
  background-color: lightgray;
}

.react-datepicker__input-container {
  position: relative;
  /* display: inline-block; */
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: var(--qnb-border-subtle);
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: var(--qnb-border);
  float: right;
  margin: 0px 10px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: var(--qnb-background);
  position: absolute;
  width: 115px;
  max-height: 260px;
  left: 16%;
  top: 40px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid var(--qnb-border-subtle);
  color: var(--qnb-foreground-secondary);
  font-weight: 200;
  overflow: auto;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  left: 40%;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 25px;
  width: 100%;
  /* display: block; */
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  font-size: 12px;
  height: 35px;
  /* display: -webkit-box;
  display: -ms-flexbox; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  color: var(--hdr-color);
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: var(--container-color);
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: var(--qnb-border-strong);
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: var(--qnb-border-strong);
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
  display: none;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: var(--qnb-background-inverse);
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: var(--qnb-foreground-inverse);
  content: '\00d7';
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: var(--qnb-background-muted);
  border-top: 1px solid var(--qnb-border);
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: var(--qnb-background-inverse);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px),
(max-height: 550px) {

  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: var(--qnb-border);
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: var(--qnb-border-strong);
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: var(--qnb-border-subtle);
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: var(--qnb-border);
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: var(--qnb-border-strong);
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: var(--qnb-border-subtle);
  cursor: default;
}

.react-datepicker {
  border: 1px solid var(--qnb-border-subtle);
  box-shadow: 0px 3px 10px 0px var(--qnb-border-strong);
  transition: 0.5s;
  display: flex;
  padding: 15px;
}

.react-datepicker__current-month {
  font-size: 1.5rem !important;
  display: none;
}

.react-datepicker__header {
  border-bottom: 1px solid var(--qnb-foreground-inverse) !important;
  background-color: transparent !important;
  padding: 9px 0px 0px;
}

.react-datepicker__navigation {
  top: 33px;
}

.react-datepicker__day-name,
.react-datepicker__day {
  height: 30px;
  width: 30px;
  display: flex;
  margin: 5px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--hdr-color);
}

.react-datepicker__day {
  font-weight: 400;
  border-radius: 5px;
  transition: 0.5s;
}

.react-datepicker__day--today {
  background-color: var(--button-grey);
  font-weight: 500;
}

.react-datepicker__day-name {
  font-weight: 400;
  font-size: 14px;
  color: var(--sub-label-color);
}

.react-datepicker__month-select,
.react-datepicker__year-select {
  height: 28px;
  border: 1px solid var(--qnb-foreground-inverse);
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  background: var(--qnb-background);
}

.react-datepicker__month-read-view,
.react-datepicker__year-read-view {
  visibility: visible !important;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.react-datepicker__month-read-view--selected-month,
.react-datepicker__year-read-view--selected-year {
  color: var(--hdr-color);
  font-size: 19px;
  font-weight: 600;
}

.react-datepicker__month-read-view--selected-month {
  /* margin-left: -12px; */
}

.--selected_month,
.react-datepicker__year-option--selected_year {
  background-color: var(--container-color);
  color: var(--qnb-accent);
  font-weight: 500;
}

.data-table-totals {
  border: 1px solid var(--qnb-border-strong);
}

.react-datepicker__year-option .react-datepicker__navigation {
  top: 0px !important;
}

.react-datepicker__navigation--next:focus,
.react-datepicker__navigation--next:active {
  border-color: var(--qnb-foreground-inverse) !important;
  border-left-color: var(--qnb-selection) !important;
}

.react-datepicker__navigation--previous:focus,
.react-datepicker__navigation--previous:active {
  border-color: var(--qnb-foreground-inverse) !important;
  border-right-color: var(--qnb-selection) !important;
}

.f4DatePickerBetweenParent {
  display: flex;
}

.F4DatePickerBetweenEnhanced .f4DatePickerBetweenParent {
  margin-top: 10px;
}

.f4DatePickerBetweenParent>.cal-div {
  flex: 1;
}

.f4DatePickerBetweenParent .cal-to {
  width: 10px;
  opacity: 0;
  pointer-events: none;
}

.monthyear_picker {
  position: relative;
}

.monthyear_picker__container {
  font-size: 15px;
  font-weight: 500;
  height: 45px;
  border-radius: 10px;
  background-color: var(--qnb-background);
  padding: 0 10px 0 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.5s;
  border: 2px solid var(--qnb-border);
}

.monthyear_picker__placeholder {
  color: var(--placeholder-color);
  width: calc(100% - 28px);
}

.monthyear_picker__value {
  width: calc(100% - 28px);
}

.monthyear_picker__icon {
  width: 28px;
}

.monthyear_picker__icon>img {
  width: 28px;
  height: 28px;
  /* -webkit-filter: opacity(0.3);
  filter: opacity(0.3); */
}

.monthyear_picker__container_hasvalue .monthyear_picker__icon>img {
  filter: opacity(1);
}

.monthyear_picker__dropdown {
  position: absolute;
  top: 55px;
  transform-origin: top;
  transition: 0.5s;
  background: var(--qnb-background);
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-sm);
  padding: 20px;
  width: 340px;
  z-index: 9;
}

.monthyear_picker__dropdown_close {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.monthyear_picker__dropdown_hdr {
  position: relative;
  display: flex;
  font-size: 22px;
  font-weight: 600;
}

.monthyear_picker__dropdown_hdr>div:first-child,
.monthyear_picker__dropdown_hdr>div:nth-child(2) {
  color: var(--qnb-foreground-secondary);
  width: 90px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
}

.monthyear_picker__dropdown_hdr>div:last-child {
  position: absolute;
  transition: 0.5s;
  bottom: 0;
  left: 5px;
  height: 4px;
  width: 55px;
  background: var(--qnb-accent);
}

.monthyear_picker__dropdown_hdr>.monthyear_picker__dropdown_hdralt,
.monthyear_picker__dropdown_hdr>div:first-child:hover,
.monthyear_picker__dropdown_hdr>div:nth-child(2):hover {
  color: var(--hdr-color) !important;
}

.monthyear_picker__dropdown_body {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
}

.monthyear_picker__dropdown_item {
  width: calc(25% - 10px);
  height: 45px;
  margin: 5px 5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--hdr-color);
  border-radius: 10px;
  transition: 0.5s;
  position: relative;
  cursor: pointer;
}

.monthyear_picker__dropdown_itemactive,
.monthyear_picker__dropdown_item:hover {
  background: var(--sec-btn-color);
  color: var(--qnb-foreground-inverse);
}

.react-calendar {
  width: 100%;
  max-width: 100%;
  background: white;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer>* {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
  font-size: 18px;
  font-weight: 600;
  color: var(--hdr-color);
  border-radius: 10px;
  transition: 0.5s;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: var(--container-color);
}

.react-calendar__navigation button[disabled] {
  background-color: var(--qnb-background-muted);
}

.react-calendar__month-view__weekdays {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: var(--sub-label-color);
  margin-bottom: 5px;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekdays__weekday>abbr {
  text-decoration: unset;
}

.react-calendar__month-view__weekNumbers {
  font-weight: bold;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  padding: calc(0.75em / 0.75) calc(0.5em / 0.75);
}

.react-calendar__month-view__days__day--weekend {
  /* color: var(--qnb-danger); */
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  padding: 0.75em 0.5em;
  background: var(--qnb-background);
  font-size: 12px;
  font-weight: 400;
  color: var(--hdr-color);
  border-radius: 10px;
  transition: 0.5s;
}

.react-calendar__month-view__days__day--neighboringMonth {
  color: var(--qnb-foreground-disabled);
}

.react-calendar__tile:disabled {
  background-color: var(--qnb-background-muted);
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus,
.react-calendar__tile--now,
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background-color: var(--container-color);
  font-weight: 500;
}

.react-calendar__tile--hasActive {
  background: var(--qnb-secondary);
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: var(--qnb-selection);
}

.react-calendar__tile--active,
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: var(--container-color);
  color: var(--qnb-accent);
  font-weight: 500;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background: var(--container-color);
}

.f4date_picker__portal {
  position: absolute;
  max-height: unset !important;
  /* -webkit-transform: translate(0, -45px);
  -ms-transform: translate(0, -45px);
  transform: translate(0, -45px); */
  z-index: 2999;
}

.f4date_picker__portalclose {
  opacity: 0;
  pointer-events: none;
}

.f4date_picker__portal .react-datepicker__portal {
  /* position: relative; */
  background: transparent;
  /* width: unset; */
  /* height: unset; */
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: var(--qnb-background-inverse);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.f4date_picker__portal .react-datepicker__input-container {
  display: none;
}

.f4date_picker__masked {
  position: relative;
}

.f4date_picker__masked .f4FormFieldLabel,
.has-error .f4date_picker__masked .help-block,
.f4date_picker__masked .help-block {
  display: none;
}

.f4date_picker__maskedinput {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 1;
  width: calc(100% - 4px);
  height: calc(100% - 4px) !important;
  background: var(--qnb-background);
  border: none;
}

.f4DateAndTimePickerBetween>.row>div:nth-child(2) {
  margin-top: 30px;
}

/*** End of F4DatePicker ***/

/*** start of F4MobileInput ***/

.react-tel-input input[type='text'],
.react-tel-input input[type='tel'] {
  font-size: 14px !important;
  color: var(--qnb-primary);
  font-weight: 500;
  box-shadow: none;
  height: 45px !important;
  border-radius: 10px !important;
  background-color: var(--qnb-background) !important;
  border: 2px solid var(--qnb-border) !important;
  padding: 0px 0px 0 60px !important;
  width: 100% !important;
}

.react-tel-input .flag-dropdown {
  border: none !important;
  border-radius: 12px 0 0 12px !important;
  background-color: var(--main-menu-bg) !important;
  top: 1.5px !important;
  left: 2px !important;
  bottom: 2px !important;
}

.react-tel-input .flag-dropdown .selected-flag {
  border-radius: 12px 0 0 12px !important;
  width: 50px !important;
  padding: 0 15px !important;
  cursor: pointer;
  border-right: 2px solid var(--qnb-border);
}

.react-tel-input .flag-dropdown:hover .selected-flag,
.react-tel-input .flag-dropdown.open-dropdown .selected-flag {
  background-color: var(--light-hover-color) !important;
}

.react-tel-input .country-list {
  box-shadow: 2px 4px 13px var(--qnb-shadow-card) !important;
  margin: 0px !important;
  z-index: 1000 !important;
}

.react-tel-input .country-list .search {
  padding: 10px !important;
}

.react-tel-input .country-list .search>label {
  width: 100%;
}

.react-tel-input .country-list .search-box {
  margin: 0px !important;
  border: 1px solid transparent !important;
  border-bottom: 1px solid var(--light-border-color) !important;
  border-radius: 0px !important;
  width: 100%;
}

.react-tel-input .country-list .search-emoji {
  display: none;
}

.custom_mobileinput__field {
  margin: 0 -5px;
}

.custom_mobileinput__field>div {
  padding: 0 5px;
}

.custom_mblfieldfull {
  margin: 0 -10px;
}

.custom_mblfieldfull>div {
  padding: 0 10px;
}

/*** end of F4MobileInput ***/

/*** Start of F4RadioButton ***/
.ant-radio-group {
  width: 100%;
}

.ant-radio-wrapper {
  font-family: 'qnb-sans', sans-serif !important;
  display: flex;
  align-items: center;
  border: 2px solid var(--qnb-border);
  border-radius: 10px;
  background-color: var(--qnb-background);
  height: 45px;
  padding: 0 15px;
  margin: 0px;
  color: var(--qnb-primary);
  margin-bottom: 10px;
  transition: 0.5s;
  font-size: 15px;
  font-weight: 500;
}

.f4radio_btn__pill .ant-radio-wrapper {
  border-radius: 20px;
  text-align: center;
}

.ant-radio-wrapper:hover {
  border-color: var(--qnb-primary);
}

.ant-radio-wrapper-checked {
  background: var(--selected-light-color);
  border-color: var(--qnb-primary);
  color: var(--qnb-primary);
  font-weight: 600 !important;
}

.f4radio_btn__pill .ant-radio {
  display: none;
}

.ant-radio-wrapper>span:last-child {
  width: 100%;
  padding: 0 0 0 10px;
}

.f4radio_btn__itemwicon {
  display: flex;
  align-items: center;
  width: 100%;
}

.f4radio_btn__itemwicon>div:first-child {
  width: calc(100% - 40px);
  position: relative;
  font-size: 14px;
  font-weight: 500;
  word-break: break-word;
  white-space: break-spaces;
}

.f4radio_btn__itemwicon>div:last-child {
  width: 40px;
}

.f4radio_btn__itemwicon>div:last-child>img {
  height: 30px;
  /* width: 40px; */
}

.f4radio_btn__flex .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
}

.f4radio_btn__flex .ant-radio-wrapper {
  width: calc(50% - 5px);
  margin-bottom: 10px;
}

.f4radio_btn__flex .ant-radio-wrapper:nth-child(odd) {
  margin-right: 10px;
}

.f4radio_btn__flex .ant-radio-wrapper:nth-last-child(2),
.f4radio_btn__flex .ant-radio-wrapper:last-child {
  margin-bottom: 0px;
}

.f4radio_btn__flexalt .ant-radio-group {
  display: flex;
  flex-wrap: unset;
  margin-left: -7.5px;
  width: calc(100% + 20px);
}

.f4radio_btn__flexalt .ant-radio-wrapper {
  flex: 1;
  margin: 0 7.5px;
}

.f4radio_btn__flexalt .ant-radio-wrapper:nth-child(odd) {
  margin-right: 7.5px;
}

.f4radio_btn__altview .ant-radio-wrapper {
  height: auto;
  padding: 20px;
}

.f4radio_btn__altview .ant-radio-wrapper:hover,
.f4radio_btn__altview .ant-radio-wrapper-checked {
  background: var(--selected-light-main);
}

.f4radio_btn__altview .ant-radio {
  display: none;
}

.f4radio_btn__altview .ant-radio-wrapper>span:last-child {
  padding: 0px;
}

.ant-radio-group-solid .ant-radio-button-wrapper {
  font-weight: 500;
  border: 1px solid var(--qnb-border);
}

/*** end of F4RadioButton ***/

/*** Start of F4UploadField ***/

.f4upload_field__dropzone {
  border-radius: 10px;
  border: 2px dashed var(--sec-btn-color);
  background: var(--light-sec-color);
  padding: 30px;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
}

.f4upload_field__panelalt .f4upload_field__dropzone {
  padding: 20px;
}

.f4upload_field__dropzone:hover {
  border: 2px dashed var(--sec-btn-hover);
}

.f4upload_field__dropzoneicon {
  margin-bottom: 20px;
}

.f4upload_field__dropzoneicon>img {
  height: 60px;
}

.f4upload_field__dropzonetext {
  font-size: 15px;
  font-weight: 500;
}

.f4upload_field__dropzonetext>span {
  font-weight: 700;
  color: var(--sec-btn-color);
  margin-left: 5px;
}

.f4upload_field__dzicon {
  margin-bottom: 15px;
}

.f4upload_field__valuepanel {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--qnb-border);
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
}

.f4upload_field__value {
  display: flex;
  align-items: center;
  padding: 10px;
  height: 100%;
}

.f4upload_field__valuealt {
  padding: 10px 10px 10px 15px;
}

.f4upload_field__value>div:first-child {
  height: 40px;
  width: 40px;
  border-radius: 6px;
  background-color: var(--negative-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qnb-foreground-inverse);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  padding: 5px;
}

.f4upload_field__value>div:first-child>div {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.f4upload_field__value>div:last-child {
  text-align: left;
  width: calc(100% - 60px);
  padding-left: 15px;
  font-size: 15px;
  font-weight: 500;
}

.f4upload_field__valuealt>div:last-child {
  width: calc(100% - 40px);
}

.f4upload_field__valuealt>div:last-child>span {
  color: var(--light-text-color);
  font-size: 12px;
  margin-left: 15px;
}

.f4upload_field__value>div:last-child>div:first-child {
  font-size: 14px;
  font-weight: 600;
}

.f4upload_field__value>div:last-child>div:last-child {
  color: var(--light-text-color);
  font-size: 14px;
}

.f4upload_field__valueoverlay {
  background-color: var(--qnb-background-inverse);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

.f4upload_field__valuepanel:hover .f4upload_field__valueoverlay {
  opacity: 1;
  pointer-events: unset;
}

.f4upload_field__valuereplace {
  border: 1.5px solid var(--qnb-foreground-inverse);
  border-radius: 15px;
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  font-size: 14px;
  color: var(--qnb-foreground-inverse);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  font-weight: 300;
  height: 30px;
  padding: 0px 25px;
  display: flex;
  align-items: center;
  margin: 0 10px;
  transition: 0.5s;
}

.f4upload_field__valuereplace .uploadcap_img__dropzone {
  display: none;
}

.f4upload_field__valuereplace>.f4upload_field__panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.f4upload_field__valuedelete {
  border-radius: 15px;
  background-color: var(--negative-color);
  border: 1.5px solid var(--negative-color);
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  font-size: 14px;
  color: var(--qnb-foreground-inverse);
  cursor: pointer;
  font-weight: 300;
  height: 30px;
  padding: 0px 25px;
  display: flex;
  align-items: center;
  margin: 0 10px;
  transition: 0.5s;
  position: relative;
}

.f4upload_field__valuereplace:hover,
.f4upload_field__valuedelete:hover {
  transform: scale(1.1);
}

.f4upload_field__valuereplace .f4upload_field__dropzone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0px;
}

.f4upload_field__label {
  /* display: flex;
  align-items: center; */
  margin-bottom: 10px;
}

.f4upload_field__label .f4FormFieldLabel {
  margin: 0px;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.uploadfield_help__icon {
  height: 25px;
  width: 25px;
  margin-left: 10px;
  cursor: pointer;
  transition: 0.5s;
}

.uploadfield_help__icon>img {
  height: 25px;
  width: 25px;
}

.uploadfield_help__icon:hover {
  transform: scale(1.1);
}

.uploadcap_img__panel {
  display: flex;
}

.uploadcap_img__preview {
  height: 218px;
  margin-right: 15px;
  position: relative;
}

.uploadcap_img__preview>img {
  width: 200px;
  height: 218px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.uploadcap_img__previewreplace {
  background: var(--qnb-background-inverse);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}

.uploadcap_img__preview:hover .uploadcap_img__previewreplace {
  opacity: 1;
  pointer-events: unset;
}

.uploadcap_img__previewreplace>div {
  margin: 10px;
  height: 40px;
  border-radius: 20px;
}

.uploadcap_img__dropzone {
  border-radius: 10px;
  border: 2px dashed var(--qnb-primary);
  background: var(--upload-field-bg);
  padding: 20px;
  text-align: center;
  color: var(--light-text-color);
  font-weight: 500;
}

.uploadcap_img__dropzone:hover {
  border: 2px dashed var(--qnb-primary-hover);
}

.uploadcap_img__workspace {
  flex: 1;
  height: 218px;
}

.uploadcap_img__subhdr {
  color: var(--label-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
  margin-top: 10px;
}

.uploadcap_img__dropzone>img {
  height: 70px;
}

.uploadcap_img__dropzone>div:nth-child(3) {
  margin-bottom: 7px;
}

.uploadcap_img__dropzone>div:nth-child(3)>span {
  font-weight: 600;
  color: var(--qnb-accent);
  margin-left: 5px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
}

.uploadcap_img__dropzone>div:nth-child(3)>span:hover {
  color: var(--qnb-accent-hover);
}

.uploadcap_img__dropzone>div:nth-child(3)>span>div {
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
  height: 1.5px;
  background: var(--qnb-accent);
}

.uploadcap_img__panelalt .uploadcap_img__dropzone>div:nth-child(4) {
  opacity: 0;
}

.uploadcap_img__dropzone>div:last-child {
  display: flex;
  justify-content: center;
}

.uploadcap_camera__panel {
  position: relative;
}

.uploadcap_camera__btn.newlook_primarybtn {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 50px;
}

.uploadcap_camera__btn>img {
  filter: brightness(100);
  height: 40px;
}

.lvuploadcap_img__panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* padding: 0px; */
  color: var(--qnb-accent);
  font-weight: 500;
  padding: 0px 3px;
  min-height: 53px;
  width: 100%;
}

.lvuploadcap_noimg__panel {
  display: flex;
  align-items: center;
  /* padding: 0px; */
  flex-wrap: wrap;
  color: var(--button-darkgrey);
  font-weight: 500;
  padding: 0px 3px;
  min-height: 53px;
  width: 100%;
}

.lvuploadcap_img__item {
  margin: 0 5px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
}

.lvuploadcap_img__item>img {
  margin-right: 5px;
}

.lvuploadcap_img__value {
  padding: 20px 17px;
}

.lvuploadcap_img__value>img {
  height: 60px;
  border-radius: 5px;
}

.lvuploadcap_img__valuefb {
  display: flex;
  align-items: center;
  width: 100%;
}

/* .lvuploadcap_img__valuefb > div {
  max-width: calc(50% - 7.5px);
} */

.lvuploadcap_img__valuefb>div>div>img {
  height: 60px;
  max-width: 100%;
  border-radius: 5px;
}

.lvuploadcap_img__valuefb>div:first-child {
  margin-right: 15px;
}

.lvuploadcap_img__valuefbadd {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: 0.5s;
  position: relative;
}

.lvuploadcap_img__valuefbadd:hover {
  background: var(--button-light-grey);
}

.upload_photo__modal {
  width: 50% !important;
  height: 65% !important;
}

.upload_photo__modalbody .uploadcap_img__panelalt {
  flex-wrap: wrap;
}

.upload_photo__modalbody .uploadcap_img__preview {
  margin: 0 0 15px;
  width: 100%;
}

.upload_photo__modalbody .uploadcap_img__preview>img {
  width: 100%;
}

/* Start of View Front/View Back modals */
.view_frontback__modal {
  width: 500px !important;
  height: 479px !important;
}

.edd_upload__modal {
  height: 540px !important;
  width: 500px !important;
}

.edd_upload__modal button>span:first-child {
  height: 28px;
  width: 28px;
  font-size: 28px;
}

.view_frontback__modal h4,
.edd_upload__modal h4 {
  text-align: center;
  padding: 10px 0 0 0;
}

.view_frontback__modal .f4ModalFooter,
.edd_upload__modal .f4ModalFooter {
  padding: 0px !important;
}

.view_frontback__modal .f4ButtonGroup>span:first-child,
.edd_upload__modal .f4ButtonGroup>span:first-child {
  width: 90%;
  float: none;
  display: flex;
  justify-content: center;
  height: 50px;
  margin: 0px !important;
}

.view_frontback__modal .f4ModalFooter>.f4ButtonGroup,
.edd_upload__modal .f4ModalFooter>.f4ButtonGroup {
  padding: 0px !important;
  justify-content: center;
  display: flex;
  align-items: flex-start;
  height: 100%;
}

.edd_upload__subhdr {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 29px 0 10px 0;
  line-height: 17px;
}

.view_frontback__modal .f4ButtonGroup>span:first-child>span,
.edd_upload__modal .f4ButtonGroup>span:first-child>span {
  width: 100%;
  display: flex;
  justify-content: center;
}

.view_frontback__modal .f4Button,
.edd_upload__modal .f4Button {
  width: 100%;
  height: 50px;
}

/* End of View Front/ View Back Modals */

.lvuploadcap_img__valuefbitem {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  /* width: calc(50% - 7.5px); */
}

/* .lvuploadcap_img__valuefbitem2 {
  border-radius: 0px !important;
} */
.lvuploadcap_img__valuefbitem>div:first-child>div>img {
  height: 50px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.lvuploadcap_img__viewfront {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.lvuploadcap_img__viewfront>img {
  filter: none !important;
  width: 28px;
  height: 28px;
  z-index: 1;
  -o-object-fit: contain;
  object-fit: contain;
}

.lvuploadcap_img__viewfront>div:nth-child(2) {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  font-size: 14px;
  color: var(--qnb-warning-emphasis);
  font-weight: bold;
  z-index: 1;
}

.lvuploadcap_img__valuefbitemoverlay {
  opacity: 0;
  pointer-events: none;
  background: var(--qnb-background-inverse);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

/* .lvuploadcap_img__valuefbitemoverlay2 {
  opacity: 1;
  background: var(--qnb-background);
} */

.lvuploadcap_img__valuefbitem:hover .lvuploadcap_img__valuefbitemoverlay {
  opacity: 1;
  pointer-events: unset;
}

.lvuploadcap_img__valuefbitemoverlay>div {
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin: 0 5px;
}

.lvuploadcap_img__valuefbitemoverlay>div>img {
  filter: grayscale(1) brightness(100);
  height: 22px;
}

.fors_attach__listalt {
  margin: 15px -5px 0;
  display: flex;
  flex-wrap: wrap;
}

.fors_attach__listalt .f4upload_field__valuepanel {
  width: calc(50% - 10px);
  margin: 0 5px 10px;
}

.fors_attach__listalt .f4upload_field__valuepanel:last-child,
.fors_attach__listalteven .f4upload_field__valuepanel:nth-last-child(2) {
  margin-bottom: 0px;
}

/*** End of F4UploadField ***/

/*** Start of Autosuggest ***/

.react-autosuggest__input {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 2px solid var(--qnb-border);
  border-radius: 10px;
  background-color: var(--qnb-background);
  font-weight: 500;
  outline: none !important;
}

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__suggestions-container--open {
  position: absolute;
  top: 100%;
  width: 100%;
  overflow: auto;
  max-height: 200px;
  background: var(--qnb-background);
  border-radius: 4px;
  /* box-shadow: 2px 4px 13px var(--qnb-border-strong); */
  box-shadow: 0 2px 14px -7px var(--qnb-border-strong);
  z-index: 15;
}

.react-autosuggest__suggestions-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.react-autosuggest__suggestion {
  padding: 10px 15px;
  cursor: pointer;
  transition: 0.5s;
}

.react-autosuggest__suggestion:hover {
  background: var(--light-hover-color);
}

.react-autosuggest__suggestion>a {
  color: var(--qnb-primary);
  font-weight: 500;
}

.F4SelectAutoSuggest .f4AutoSuggest .react-autosuggest__container>.Select-control,
.bene_autosugg__field .f4AutoSuggest .react-autosuggest__container>.Select-control {
  padding: 2px 15px 0;
  display: flex;
  align-items: center;
}

.bene_autosugg__field .f4AutoSuggest .react-autosuggest__container>.Select-control {
  padding-left: 15px;
}

.F4SelectAutoSuggest .f4AutoSuggest .react-autosuggest__container>.Select-control>.Select-multi-value-wrapper,
.bene_autosugg__field .f4AutoSuggest .react-autosuggest__container>.Select-control>.Select-multi-value-wrapper {
  width: calc(100% - 20px);
}

.F4SelectAutoSuggest .f4AutoSuggest .react-autosuggest__container>.Select-control>.Select-clear-zone,
.bene_autosugg__field .f4AutoSuggest .react-autosuggest__container>.Select-control>.Select-clear-zone {
  width: 20px;
}

.f4AutoSuggest .Select-value-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

/*** End of Autosuggest ***/

/*** Start of F4Tabs ***/

.ant-tabs-nav .ant-tabs-tab {
  font-size: 15px;
  font-weight: 500;
  color: var(--inactive-tab);
  padding: 20px 25px;
}

.ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 700;
  color: var(--qnb-primary);
}

.ant-tabs-ink-bar {
  background-color: var(--qnb-primary);
}

.ant-tabs-nav.ant-tabs-nav-animated .ant-tabs-tab-active {
  color: var(--qnb-secondary);
}

.ant-tabs-nav.ant-tabs-nav-animated .ant-tabs-tab:not(.ant-tabs-tab-active):not(.ant-tabs-tab-disabled) {
  color: var(--qnb-form-label);
}

.ant-tabs-nav.ant-tabs-nav-animated .ant-tabs-ink-bar {
  background-color: var(--qnb-secondary);
}

/*** End of F4Tabs ***/
/*** Start of DatePickerRangeFilter ***/

.datepick_range__popup {
  position: relative;
  width: 100%;
  z-index: 98;
}

.datepick_range__popupbtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.5s;
  gap: 5px;
}

.datepick_range__popupbtn:hover {
  background: var(--button-light-grey);
}

.datepick_range__popupbtn>div:first-child {
  font-size: 14px;
  font-weight: 500;
  width: calc(100%);
  padding-right: 5px;
}

.datepick_range__popupbtn>div:nth-child(2) {
  font-size: 18px;
  color: var(--qnb-foreground-muted);
  display: flex;
  align-items: center;
}

.datepick_range__popupopt {
  transition: 0.3s;
  position: absolute;
  /* left: 1150px; */
  background: var(--qnb-background);
  padding: 40px 20px 20px;
  width: 370px;
  box-shadow: 0 0 0 1px var(--qnb-shadow-sm), 0 5px 10px var(--qnb-shadow-sm);
  border-radius: 10px;
  z-index: 9;
  /* top: 140px; */
}

.datepick_range__popupoptalt {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.datepick_range__popupclose {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  transition: 0.5s;
  font-size: 17px;
  z-index: 1;
}

.datepick_range__popupclose:hover {
  background: var(--light-hover-color);
}

/* .datepick_range__popupcontent {
  margin-top: 20px;
} */

.datepick_range__popupcontent>.row {
  margin-bottom: 20px;
}

.datepick_range__popupcontent>.row:first-child .f4FormFieldLabel {
  display: none;
}

.datepick_range__popupcontent>.row:last-child {
  margin-bottom: 0px;
}

.datepick_range__popupcontent .F4DatePickerBetweenEnhanced>.asf4FormValidate .f4FormFieldLabel,
.datepick_range__popupcontent .F4DateandTimeBetweenEnhanced>.asf4FormValidate .f4FormFieldLabel {
  display: flex;
}

.datepick_range__popupcontent .F4DatePickerBetweenEnhanced>.asf4FormValidate .formfield_label__optional>span:last-child {
  display: none;
}

.datepick_range__popuphdr {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.datepick_range__popuphdr--alt {
  margin-bottom: 10px;
}

.datepick_range__popupbtn .caret {
  color: var(--qnb-primary);
}

.datepick_range__popupbtnfr {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  height: 45px;
  /* width: max-content; */
  border-radius: 10px;
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  padding: 0 15px;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.5s;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 500px;
}

.datepick_range__popupbtnfr:hover {
  border: 2px solid var(--qnb-primary);
}

.datepick_range__popupbtnfralt {
  color: var(--placeholder-color);
}

.datepick_range__popupbtnfr>div:first-child {
  margin-right: 10px;
}

.F4DateandTimeBetweenEnhanced>.asf4FormValidate:first-child {
  margin-bottom: 20px;
}

.f4DateAndTimePickerSearchDateTimePicker {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 20px;
}

.f4DateAndTimePickerSearchDateTimePicker:last-child {
  margin-bottom: 0px;
}

.f4DateAndTimePickerSearchLabel {
  flex: 1 1 calc(100% - 10px);
  margin: 0 5px;
  /* font-size: 14px; */
  color: var(--field-label-color);
  font-weight: 600;
  font-size: 13px;
}

.f4DateAndTimePickerSearchDateTimePicker>div:not(:first-child) {
  flex: 1 1 calc(50% - 10px);
  margin: 0 5px;
}

/*** End of DatePickerRangeFilter ***/

/*** Start of TimePicker ***/

.ant-time-picker-panel {
  width: 168px;
}

.ant-time-picker-panel-select {
  min-height: 192px;
}

.ant-time-picker-panel-select ul {
  padding: 0px;
}

.ant-time-picker-panel-input-wrap {
  height: 45px;
}

.ant-time-picker-panel-input {
  height: 100%;
  font-weight: 500;
  font-size: 15px;
  color: var(--hdr-color);
}

.ant-time-picker-panel-select li {
  font-weight: 500;
  color: var(--hdr-color);
}

.ant-time-picker-panel-select li:hover {
  background: var(--qnb-selection);
}

li.ant-time-picker-panel-select-option-selected {
  background: var(--button-grey);
}

.ant-time-picker-input {
  border-radius: 10px;
  height: 45px;
  border: 2px solid var(--qnb-border);
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  background: var(--qnb-background);
}

.ant-time-picker {
  width: 100%;
}

.ant-time-picker .ant-time-picker-icon,
.ant-time-picker-clear>svg {
  display: none;
}

.ant-time-picker-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  color: var(--qnb-warning-emphasis);
  cursor: pointer;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
}

.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: unset;
}

.f4timepicker_hdr {
  display: none;
  /* display: flex;
  position: absolute;
  top: -25px;
  width: 100%;
  padding-right: 30px; */
}

.f4timepicker_hdr__text {
  width: calc(100% - 60px);
  font-size: 10px;
  color: var(--label-color);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 20px;
}

.f4timepicker_hdr__ampm {
  display: flex;
}

.f4timepicker_hdr__ampm>div {
  color: var(--qnb-secondary);
  font-size: 14px;
  width: 30px;
  text-align: center;
  transition: 0.5s;
  cursor: pointer;
}

.f4timepicker_hdr__ampm>.f4timepicker_hdr__ampm--selected,
.f4timepicker_hdr__ampm>div:hover {
  color: var(--qnb-accent);
  font-weight: 500;
}

/*** End of TimePicker ***/

/*** Start of Txn Type ***/
.newtxntype_choices {
  display: flex;
  margin: 0 -10px;
}

.newtxntype_choiceitem {
  position: relative;
  border: 2px solid var(--qnb-border);
  color: var(--hdr-color);
  border-radius: 20px;
  background-color: var(--qnb-background);
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin: 0 10px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.5s;
}

.newtxntype_choiceitemalt,
.newtxntype_choiceitem:hover {
  border-color: var(--qnb-accent);
  color: var(--qnb-accent);
}

.newtxntype_choiceitem__single {
  border-color: transparent;
  cursor: unset;
  justify-content: flex-start;
  height: unset;
  color: var(--hdr-color);
  font-weight: 500;
}

.newtxntype_choiceitem__single:hover {
  color: var(--hdr-color);
  border-color: transparent;
}

.newtxntype_panel .f4radio_btn__flex .ant-radio-group {
  margin: -5px -10px;
  width: calc(100% + 20px);
}

.newtxntype_panel .f4radio_btn__flex .ant-radio-wrapper {
  flex: 1;
  margin: 5px 10px !important;
  height: 75px;
}

/* 
.newtxntype_panel .ant-radio {
  display: none;
} */

.newtxntype_panel .f4radio_btn__itemwicon {
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.newtxntype_panel .f4radio_btn__itemwicon>div:first-child {
  font-size: 15px;
  width: 100%;
}

.newtxntype_panel .ant-radio-wrapper-checked .f4radio_btn__itemwicon>div:first-child {
  font-weight: 600;
}

.newtxntype_addtlitems {
  display: inline-block;
  padding: 20px 10px 0px;
  width: 100%;
}

.newtxntype_addtlitems>.row {
  margin: 0 -10px 30px;
}

.newtxntype_addtlitems>.row:last-child {
  margin-bottom: 0px;
}

.newtxntype_addtlitems>.row>div {
  padding: 0 10px;
}

.newtxntype_freqlist {
  position: relative;
  border: 2px solid var(--qnb-border);
  background: var(--qnb-background-muted);
  border-radius: 8px;
  height: 35px;
}

.newtxntype_freqlist>div:first-child {
  display: flex;
  height: 100%;
  align-items: center;
}

.newtxntype_freqitem {
  position: relative;
  width: 33.3%;
  height: 100%;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transition: 0.5s;
  cursor: pointer;
  font-size: 13px;
}

.newtxntype_freqitem:hover {
  font-weight: 600;
}

.newtxntype_freqitem_border {
  width: 1px;
  height: calc(100% - 10px);
  top: 5px;
  right: 0;
  background: var(--qnb-border);
  position: absolute;
}

.newtxntype_freqitem_active {
  position: absolute;
  left: 4px;
  top: 2px;
  width: calc(33.3% - 8px);
  height: calc(100% - 4px);
  border: 1px solid var(--qnb-border);
  border-radius: 6px;
  transition: 0.5s;
  background: var(--qnb-background);
}

.newtxntype_freqitemalt {
  font-weight: 600;
}

.doftw_panel {
  display: flex;
  margin: 0 -7.5px;
}

.doftw_item {
  position: relative;
  font-weight: 500;
  font-size: 15px;
  flex: 1;
  margin: 0 7.5px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
  transition: 0.5s;
  background: var(--qnb-background);
  border: 2px solid var(--qnb-border);
}

.doftw_itemactive,
.doftw_item:hover {
  border: 2px solid var(--sec-btn-color);
  font-weight: 500;
  color: var(--qnb-foreground-inverse);
  background: var(--sec-btn-color);
}

.doftm_panel {
  flex-wrap: wrap;
  margin: -7.5px;
}

.doftm_panel .doftw_item {
  margin: 7.5px;
  width: calc(7.6% - 14px);
  flex: unset;
}

.newtxntype_addtlitems>.newtxn_type__recurdtfields {
  margin: 0 -5px;
}

.newtxntype_addtlitems>.newtxn_type__recurdtfields>div {
  padding: 0 5px;
}

/*** End of Txn Type ***/

/*** start of html editor ***/

.rdw-option-wrapper {
  /* border: 1px solid var(--qnb-border-subtle); */
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  /* background: white; */
  text-transform: capitalize;
}

.rdw-option-wrapper:hover,
.rdw-option-wrapper:active,
.rdw-option-active {
  /* box-shadow: 1px 1px 0px var(--qnb-border-strong); */
  background: var(--button-light-grey-hover);
}

/* .rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px var(--qnb-border-strong) inset;
  background: var(--button-light-grey-hover);
}

.rdw-option-active {
  box-shadow: 1px 1px 0px var(--qnb-border-strong) inset;
} */

.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  cursor: pointer;
  border: 2px solid var(--qnb-border);
  border-radius: 6px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}

.rdw-dropdown-wrapper:focus {
  outline: none;
}

.rdw-dropdown-wrapper:hover {
  /* box-shadow: 1px 1px 0px var(--qnb-border-strong); */
  background-color: var(--qnb-background);
}

.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px var(--qnb-border-strong) inset;
}

.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 5px solid var(--label-color);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 30px 0 10px;
  color: var(--hdr-color);
  font-weight: 500;
}

.rdw-dropdown-selectedtext:hover {
  color: var(--hdr-color) !important;
}

.rdw-dropdown-selectedtext>span {
  line-height: 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid var(--qnb-border-subtle);
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}

.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px var(--qnb-border-strong);
  background-color: var(--qnb-background);
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}

.rdw-dropdownoption-highlighted {
  background: var(--qnb-background-muted);
}

.rdw-dropdownoption-active {
  background: var(--qnb-selection);
}

.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-inline-dropdown {
  width: 50px;
}

.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-fontsize-dropdown {
  min-width: 40px;
}

.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-fontfamily-dropdown {
  width: 115px;
}

.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}

.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}

.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-right-aligned-block {
  text-align: right;
}

.rdw-left-aligned-block {
  text-align: left !important;
}

.rdw-center-aligned-block {
  text-align: center !important;
}

.rdw-justify-aligned-block {
  text-align: justify !important;
}

.rdw-right-aligned-block>div {
  display: inline-block;
}

.rdw-left-aligned-block>div {
  display: inline-block;
}

.rdw-center-aligned-block>div {
  display: inline-block;
}

.rdw-justify-aligned-block>div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid var(--qnb-border-subtle);
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px var(--qnb-border-strong);
}

.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}

.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}

.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid var(--qnb-secondary);
}

.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}

.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid var(--qnb-border-subtle);
}

.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px var(--qnb-border-strong) inset;
}

.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px var(--qnb-border-strong);
}

.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px var(--qnb-border-strong);
}

.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px var(--qnb-border-strong);
}

.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-link-dropdown {
  width: 50px;
}

.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}

.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid var(--qnb-border-subtle);
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px var(--qnb-border-strong);
}

.rdw-link-modal-label {
  font-size: 15px;
}

.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid var(--qnb-border-subtle);
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}

.rdw-link-modal-input:focus {
  outline: none;
}

.rdw-link-modal-buttonsection {
  margin: 0 auto;
}

.rdw-link-modal-target-option {
  margin-bottom: 20px;
}

.rdw-link-modal-target-option>span {
  margin-left: 5px;
}

.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px var(--qnb-border-strong);
}

.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px var(--qnb-border-strong) inset;
}

.rdw-link-modal-btn:focus {
  outline: none !important;
}

.rdw-link-modal-btn:disabled {
  background: var(--qnb-background-muted);
}

.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid var(--qnb-border-subtle);
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px var(--qnb-border-strong);
}

.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}

.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid var(--qnb-border-subtle);
  margin-top: 5px;
  background: var(--qnb-background);
  border-bottom: 2px solid var(--qnb-border-strong);
}

.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}

.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}

.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}

.rdw-embedded-modal-link-input:focus {
  outline: none;
}

.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}

.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px var(--qnb-border-strong);
}

.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px var(--qnb-border-strong) inset;
}

.rdw-embedded-modal-btn:focus {
  outline: none !important;
}

.rdw-embedded-modal-btn:disabled {
  background: var(--qnb-background-muted);
}

.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}

.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 2px;
  font-size: 12px;
}

.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid var(--qnb-border-subtle);
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px var(--qnb-border-strong);
}

.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.rdw-spinner>div {
  width: 12px;
  height: 12px;
  background-color: var(--qnb-background-inverse);

  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.rdw-spinner .rdw-bounce1 {
  animation-delay: -0.32s;
}

.rdw-spinner .rdw-bounce2 {
  animation-delay: -0.16s;
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid var(--qnb-border-subtle);
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px var(--qnb-border-strong);
}

.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}

.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.rdw-image-modal-header-label {
  width: 80px;
  background: var(--qnb-background-muted);
  border: 1px solid var(--qnb-border-subtle);
  margin-top: 5px;
}

.rdw-image-modal-header-label-highlighted {
  background: var(--qnb-background);
  border-bottom: 2px solid var(--qnb-border-strong);
}

.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: var(--qnb-background);
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}

.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed var(--qnb-secondary);
}

.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.rdw-image-modal-upload-option-label span {
  padding: 0 20px;
}

.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}

.rdw-image-modal-upload-option-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}

.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}

.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}

.rdw-image-modal-url-input:focus {
  outline: none;
}

.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px var(--qnb-border-strong);
}

.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px var(--qnb-border-strong) inset;
}

.rdw-image-modal-btn:focus {
  outline: none !important;
}

.rdw-image-modal-btn:disabled {
  background: var(--qnb-background-muted);
}

.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}

.rdw-image-modal-alt-input:focus {
  outline: none;
}

.rdw-image-modal-alt-lbl {
  font-size: 12px;
}

.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}

.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 2px;
  font-size: 12px;
}

.rdw-image-modal-size-input:focus {
  outline: none;
}

.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}

.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: var(--qnb-secondary);
  background-color: var(--qnb-selection);
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}

.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--qnb-border-subtle);
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}

.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid var(--qnb-border-subtle);
}

.rdw-suggestion-option-active {
  background-color: var(--qnb-selection);
}

.rdw-hashtag-link {
  text-decoration: none;
  color: var(--qnb-secondary);
  background-color: var(--qnb-selection);
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid var(--qnb-border-subtle);
  width: 105px;
  cursor: pointer;
  z-index: 100;
}

.rdw-alignment-option-left {
  justify-content: flex-start;
}

.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}

.rdw-image-alignment {
  position: relative;
}

.rdw-image-imagewrapper {
  position: relative;
}

.rdw-image-center {
  display: flex;
  justify-content: center;
}

.rdw-image-left {
  display: flex;
}

.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}

.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}

.rdw-editor-toolbar {
  padding: 10px;
  border-radius: 6px;
  display: flex;
  justify-content: flex-start;
  background: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.rdw-editor-wrapper:focus {
  outline: none;
}

.rdw-editor-wrapper {
  box-sizing: content-box;
}

.rdw-editor-main blockquote {
  border-left: 5px solid var(--qnb-border-subtle);
  padding-left: 5px;
}

.rdw-editor-main pre {
  background: var(--qnb-background-muted);
  border-radius: 3px;
  padding: 1px 10px;
}

/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
  background: transparent;
}

.public-DraftEditor-content[contenteditable='true'] {
  -webkit-user-modify: read-write-plaintext-only;
}

.DraftEditor-root {
  position: relative;
  background: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  padding: 10px 15px;
  min-height: 400px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}

.DraftEditor-editorContainer {
  background-color: var(--qnb-background);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
  /* min-height: 10px; */
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}

.public-DraftEditorPlaceholder-root {
  color: var(--qnb-foreground-muted);
  position: absolute;
  z-index: 0;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: var(--qnb-secondary);
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftStyleDefault-ltr.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) '. ';
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) '. ';
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) '. ';
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) '. ';
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) '. ';
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}

.rdw-center-aligned-block>.public-DraftStyleDefault-block>span {
  text-align: center;
  width: 100%;
  display: block;
}

.rdw-right-aligned-block>.public-DraftStyleDefault-block>span {
  text-align: right;
  width: 100%;
  display: block;
}

.hide-toolbar {
  display: none !important;
}

.htmleditor_withraw__panel>.row {
  margin-bottom: 25px;
}

.htmleditor_withraw__panel>.row:last-child {
  margin-bottom: 0px;
}

.htmleditor_withraw__panel .htmlEditor_html>.f4FormFieldLabel,
.htmleditor_withraw__panel .f4InputField_parent .f4FormFieldLabel,
.htmleditor_withraw__panel .f4InputField_parent .formfield_label__optional>span:first-child {
  width: 100%;
}

.htmleditor_withraw__panel .f4InputField_parent .formfield_label__optional>span:last-child {
  display: none;
}

.htmleditor_withraw__hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.htmleditor_withraw__switch {
  width: 110px;
}

.htmleditor_withraw__switch .f4SwitchButtonClassName {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.htmleditor_withraw__switch .f4FormFieldLabel {
  margin: 0px;
}

.htmleditor_withraw__switch .f4SwitchButtonClassName>div:last-child {
  padding: 0px;
  height: 25px;
  width: 50px;
}

/*** end of html editor ***/

/*** Start of ReactViewer ***/

.react-viewer {
  opacity: 0;
}

.react-viewer-inline {
  position: relative;
  width: 100%;
  height: 100%;
}

.react-viewer ul {
  margin: 0;
  padding: 0;
}

.react-viewer li {
  list-style: none;
}

.react-viewer-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--qnb-background-inverse);
  height: 100%;
  filter: alpha(opacity=50);
  /* z-index: 1000; */
  z-index: 1050 !important;
}

.react-viewer-btn {
  background-color: var(--qnb-background-inverse);
  color: white;
}

.react-viewer-btn:hover {
  background-color: var(--qnb-background-inverse);
}

.react-viewer-close {
  position: fixed;
  top: 30px;
  right: 30px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1060 !important;
}

.react-viewer-icon-close:before {
  content: '\f00d';
}

.react-viewer-close>i {
  position: relative;
  font-size: 25px;
  font-weight: 300;
}

.react-viewer-canvas {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  /* z-index: 1005; */
  z-index: 1055 !important;
}

.react-viewer-canvas>img {
  display: block;
  width: auto;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: var(--qnb-background);
}

.react-viewer-canvas>img.drag {
  cursor: move;
}

.react-viewer-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  /* z-index: 1005; */
  z-index: 1055 !important;
}

.react-viewer-inline>.react-viewer-mask,
.react-viewer-inline>.react-viewer-close,
.react-viewer-inline>.react-viewer-canvas,
.react-viewer-inline>.react-viewer-footer {
  position: absolute;
}

.react-viewer-attribute {
  margin: 0;
  margin-bottom: 6px;
  opacity: 0.8;
  color: var(--qnb-foreground-placeholder);
  font-size: 15px;
}

.react-viewer-toolbar {
  height: 70px;
  width: 100%;
  background-color: var(--qnb-background-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
}

.react-viewer-toolbar li {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 28px;
  /* margin-right: 3px; */
  cursor: pointer;
  line-height: 28px;
  background-size: 28px 28px;
  margin: 0 7px;
  transition: 0.5s;
}

.react-viewer-toolbar li>i {
  display: none;
}

.react-viewer-toolbar li[data-key='zoomIn'] {
  background: url("/fo/images/Zoom In.448c382c.svg") no-repeat center;
}

.react-viewer-toolbar li[data-key='zoomOut'] {
  background: url("/fo/images/Zoom Out.34d0fbd1.svg") no-repeat center;
}

.react-viewer-toolbar li[data-key='prev'] {
  background: url(/fo/images/Prev.20f6a6c0.svg) no-repeat center;
}

.react-viewer-toolbar li[data-key='reset'] {
  background: url(/fo/images/Reset.6f62ac48.svg) no-repeat center;
}

.react-viewer-toolbar li[data-key='next'] {
  background: url(/fo/images/Next.ad4c50a4.svg) no-repeat center;
}

.react-viewer-toolbar li[data-key='rotateLeft'] {
  background: url("/fo/images/Rotate Left.745213c4.svg") no-repeat center;
}

.react-viewer-toolbar li[data-key='rotateRight'] {
  background: url("/fo/images/Rotate Right.016055cc.svg") no-repeat center;
}

.react-viewer-toolbar li:hover {
  background-color: var(--qnb-background-inverse);
}

.react-viewer li.empty {
  background-color: transparent;
  cursor: default;
}

.react-viewer-navbar {
  overflow: hidden;
  background-color: var(--qnb-background-inverse);
}

.react-viewer-list {
  height: 50px;
  padding: 1px;
}

.react-viewer-list>li {
  display: inline-block;
  width: 30px;
  height: 50px;
  cursor: pointer;
  overflow: hidden;
  margin-right: 1px;
}

.react-viewer-list>li>img {
  width: 60px;
  height: 50px;
  margin-left: -15px;
  opacity: 0.5;
}

.react-viewer-list>li.active>img {
  opacity: 1;
}

.react-viewer-transition {
  transition: opacity 0.3s ease-out;
}

.react-viewer-image-transition {
  /* transition-property: width, height, margin, -webkit-transform; */
  /* transition-property: width, height, margin, transform; */
  transition-property: width, height, margin, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.react-viewer-list-transition {
  transition: margin 0.3s ease-out;
}

.react-viewer-icon {
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  /* text-rendering: auto; */
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 14px;
}

.react-viewer-icon-zoomOut:before {
  content: '\f010';
}

.react-viewer-icon-prev:before {
  content: '\f34b';
}

/*** End of ReactViewer ***/

/** end of generic fields **/

/** start of generic components **/

.f4Modal {
  margin: auto;
}

.f4ModalTitle {
  font-size: 22px;
  font-weight: 700;
  color: var(--qnb-primary);
  width: calc(100% - 25px);
  display: flex;
  align-items: center;
}

.modal-dialog,
.modal-content {
  width: 100%;
  height: 100%;
  margin: 0px;
  overflow: hidden;
  box-shadow: none;
  border: none;
  border-radius: 0px;
}

.normalModal {
  width: 75%;
  height: 85%;
  margin: auto;
}

.normalModal .modal-content {
  border-radius: 23px;
}

.f4ModalHeader {
  border: none;
  /* padding: 10px 25px; */
  padding: 25px 25px 25px 20px;
  background: var(--modal-bg);
  height: 75px;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}

/* .f4ModalHeader::after {
  content: '';
  position: absolute;
  left: 25px;
  bottom: 0;
  height: 1px;
  width: calc(100% - 50px);
  background: var(--light-border-color);
} */

.f4ModalBody {
  padding: 25px;
  height: calc(100% - 150px);
  background: var(--modal-bg);
  overflow: auto;
}

.f4Modal_centered__btn .f4ModalBody {
  height: calc(100% - 175px);
}

.f4Modal_no__footer .f4ModalBody {
  height: calc(100% - 75px);
}

.f4ModalFooter {
  border: none;
  background: var(--modal-bg);
  padding: 0 25px;
  display: flex;
  align-items: center;
  height: 75px;
}

.f4Modal_centered__btn .f4ModalFooter {
  /* height: 100px; */
}

.f4ModalFooter>.f4ButtonGroup {
  display: flex;
  justify-content: flex-end;
  padding: 0px !important;
  width: calc(100% + 20px);
  margin: 0 -10px 20px;
}

.f4Modal_centered__btn .f4ModalFooter>.f4ButtonGroup {
  justify-content: center;
}

.f4Modal_centered__btn .f4ModalFooter>.f4ButtonGroup>span {
  width: 100%;
}

.f4ModalFooter>.f4ButtonGroup .f4Button {
  min-width: 200px;
}

.f4Modal div.f4ModalHeader .close {
  font-size: 50px;
  color: var(--qnb-primary);
  width: 30px;
  transition: 0.5s;
  opacity: 1;
  font-weight: 100;
  margin-top: 0px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  height: 30px;
  /* margin-top: 0; */
}

.newfeedback_modal {
  width: 35%;
  height: auto;
  max-height: 90%;
}

.newfeedback_modal .modal-dialog {
  display: flex;
  align-items: center;
}

.newfeedback_modal .modal-content,
.newfeedback_modal .f4ModalBody {
  height: auto;
  max-height: calc(100vh - 90px);
}

.newfeedback_modal .f4ModalHeader {
  display: none;
}

.newfeedback_hide {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 30px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.newfeedback_hide>i {
  font-weight: 100;
}

.newfeedback_panel {
  margin-top: 45px;
  text-align: center;
  color: var(--hdr-color);
}

.newfeedback_icon {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.newfeedback_text {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.newfeedback_msglist {
  font-size: 17px;
  padding: 0 30px;
}

.newfeedback_modal__success .newfeedback_msgitem {
  position: relative;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}

.newfeedback_btn {
  width: 100%;
  height: 65px;
  margin-top: 50px;
  padding: 0 20px 20px;
}

.newfeedback_btn>button {
  width: 100%;
  height: 45px;
}

.multifeedback_text {
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
}

.multifeedback_subtext {
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
}

.multifeedback_icon {
  display: flex;
  margin-right: 10px;
}

.multifeedback_icon>img {
  height: 20px;
}

.multifeedback_msgitem {
  font-size: 15px;
  font-weight: 600;
  align-self: center;
  padding-left: 10px;
  text-align: left;
}

.multifeedback_container {
  margin-left: 25px;
  margin-right: 25px;
}

.multifeedback_container>div:nth-last-child(n + 1) {
  border-top: 1px solid var(--qnb-border);
}

.multifeedback_container>div:first-child {
  border-top: 0px;
  padding-top: 30px;
}

.multifeedback_msglist {
  display: flex;
  padding: 15px 0px;
}

.newconfirm_modal {
  width: 35%;
  height: auto;
  max-height: 90%;
}

.newconfirm_modal .f4ModalHeader::after,
.newfeedback_modal .f4ModalHeader::after {
  display: none;
}

.newconfirm_modal .modal-dialog {
  display: flex;
  align-items: center;
}

.newconfirm_modal .modal-content,
.newconfirm_modal .f4ModalBody {
  height: auto;
}

.newconfirm_modalpanel {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.newconfirm_modalmsg {
  /* font-size: 20px; */
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 50px;
  line-height: 32px;
}

.newconfirm_modalbtns {
  display: flex;
  align-items: center;
  margin: 0 -10px;
}

.newconfirm_modal .f4ModalHeader {
  padding: 15px 20px;
  height: 55px;
}

.newconfirm_modal .f4ModalBody {
  padding: 0 25px 25px;
  height: calc(100% - 55px);
}

.fors_confirmmodal__msgwicon {
  margin-bottom: 15px;
}

.fors_confirmmodal__msgwicon>div {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 27px;
  margin-top: 20px;
}

.fors_confirmmodal__approval>img {
  height: 100px;
  width: 100px;
  margin-bottom: 20px;
}

.nft_buttonitem {
  position: relative;
  flex: 1;
  padding: 0 10px;
}

.nft_buttonitem button {
  width: 100%;
  height: 50px;
}

.datatable-amountcolumn {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  padding: 0 20px;
  width: 100%;
}

.datatable-amountcolumn>span {
  font-size: 8px;
  padding-top: 2px;
  margin-right: 4px;
}

/** end of generic components **/

/* START OF LOGIN BANNER */

.fo_acctslider__next,
.fo_acctslider__prev {
  position: absolute;
  top: 110px;
  height: 50px;
  width: 50px;
  background-color: var(--qnb-background-inverse);
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: var(--qnb-foreground-inverse);
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  transition: 0.5s;
  transform: none;
}

.fo_acctslider__next {
  right: -20px;
  padding-left: 15px;
}

.fo_acctslider__prev {
  justify-content: flex-end;
  left: -35px;
  padding-right: 15px;
}

.login_banner__popuppanel {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.login_banner__popupoverlay {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--qnb-background-inverse);
}

.login_banner__popuppanelalt {
  width: 0;
  height: 0;
  pointer-events: none;
}

.login_banner__popuppanel .fo_acctslider__next,
.login_banner__popuppanel .fo_acctslider__prev {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-lg);
  padding: 0px;
  font-size: 14px;
  top: 50%;
  transform: translate(0, -50%);
}

.login_banner__popuppanel .fo_acctslider__prev {
  left: -60px;
}

.login_banner__popuppanel .fo_acctslider__next {
  right: -60px;
}

.login_banner__popuppanel .slick-dots li button:before {
  font-size: 8px;
  opacity: 1;
  color: var(--qnb-foreground-inverse);
}

.login_banner__popuppanel .slick-dots li.slick-active button:before {
  color: var(--sec-btn-color);
}

.login_banner__popuppanel .slick-slider {
  position: relative;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
}

.login_banner__popuplist {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99;
}

.login_banner__popuplistlink.login_banner__popuplist {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.login_banner__popuplistlink .slick-slider,
.login_banner__popuplistlink .slick-list,
.login_banner__popuplistlink .slick-track,
.login_banner__popuplistlink .slick-slide>div {
  height: 100%;
}

.login_banner__popup {
  position: relative;
  transition: 0.3s;
  height: 400px;
  /* max-width: 90%; */
  width: 600px;
  border-radius: 25px;
  overflow: hidden;
  z-index: 100;
  background: var(--qnb-background);
  padding: 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.login_banner__popup p {
  flex-grow: 1;
  overflow-y: auto;
  max-height: 100%;
  margin: 0;
  padding-right: 10px;
}

.login_banner__popup>img,
.dash_banner__popup>img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.login_banner__popup .slick-slide {
  width: 700px;
}

.login_banner__popupclose {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  /* display: none; */
}

.login_banner__popupmobile,
.dash_banner__popupmobile {
  width: 100%;
  height: 70px;
  right: 0px;
  bottom: 0px;
  border-radius: 0px;
  box-shadow: none;
}

.login_banner__popuplistlink .login_banner__popupmobile {
  height: 100%;
  margin: 0px;
}

.bms_login__bottom .login_banner__popuplistlink .login_banner__popupmobile {
  height: 70px;
}

.login_banner__popuphide {
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--qnb-primary);
  background-color: var(--qnb-background);
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-md);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  z-index: 1;
}

.fo_acctslider__next::before,
.fo_acctslider__prev::before {
  display: none;
}

.fo_acctslider__next:hover,
.fo_acctslider__prev:hover {
  background-color: var(--qnb-background-inverse);
  color: var(--qnb-foreground-inverse);
}

.fo_acctslider__next,
.fo_acctslider__prev {
  position: absolute;
  top: 110px;
  height: 50px;
  width: 50px;
  background-color: var(--qnb-background-inverse);
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: var(--qnb-foreground-inverse);
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  transition: 0.5s;
  transform: none;
}

.fo_acctslider__prev {
  justify-content: flex-end;
  left: -35px;
  padding-right: 15px;
}

/* END OF LOGIN BANNER */

/* START OF DASHBOARD BANNER */

.dash_banner__img,
.login_banner__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dash_banner__img>img,
.login_banner__img>img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.dash_banner__popuppanel {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash_banner__popuppanelslider {
  display: block;
}

.dash_banner__popuppanelalt {
  width: 0;
  height: 0;
  pointer-events: none;
}

.dash_banner__popuppanelslider .fo_acctslider__next,
.dash_banner__popuppanelslider .fo_acctslider__prev {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-lg);
  padding: 0px;
  font-size: 14px;
  top: 50%;
  transform: translate(0, -50%);
}

.dash_banner__popuppanelslider .fo_acctslider__prev {
  left: -60px;
}

.dash_banner__popuppanelslider .fo_acctslider__next {
  right: -60px;
}

.dash_banner__popuplink.dash_banner__popuppanelslider .sme_acctslider__prev {
  position: absolute;
  left: 15px;
}

.dash_banner__popuplink.dash_banner__popuppanelslider .sme_acctslider__next {
  position: absolute;
  right: 15px;
}

.dash_banner__popuppanel .slick-dots li button:before {
  font-size: 8px;
  opacity: 1;
  color: var(--qnb-foreground-inverse);
}

.dash_banner__popuppanel .slick-dots li.slick-active button:before {
  color: var(--sec-btn-color);
}

.dash_banner__popuplink .dash_banner__popup {
  height: 100%;
  width: 100%;
  border-radius: 0px;
}

.dash_banner__popup {
  position: relative;
  transition: 0.3s;
  height: 400px;
  width: 600px;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 var(--qnb-border-strong);
  z-index: 100;
  background: var(--qnb-background);
  padding: 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.dash_banner__popup p {
  flex-grow: 1;
  overflow-y: auto;
  max-height: 100%;
  margin: 0;
  padding-right: 10px;
}

.dash_banner__popupclose {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.dash_banner__popuphide {
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--qnb-primary);
  background-color: var(--qnb-background);
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-md);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  z-index: 100;
}

.dash_banner__popuplink .dash_banner__popuphide {
  background-color: var(--qnb-secondary);
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-md);
  height: 40px;
  width: 40px;
  color: var(--qnb-foreground-inverse);
  font-size: 20px;
  top: 15px;
  right: 15px;
}

.dash_banner__popupoverlay {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--qnb-background-inverse);
}

.dash_banner__popuppanelslider .slick-slider {
  position: relative;
  z-index: 99;
  width: 600px;
}

.dash_banner__popuplink.dash_banner__popuppanelslider .slick-slider,
.dash_banner__popuplink .dash_banner__popupcontainer {
  width: 100%;
  height: 100%;
}

.dash_banner__popuplink.dash_banner__popuppanelslider .slick-list,
.dash_banner__popuplink.dash_banner__popuppanelslider .slick-track,
.dash_banner__popuplink.dash_banner__popuppanelslider .slick-slide>div {
  height: 100%;
}

.dash_banner__popupcontainer {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
}

/* END OF DASHBOARD BANNER */

.ae_bottom__buttons {
  position: fixed;
  bottom: 0px;
  box-shadow: none;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 40px 30px;
  background: var(--main-bg-color);
  z-index: 99;
  left: 330px;
  width: calc(100% - 330px);
}

.white__bg .ae_bottom__buttons {
  background: var(--qnb-background);
}

.ae_bottom__buttons .f4Button {
  width: 200px;
}

.modal_form__panel>.row {
  margin-bottom: 30px;
}

.lv_customtxt__viewer {
  font-size: 14px;
  font-weight: 600;
}

.lv_customtxt__viewer>div:nth-child(2) {
  color: var(--placeholder-color);
  font-weight: 500;
  font-size: 12px;
}

.bob_main__panel {
  width: 100%;
  min-height: 100vh;
}

.bob_mainleft__bar {
  width: 110px;
  height: 100%;
  background: var(--qnb-background);
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  padding: 25px 0;
}

.bob_mainleft__barlogo {
  margin-bottom: 35px;
  cursor: pointer;
}

.bob_mainleft__barlogo>img {
  /* height: 25px; */
  width: 90px;
}

.bob_mainright__panel {
  padding-left: 110px;
  display: flex;
}

.bob_main__navbar {
  position: sticky;
  top: 0;
  width: 100%;
  height: 80px;
  background: var(--qnb-background);
  z-index: 99;
  border-bottom: 1.3px solid var(--qnb-border);
  padding: 10px 25px;
  display: flex;
  align-items: center;
}

.bob_main__navbarleft {
  width: 35%;
}

.bob_nav__hdrtitle {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
}

.bob_nav__hdrtitle>.bob_mini__circlebtn {
  font-size: 20px;
  margin-right: 15px;
  margin-left: -5px;
}

.bob_nav__backicon {
  display: block;
  width: 28px;
  height: 28px;
}

.bob_main__navbarright,
.bob_main__nbbtns {
  display: flex;
  align-items: center;
}

.bob_main__nbbtns {
  position: relative;
}

.bob_main__navbarright {
  width: 65%;
  justify-content: flex-end;
}

.bob_main__nbnbitem {
  width: 65px;
  height: 65px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: var(--qnb-primary);
  border-radius: 10px;
  position: relative;
  transition: 0.5s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 15px;
}

.bob_main__nbnbitem:hover,
.bob_main__nbnbitemalt {
  background: var(--light-hover-color);
}

.bob_corpusr__dtl {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-left: 1px solid var(--qnb-border-subtle);
  padding-left: 20px;
  margin-left: 5px;
  justify-content: center;
  margin-right: 20px;
}

.bob_corpusr__dtl>div:first-child {
  color: var(--qnb-primary);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  min-width: 115px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* display: -ms-flexbox; */
  word-break: break-word;
}

.bob_corpusr__dtl span {
  font-weight: 700;
}

.bob_corpusr__dtl>div:nth-child(2) {
  color: var(--light-text-color);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
}

.bob_main__nbnbitem::before {
  position: absolute;
  content: '';
  top: auto;
  bottom: auto;
  left: -7.5px;
  width: 1px;
  background: var(--qnb-border);
  height: 35px;
}

.bob_main__nbnbitem:first-child:before {
  display: none;
}

.bob_main__nbcorp {
  display: flex;
  align-items: center;
  border: 1.3px solid var(--qnb-border);
  border-radius: 10px;
  background-color: var(--qnb-background);
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 15px;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
  max-width: 400px;
}

.bob_main__nbcorp:hover {
  background: var(--light-hover-color);
}

.bob_main__nbcorpalt {
  cursor: auto;
}

.bob_main__nbcorpalt:hover {
  background: var(--qnb-background);
}

.bob_main__nbcorp>img {
  height: 30px;
  width: 30px;
  -o-object-fit: contain;
  object-fit: contain;
}

.bob_main__nbcorp>div {
  width: calc(100% - 30px);
  padding-left: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 17px;
}

.bob_main__nbcorp>i {
  margin-left: 10px;
}

.menu_search__section {
  width: 60%;
}

.menu_search__sectioninput {
  position: relative;
}

.menu_search__sectioninput .react-autosuggest__input {
  height: 40px;
  background: var(--search-input-bg);
  border-color: transparent;
  padding-left: 45px;
  text-overflow: ellipsis;
}

.menu_search__sectioninput .react-autosuggest__input::-moz-placeholder {
  color: var(--search-input-placeholder);
}

.menu_search__sectioninput .react-autosuggest__input::placeholder,
.menu_search__sectioninput .react-autosuggest__input::-moz-placeholder,
.menu_search__sectioninput .react-autosuggest__input::-webkit-input-placeholder {
  color: var(--search-input-placeholder);
}

.menu_search__sectioninput>img {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  pointer-events: none;
}

.bob_mainleft__barbtns {
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.bob_mainleft__barbtnstop {
  /* height: 140px; */
}

.bob_mainleft__barmenu {
  height: calc(100% - 280px);
  padding: 10px 0;
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bob_mainleft__barmenu:hover {
  overflow-y: auto;
}

.bob_mainleft__barbtnsbot {
  height: 140px;
}

.bob_mainleft__btn {
  position: relative;
  width: 80px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--qnb-foreground-inverse);
  border-radius: 12px;
  transition: 0.5s;
  font-size: 12px;
  cursor: pointer;
}

.bob_mainleft__btninactive {
  color: var(--inactive-menu);
}

.bob_mainleft__btnalt {
  color: var(--qnb-primary);
}

.bob_mainleft__btn:hover,
.bob_mainleft__btnalt {
  background: var(--qnb-secondary-hover);
}

.bob_mainleft__btnalt>img {
  filter: grayscale(100%) invert(52%) sepia(88%) saturate(899%) hue-rotate(321deg) brightness(94%) contrast(111%);
}

.bob_mainleft__btn>div {
  margin-top: 3px;
  line-height: 16px;
}

.bob_mainleft__barbtns>div>.bob_mainleft__btn {
  margin-bottom: 10px;
}

.bob_mainleft__barbtns>div>.bob_mainleft__btn:last-child {
  margin-bottom: 0;
}

.bob_mainleft__btnprofile>img {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bob_mainright__menupanel {
  width: 275px;
  height: 100vh;
  transition: 0.5s;
  position: relative;
  z-index: 99;
}

.bob_mainmenu__panel {
  height: 100%;
  padding: 35px 25px;
  position: fixed;
  width: 275px;
  background: var(--qnb-secondary);
  transition: 0.5s;
}

.bob_mainbody__panel {
  width: calc(100% - 275px);
  transition: 0.5s;
}

.bob_main__panelclps .bob_mainright__menupanel,
.bob_main__panelclps .bob_mainmenu__panel {
  width: 0px;
  padding: 0px;
}

.bob_main__panelclps .bob_mainbody__panel {
  width: 100%;
}

.bob_mainmenu__panel>div {
  opacity: 1;
  transition: 0.3s;
  transition-delay: 0.3s;
  height: 100%;
}

.bob_main__panelclps .bob_mainmenu__panel>div {
  opacity: 0;
  pointer-events: none;
  transition: 0.1s;
  transition-delay: 0s;
}

.bob_mainmenu__section {
  height: 100%;
}

.bob_mainmenu__sectionhdr {
  color: var(--qnb-foreground-inverse);
  font-size: 22px;
  font-weight: 700;
  height: 35px;
  margin-bottom: 10px;
}

.bob_mainmenu__sectionbody {
  height: calc(100% - 45px);
  overflow: hidden;
  margin: 0 -15px;
  padding: 0 15px;
}

.bob_mainmenu__sectionbody:hover {
  overflow-y: auto;
}

.bob_mainmenu__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px;
  color: var(--qnb-foreground-inverse);
  margin: 0 -15px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.5s;
  min-height: 60px;
  font-weight: 500;
  font-size: 15px;
}

.bob_mainmenu__item:hover {
  background: var(--qnb-secondary-hover);
}

.bob_mainmenu__itemalt {
  padding: 0 20px;
}

.bob_mainmenu__item>div {
  width: calc(100% - 28px);
  width: 100%;
  padding-left: 0px;
}

.bob_mainmenu__itemalt>img {
  display: none;
}

.bob_mainmenu__itemalt>i {
  width: 28px;
  height: 28px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--placeholder-color-alt);
}

.bob_mainmenu__itemsel {
  color: var(--qnb-foreground-inverse);
}

.bob_mainmenu__item::after {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  bottom: 0px;
  height: 1px;
  background: var(--qnb-background-inverse);
}

.bob_mainmenu__item:last-child:after {
  display: none;
}

.bob_mainmenu__item>img {
  margin-right: 10px;
  filter: brightness(100);
}

.bob_mainmenu__itemsel>img {
  filter: brightness(100);
}

.bob_mainmenu__bc .breadcrumb {
  background: transparent;
  font-size: 14px;
  padding: 10px 7px;
  margin: 0;
  border-bottom: 1px solid var(--qnb-border);
  border-radius: 0px;
}

.bob_panel__templatemain {
  display: flex;
}

.bob_panel__template {
  width: 100%;
}

.bob_panel__templatemainalt.bob_panel__templatehr .bob_panel__template {
  width: 100%;
}

.bob_panel__tmpchildren {
  padding: 40px 100px 120px;
}

.bob_panel__templatemainview .bob_panel__tmpchildren,
.bob_panel__templatemaininq .bob_panel__tmpchildren,
.bob_panel__templatemainfv .bob_panel__tmpchildren {
  padding: 20px 5px 120px;
}

.bob_panel__templatemainrm .bob_panel__tmpchildren {
  padding: 40px 100px 160px;
}

.bob_panel__templatemainview.bob_panel__templatemainrm .bob_panel__tmpchildren,
.bob_panel__templatemaininq.bob_panel__templatemainrm .bob_panel__tmpchildren,
.bob_panel__templatemainfv.bob_panel__templatemainrm .bob_panel__tmpchildren {
  padding: 20px 5px 160px;
}

.bob_tmpright__panel {
  width: 420px;
  position: fixed;
  right: 0;
  top: 80px;
  height: calc(100% - 80px);
  padding: 20px 0;
  overflow: hidden;
  z-index: 10;
}

.bob_tmpright__panel:hover {
  overflow-y: auto;
}

.bob_panel__templatehr .bob_tmpright__panel {
  width: 0px;
  padding: 0px;
}

.bob_panel__templatemainhs .bob_tmpright__panel {
  /* height: calc(100% - 150px); */
}

.bob_panel__templatemainrm .bob_tmpright__panel {
  height: calc(100% - 220px);
  /* height: calc(80% - 80px); */
}

.bob_panel__stepsection {
  color: var(--stepper-color);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.bob_view__panel {
  position: relative;
}

.bob_view__hdractions {
  position: absolute;
  right: 20px;
  top: 13px;
}

.bob_view__panelud .bob_view__panelchldrn {
  display: flex;
  align-items: flex-start;
}

.bob_view__panelud .bob_view__panelchldrnm {
  width: calc(100% - 400px);
}

.bob_view__altimg {
  display: flex;
  gap: 15px;
}

.bob_generic__formhdr {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
}

.bob_generic__formhdr>div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--subhdr-color);
}

.bob_generic__portlet {
  position: relative;
  background: var(--qnb-background);
  border-radius: 10px;
  border: 1px solid var(--qnb-border);
  margin-bottom: 15px;
}

.bob_generic__portlet:last-child {
  margin-bottom: 0px;
}

.bob_generic__portlethdr {
  padding: 15px 20px;
  border-bottom: 1px solid var(--qnb-border);
  font-size: 18px;
  font-weight: 600;
}

.pab_settings__panel .bob_generic__portlethdr {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.pab_settings__panel .bob_generic__portlethdr>div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  margin-top: 9px;
}

.bob_view__portlettbl .bob_generic__portlethdr,
.bob_view__portlettblopt .bob_generic__portlethdr {
  border-bottom: none;
}

.bob_view__portlettblgrp .bob_generic__portlethdr {
  border-bottom: 1px solid var(--qnb-border);
}

.bob_view__portlettblopt .bob_generic__portlethdr {
  margin-bottom: -60px;
}

.bob_generic__portlethdr>div:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  margin-top: 3px;
}

.bob_generic__portletchildren {
  padding: 20px;
}

.bob_generic__portletchildren>.row,
.bob_generic__portletchildren>.row>div>.row {
  margin-bottom: 20px;
}

.bob_generic__portletchildren>.row:last-child,
.bob_generic__portletchildren>.row>div>.row:last-child {
  margin-bottom: 0px;
}

.bob_view__field::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: var(--qnb-border);
}

.bob_viewfield__wimg .bob_view__fieldvalue {
  display: flex;
  align-items: center;
  gap: 7px;
}

.bob_viewfield__wimg .bob_view__fieldvalue>img {
  height: 25px;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 25px;
}

.bob_view__field:last-child::after {
  display: none;
}

.bob_view__fieldlabel {
  margin-bottom: 2px;
  color: var(--field-label-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.bob_view__fieldlabel__blank .bob_view__fieldlabel{
  min-height: 16px;
}

.bob_view__fieldvalue {
  font-size: 15px;
  font-weight: 500;
  white-space: pre-wrap;
}

.bob_view__portletbody {
  padding: 10px 20px;
}

.bob_view__portlettbl .bob_view__portletbody,
.bob_view__portlettblopt .bob_view__portletbody {
  padding: 10px 0 0;
}

.bob_view__portletbody>.row {
  margin-right: -20px;
  margin-left: -20px;
  padding: 10px 0;
}

.bob_view__portletbody>.row>div {
  padding: 0 20px;
  min-height: 40px;
}

.bob_view__portletbody>.row::after {
  content: '';
  position: relative;
  left: 20px;
  bottom: -20px;
  height: 1px;
  background: var(--qnb-border);
  width: calc(100% - 40px);
}

.bob_view__portletbody>.row:last-child::after {
  opacity: 0;
}

.step_wizard__panel {
  padding: 0 115px;
  position: fixed;
  bottom: 0;
  height: 100px;
  display: flex;
  align-items: center;
  background: linear-gradient(transparent 10%, var(--main-plain-bg) 15%);
  left: 110px;
  width: calc(100% - 110px);
  z-index: 97;
  transition: 0.5s;
}

.step_wizard__panelwfwr {
  height: 140px;
  padding: 0px !important;
}

.bob_panel__templatemainsm .step_wizard__panel {
  left: 385px;
  width: calc(100% - 385px);
}

.bob_view__panelud .step_wizard__panel {
  width: calc(100% - 785px);
}

.bob_mainright__childmenuclps .bob_view__panelud .step_wizard__panel {
  /* width: calc(100% - 510px); */
  width: calc(100% - 110px);
}

.bob_panel__templatemainview .step_wizard__panel,
.bob_panel__templatemaininq .step_wizard__panel,
.bob_panel__templatemainfv .step_wizard__panel {
  padding: 0 20px;
}

.step_wizard__main,
.step_wizard__maincnt {
  width: 100%;
}

.step_wizard__main--ack {
  justify-content: center;
}

.step_wizard__main--ack .step_wizard__btn--ack {
  width: 400px;
  padding-left: 0;
}

.step_wizard__main--ack>.step_wizard__maincnt>div {
  width: 100%;
  justify-content: center;
}

.step_wizard__maincnt {
  display: flex;
  align-items: center;
}

.step_wizard__panelwfwr .step_wizard__maincnt {
  height: 70px;
  border-top: 1px solid var(--qnb-border);
  background: var(--qnb-background);
  padding: 0 20px;
}

.step_wizard__maincnt>div {
  width: 50%;
  display: flex;
  align-items: center;
}

.step_wizard__right {
  justify-content: flex-end;
}

.web_approval_label__off {
  display: flex;
  justify-content: center;
  padding: 12px;
  font-weight: 600;
  background-color: var(--qnb-background);
  border-radius: 10px;
  font-size: 15px;
}

.web_approval_label__off img {
  margin-right: 10px;
}

.step_wizard__btn {
  width: 210px;
  padding-left: 10px;
}

.step_wizard__btnback {
  padding-left: 0px;
}

.step_wizard__btnback>button {
  width: 100%;
}

.step_wizard__wfremarks {
  width: 100%;
  padding-right: 10px;
}

.step_wizard__wfremarks .f4InputField {
  height: 45px;
  background-color: var(--qnb-background);
}

.step_wizard__wfremarks .field_info__btn {
  top: 8px;
  right: 18px;
}

.newlook_abstract {
  display: flex;
  align-items: center;
  line-height: 17px;
}

.newlook_amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.generic_tblcol__tworows,
.newlook_amount,
.newlook_link,
.newlook_abstract {
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
}

.newlook_abstract {
  font-weight: 500;
}

.newlook_link {
  display: flex;
  align-items: center;
  color: var(--qnb-link);
  line-height: 17px;
  cursor: pointer;
  transition: 0.5s;
  font-weight: 700;
}

.dbcr_amount__viewer {
  display: flex;
  align-items: center;
}

.generic_tblcol__tworows>div:nth-child(2) {
  color: var(--table-col-sublbl);
  font-size: 13px;
  font-weight: 500;
}

.f4newlistview_field .newlook_link {
  padding: 0px;
}

.newlook_link:hover {
  color: var(--sec-btn-hover);
}

.view_amt__formattedwc {
  display: flex;
  text-align: right;
}

.view_amt__formattedwc>span {
  font-size: 14px;
  margin-right: 3px;
  word-break: normal;
  line-height: 1.2;
  margin-top: 1px;
}

.acct_widget__sectblbody .view_amt__formattedwc>span {
  /* font-weight: 800; */
  /* disable bold, align with what's shown in account portfolio */
}

.acct_widget__sectblbody .view_amt__formatted>span:last-child {
  /* font-weight: 800; */
  /* disable bold, align with what's shown in account portfolio */
}

.promo_code__total .view_amt__formattedwc>span {
  font-weight: 900 !important;
}

.promo_code__total .view_amt__formatted>span:first-child {
  font-weight: 700 !important;
}

.view_amt__formatted {
  line-height: 1.2;
}

.bob_upload__dtlitem .view_amt__formatted>span:last-child {
  font-weight: 600;
}

.promo_code__total .view_amt__formatted>span:last-child {
  font-weight: 900;
}

.charge__dtl .view_amt__formatted>span:last-child {
  font-weight: 700;
}

.charge__dtl .view_amt__formatted>span:first-child {
  font-weight: 600;
}

.status_col__viewer {
  display: flex;
  align-items: center;
}

.status_col__viewer>img {
  height: 15px;
  width: 15px;
}

.status_col__viewer>div {
  width: calc(100% - 15px);
  padding-left: 7px;
  margin-top: 1px;
}

.status_col__viewer>img {
  margin: 1px;
  overflow: visible;
}

.generic_txnpromo__panel {
  background: var(--qnb-background);
  border-radius: 10px;
  border: 1px solid var(--qnb-border);
  margin-top: 15px;
  padding: 20px;
}

.generic_txnpromo__panel_alt {
  background: var(--qnb-background);
  border-top: 1px solid var(--qnb-border);
  margin-top: 15px;
  padding: 20px 0;
}

.promo_code__hdr {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.generic_txnpromo__bd {
  background: var(--charges-bg);
  border-radius: 10px;
  padding: 20px;
}

.promo_code__bditem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.promo_code__bditem>div:first-child {
  color: var(--charges-label);
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.promo_code__bditem>div:first-child>div:nth-child(2) {
  position: relative;
  margin-left: 10px;
  cursor: pointer;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  transition: 0.5s;
}

.promo_code__bditem>div:first-child>div:nth-child(2):hover {
  background: var(--qnb-selection);
}

.promo_code__bditem>div:last-child {
  font-weight: 600;
}

.generic_txnpromo__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  border-top: 2px solid var(--hdr-color);
  padding-top: 20px;
  font-weight: 500;
}

.generic_txnpromo__total>div:nth-child(2) {
  font-weight: 700 !important;
}

.bob_instr__section {
  background: var(--qnb-background);
  border-radius: 10px;
  border: 1px solid var(--qnb-border);
  margin-top: 15px;
  overflow: hidden;
  display: flex;
}

.bob_instr__sectionalt {
  display: flex;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid var(--instr-color); /* instr color for base, blue in bizlink */
  border-radius: 8px;
  background-color: var(--instr-bg); /* instr bg for base, blue in bizlink */
}

.bob_instr__sectionalt__mobile {
  display: flex;
  align-items: flex-start;
  padding: 7px 10px;
  border-radius: 8px;
  background-color: var(--instr-bg);
  margin-left: -15px;
  margin-right: -15px;
}

.bob_instr__sectionalt__mobile .bob_instr__grp {
  padding: 5px 15px;
}

.bob_instr__sectionalt>div:first-child {
  display: flex;
}

.bob_instr__sectionalt>.bob_instr__grp {
  padding: 0;
  margin-left: 12px;
}

.bob_instr__grp {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
  justify-content: center;
  padding: 10px 15px;
}

.bob_instr__hdr {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.bob_instr__subhdr {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.bob_ack__hdr {
  background: url("/fo/images/Transactional Ack BG.9d444bab.svg") no-repeat;
  background-size: cover;
  padding: 15px 15px 15px 20px;
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

.bob_ack__hdr:has(.bob_ackhdr__top) {
  padding: 15px 20px;
}

.bob_ackhdr__top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bob_ackhdr__refno {
  width: -moz-max-content;
  width: max-content;
  border-radius: 0 8px 8px 0;
  background-color: var(--qnb-background);
  box-shadow: 2px 2px 8px 0 var(--qnb-overlay-white);
  margin-left: -20px;
  font-size: 15px;
  font-weight: 600;
  padding: 7px 15px;
}

.bob_ackactions__button {
  padding: 0px;
  height: 35px;
  width: 35px;
  background: var(--qnb-primary);
}

.bob_ackactions__button:hover {
  background: var(--qnb-primary);
}

.bob_ackhdr__dtls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.bob_ackhdr__dtl>img {
  height: 60px;
  width: 60px;
}

.bob_ackhdr__dtl {
  display: flex;
  align-items: center;
}

.bob_ackhdr__dtl>div {
  width: calc(100% - 60px);
  padding-left: 20px;

  font-size: 26px;
  font-weight: 600;
}

.bob_ack__hdrprc .bob_ackhdr__dtl>div {
  color: var(--process-color);
}

.bob_ack__hdrprc .bob_ackhdr__dtl>div>div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  color: var(--qnb-foreground-secondary);
}

.txn_stattrl__section {
  background: var(--txn-right-bg);
  border-radius: 13px;
  padding: 15px;
}

.txn_status__section,
.txn_trail__section {
  border-radius: 10px;
  background-color: var(--qnb-background);
  border: 1px solid var(--qnb-border);
  margin-bottom: 10px;
}

.txn_trail__section {
  transition: 0.5s;
  position: relative;
}

.txn_status__sechdr,
.txn_trail__hdr {
  font-size: 17px;
  font-weight: 600;
  border-bottom: 1px solid var(--qnb-border);
  padding: 10px 15px;
  line-height: 1.2;
}

.txn_status__secbody,
.txn_trail__prevandstat,
.txn_trail__list {
  padding: 0 15px;
}

.txn_statref__hdr {
  background: var(--qnb-background-muted);
  color: var(--qnb-success);
  display: flex;
  align-items: center;
  border-radius: 13px 13px 0 0;
  margin: -15px -15px 15px;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 600;
}

.txn_statref__hdr>div {
  width: calc(100% - 15px);
  padding-left: 10px;
  line-height: 18px;
}

.txn_status__secitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 47px;
  padding: 0 0;
  border-bottom: 1px solid var(--qnb-border);
}

.txn_status__secitem:last-child {
  border-bottom: none;
}

.txn_status__secitem>div:first-child {
  color: var(--sub-text-coloralt);
  font-size: 13px;
  font-weight: 500;
  flex: 3;
}

.txn_status__secitem .status_col__viewer>div {
  font-weight: 600;
}

.txn_status__secitem>div:last-child {
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  flex: 5;
  display: flex;
  justify-content: flex-end;
  word-break: break-word;
}

.txn_trail__hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  /* height: 60px; */
}

.txn_trail__prevstatus {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
}

.txn_trail__prevstatus>div {
  width: calc(100% - 15px);
  padding-left: 10px;
  font-weight: 600;
}

.txn_trail__prevandstat {
  padding-top: 20px;
}

.txn_trail__preview {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.txn_trail__previtem {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 0 5px 5px;
}

.txn_trail__previtem>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.txn_trail__list {
  margin-top: 20px;
  /* margin-top: 6px; */
  padding-bottom: 15px;
  transition: 0.3s;
}

.txn_trail__sectionclps .txn_trail__list {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
}

.txn_trail__card {
  background: var(--qnb-background);
  border: 1.5px solid var(--qnb-border);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px;
}

.txn_trail__card:last-child {
  margin-bottom: 0px;
}

.txn_trail__cardstat {
  border-radius: 9px;
  color: var(--qnb-foreground-inverse);
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.txn_trail__cardstat>div:first-child {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: var(--qnb-background);
}

.txn_trail__cardstat>div:last-child {
  width: calc(100% - 7px);
  padding-left: 5px;
}

.txn_trail__carddtls {
  display: flex;
  align-items: flex-start;
}

.txn_trail__carddtls>img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.txn_trail__cardfuncdscp {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 7px;
}

.txn_trail__cardnmdt {
  width: calc(100% - 30px);
  padding-left: 10px;
}

.txn_trail__cardnmdt>div:first-child {
  font-size: 13px;
  font-weight: 600;
}

.txn_trail__cardnmdt>div:last-child {
  font-size: 10px;
  font-weight: 500;
  color: var(--sub-label-color);
}

.txn_trail__showpossbtn {
  padding: 0 15px;
  margin-top: 10px;
}

.txn_trail__showpossbtn .bob_btn__link {
  height: 40px;
  border-radius: 10px;
  width: 100%;
  font-weight: 500;
  margin: 0px;
}

.possible_auth__modal {
  width: 65%;
}

.possible_auth__modal .f4ModalHeader {
  height: 110px;
}

.possible_auth__modal .f4ModalBody {
  height: calc(100% - 110px);
}

.possible_auth__modalhdr {
  font-size: 26px;
}

.possible_auth__modalhdr>div:last-child {
  font-size: 16px;
  font-weight: 500;
}

.possible_path__selector {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -10px;
}

.possible_auth__list {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--qnb-border);
}

.possible_path__selitem {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: 5px 10px;
  display: flex;
  align-items: center;
  border: 1px solid var(--qnb-border);
  border-radius: 8px;
  background-color: var(--qnb-background);
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  padding: 5px 0px;
  cursor: pointer;
}

.possible_path__selitemalt,
.possible_path__selitem:hover {
  border: 2px solid var(--qnb-border-strong);
}

.possible_path__slp {
  border-radius: 5px;
  background-color: var(--qnb-background-muted);
  padding: 10px;
  margin: 0 5px;
  font-size: 17px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.possible_path__slp>span:first-child {
  font-size: 12px;
  font-weight: 500;
  margin-right: 15px;
}

.possible_path__slpcheck {
  height: 15px;
  width: 15px;
  background: var(--qnb-background);
  border-radius: 50%;
  color: var(--qnb-foreground-inverse);
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
}

.possible_path__selitemalt .possible_path__slpcheck {
  background: var(--qnb-background);
}

.possible_auth__user {
  display: flex;
  align-items: center;
}

.possible_auth__user>div:first-child {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qnb-selection);
}

.possible_auth__user>div:first-child>img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.possible_auth__user>div:last-child {
  width: calc(100% - 30px);
  padding-left: 15px;
  font-size: 14px;
  font-weight: 600;
}

.dbt_amt__chargemodal {
  width: 35%;
  height: 50%;
}

.view_charge__total {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  height: 55px;
  align-items: center;
  border-top: 2px solid var(--qnb-primary);
}

.view_charge__total>div:first-child {
  font-size: 14px;
  font-weight: 500;
  color: var(--sub-hdr-color);
}

.view_charge__total>div:last-child {
  font-weight: 700;
  display: flex;
}

.view_charge__total>div:last-child>span {
  font-size: 10px;
  margin-top: 3px;
  margin-right: 5px;
}

.acct_card__view {
  position: relative;
  min-height: 140px;
  border-radius: 15px;
  background: url("/fo/images/Card BG.61e3058f.svg") no-repeat;
  background-size: auto;
  background-size: cover;
  color: var(--qnb-foreground-inverse);
  padding: 15px 15px 15px 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.acct_card__border,
.acct_selfield__phborder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--qnb-background);
}

.acct_card__dtls>div:first-child,
.acct_card__avbal>div:first-child,
.acct_card__viewalt .acct_card__dtlsalt>div:last-child {
  font-size: 11px;
  font-weight: 500;
  color: var(--qnb-foreground-muted);
}

.acct_card__dtls>div:last-child,
.acct_card__avbal>div:last-child {
  font-weight: 600;
}

.acct_card__viewalt .acct_card__dtlsalt>div:first-child,
.acct_card__viewalt .acct_card__dtlsalt>div:last-child {
  font-size: 13px;
  font-weight: 500;
}

.acct_card__dtlsalt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.acct_card__avbal {
  margin-top: 30px;
}

.acct_card__viewalt .acct_card__avbal,
.acct_card__viewcust .acct_card__avbal {
  margin-top: 0px;
}

.acct_card__viewalt .acct_card__avbal>div:first-child {
  margin-bottom: 5px;
}

.acct_view__field {
  display: flex;
  align-items: center;
}

.acct_view__fieldexp {
  flex-direction: column;
  padding-right: 25px;
  position: relative;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  min-width: 240px;
  max-width: 90%;
}

.acct_view__fielditem {
  flex: 1;
}

.acct_view__fieldexp .acct_view__fielditem {
  padding-bottom: 30px;
  position: relative;
  flex: unset;
}

.acct_view__fieldarr {
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1.5px dashed var(--qnb-primary);
  margin: 0 -15px;
  z-index: 1;
}

.acct_view__fieldarr>div {
  border: 0.3px solid var(--qnb-border-subtle);
  background-color: var(--qnb-background);
  box-shadow: 0 1px 14px 0 var(--qnb-shadow-lg);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.acct_view__fieldarrexp {
  position: absolute;
  top: 40px;
  left: 20px;
  height: calc(100% - 40px);
  border-left: 1px dashed var(--qnb-primary);
}

.acct_selector__fieldcust .accountselector_itemvalue .acct_card__viewalt {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  min-height: unset;
  border-radius: 11px;
}

.acct_selector__field:has(.asF4FormValidate_validation-state-error) .f4FormFieldLabel {
  color: var(--required-color);
}

.bob_txnamount__field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  width: 100%;
  border-radius: 13px;
  background: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  padding: 10px 20px;
}

.bob_txnamount__field>div:first-child {
  font-size: 15px;
  font-weight: 500;
}

.bob_txnamount__field>div:last-child {
  font-weight: 700;
}

.fo-norecordspanel>img {
  height: 90px;
}

.fo-norecordspanel>div {
  font-size: 16px;
  margin-top: 5px;
  color: var(--no-records-label);
  font-weight: 500;
}

.no_records__wholepage {
  min-height: 500px;
  width: 100%;
}

.no_records__wholepage>img {
  height: 150px;
}

.no_records__wholepagetext>div:first-child {
  font-weight: 600;
  font-size: 19px;
  color: var(--hdr-color);
}

/** Compare Plans **/
.bobcpsh {
  text-align: center;
  margin-bottom: 35px;
}

.bobcpsh>div:first-child {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 37px;
  margin-bottom: 10px;
}

.bobcpsh>div:last-child {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}

.bobcpsb {
  margin: 0 -10px;
  display: flex;
}

.bobcpspl {
  position: relative;
  flex: 1;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 0.5px solid var(--qnb-border-subtle);
  border-top-width: 10px;
  border-radius: 10px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
  padding: 0 10px;
}

.bobcpsplb {
  border-top-color: var(--qnb-border-strong) !important;
}

.bobcpspla {
  border-top-color: var(--qnb-border-strong) !important;
}

.bobcpsplp {
  border-top-color: var(--qnb-border-strong) !important;
}

.bobcpsplh {
  display: flex;
  align-items: center;
  padding: 20px 10px;
  border-bottom: 1px solid var(--qnb-border-subtle);
}

.bobcpsplh>img {
  height: 60px;
  width: 45px;
}

.bobcpsplh>div:nth-child(2) {
  width: calc(100% - 45px);
  padding-left: 20px;
  font-size: 20px;
  font-weight: 600;
}

.bobcpsplhbv {
  position: absolute;
  right: 0;
  top: 15px;
  border-radius: 100px 0 0 100px;
  background-color: var(--qnb-background-muted);
  color: var(--qnb-chart-series-2);
  font-size: 13px;
  font-weight: 500;
  padding: 2px 10px 2px 15px;
}

.bobcpsplinfo {
  padding: 15px 10px;
}

.bobcpsplitem {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}

.bobcpsplitem>div {
  width: calc(100% - 28px);
  padding-left: 10px;
}

.bobcpsplamt {
  border-radius: 0 0 10px 10px;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

.bobcpsplb .bobcpsplamt {
  background-color: var(--qnb-background-muted);
}

.bobcpspla .bobcpsplamt {
  background-color: var(--qnb-background-muted);
}

.bobcpsplp .bobcpsplamt {
  background-color: var(--qnb-background-muted);
}

.bobcpsplamt>span:first-child {
  font-size: 12px;
  margin-top: 4px;
  margin-right: 5px;
  font-weight: 700;
}

.bobcpsplamt>span:last-child {
  font-size: 18px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 4px;
  font-weight: 700;
}

/** Compare Plans **/

.holding_corp__modal {
  width: 35%;
  height: 45%;
}

.holding_corp__modal .f4ModalHeader {
  height: 105px;
}

.holding_corp__modalhdr>div:last-child {
  font-size: 16px;
  font-weight: 500;
}

.holding_corpmodal__singleselect {
  z-index: 10000 !important;
  position: relative;
}

.holding_corp__modal .f4ModalBody {
  height: calc(100% - 180px);
  overflow: visible;
}

.holding_corp__modal .f4ModalFooter .f4ButtonGroup>span {
  width: 100%;
}

.f4datatable_filterbtn,
.table_selection__btn {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.4s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    background-color 0.4s ease;
  position: relative;
  cursor: pointer;
}

.template_table__containersf .f4datatable_filterbtn {
  /* background: var(--qnb-selection); */
}

.f4datatable_optionButtonsRight>.f4OptionsPopOverButton+.f4datatable_filterbtn {
  margin-left: 20px;
}

.f4datatable_filterbtn>div {
  display: none;
}

.f4OptionsPopOverButton .actionchoice-btnicon {
  background: transparent;
  box-shadow: none;
  border-radius: 8px;
}

.f4OptionsPopOverButton .actionchoice-btnicon.f4ButtonFlat:hover,
.f4datatable_filterbtn:hover,
.table_selection__btn:hover {
  background: var(--main-plain-bg);
  transform: unset;
}

.table_selection__btndisabled {
  cursor: not-allowed;
}

.table_selection__btndisabled>img {
  opacity: 0.3;
}

.tbl_dl__options .actionchoice-optitem>div:first-child {
  margin-right: 0px;
}

.tbl_dl__options .actionchoice-optitem>div:first-child>i {
  font-weight: 500;
}

.datatable_options__section {
  padding: 15px 10px;
  position: relative;
}

.datatable_options__section:first-child {
  padding-top: 10px;
}

.datatable_options__section:last-child {
  padding-bottom: 10px;
}

.datatable_options__section::after {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: 0;
  height: 1px;
  background: var(--qnb-border);
}

.datatable_options__section:last-child:after {
  display: none;
}

.datatable_options__sectionhdr {
  color: var(--field-label-color);
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 15px;
  display: none;
}

.datatable_optdrop_item {
  margin: 0 -10px;
}

.datatable_optdrop_item>div:first-child>img {
  height: 25px;
  width: 25px;
}

.datatable_templates__savebtn>button {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  font-size: 15px;
}

.addDisplayTemplateModal {
  width: 35% !important;
  height: 45% !important;
}

.datatable_templates__list {
  margin-bottom: 20px;
}

.datatable_templates__item {
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: var(--qnb-background);
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  min-height: 50px;
  width: 100%;
  border: 1px solid var(--qnb-border);
  margin-bottom: 10px;
  cursor: pointer;
  transition: 0.5s;
}

.datatable_templates__item:hover,
.datatable_templates__itemalt {
  background: var(--qnb-selection);
  border-color: var(--qnb-accent);
}

.datatable_templates__item>div:first-child {
  width: 40px;
  min-height: 46px;
  padding: 0 0 0 10px;
  display: flex;
  align-items: center;
}

.datatable_templates__item>div:first-child>img {
  height: 28px;
  width: 28px;
}

.datatable_templates__item>div:nth-child(2) {
  width: calc(100% - 40px);
  min-height: 46px;
  padding: 5px 10px 5px 5px;
  line-height: 20px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: 0.5s;
}

.datatable_templates__item:hover>div:nth-child(2) {
  width: calc(100% - 70px);
}

.datatable_templates__itemrm {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  color: var(--clear-button-color);
}

.datatable_templates__itemrm:hover {
  color: var(--clear-button-hover);
}

.datatable_templates__item:hover .datatable_templates__itemrm {
  display: flex;
}

.f4datatable-condensedtypes {
  display: flex;
  border-top: 1px solid var(--qnb-border-subtle);
  margin-top: 7.5px;
  padding-top: 20px;
  justify-content: space-between;
  flex-direction: column;
}

.f4datatable-condensedtypes>div {
  /* width: 30%; */
  height: 100%;
  /* text-align: center; */
  background: var(--column-display-unselected);
  display: flex;
  align-items: center;
  /* justify-content: center; */
  cursor: pointer;
  transition: 0.5s;
  border-radius: 5px;
  padding: 7.5px 10px;
  margin: 0 -10px;
}

.f4datatable-condensedtypes>div:hover,
.f4datatable-condensedtypes>.datatable_optctselected {
  background: var(--qnb-selection);
}

.f4datatable-condensedtypes>div>img {
  height: 25px;
  filter: invert(41%) sepia(40%) saturate(305%) hue-rotate(188deg) brightness(94%) contrast(40%);
  transition: 0.5s;
}

.f4datatable-condensedtypes>div:hover>img,
.f4datatable-condensedtypes>.datatable_optctselected>img {
  filter: unset;
}

.f4datatable-savetemp-newportal .actionchoice-options {
  width: 225px !important;
  overflow-y: auto;
  transition: 0.5s;
}

.f4datatable-savetempbtn {
  font-size: 10pt !important;
  padding: 10px 15px !important;
  border-top: 1px solid var(--qnb-border-subtle);
}

.f4datatable-savetempbtn>div:last-child {
  font-weight: 400;
}

.datatable-savetemp-item {
  display: flex;
  align-items: center;
  padding: 0px;
  transition: 0.5s;
  cursor: pointer;
  margin: 0 15px 5px;
  border-radius: 10px;
}

.datatable-savetemp-item:hover {
  background: var(--main-plain-bg);
}

.datatable-savetemp-itemalt {
  background: var(--sec-bg);
  color: var(--sec-color);
}

.datatable-savetemp-item>div:first-child {
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
  padding: 10px;
}

.datatable-savetemp-item>div:first-child>div:first-child {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--qnb-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-right: 8px;
  color: var(--qnb-foreground-inverse);
}

.datatable-savetemp-item>div:first-child>div:first-child>div {
  width: 0px;
  height: 100%;
  overflow: hidden;
  transition: 0.8s;
  /* -webkit-transition-delay: 0s; */
  /* -o-transition-delay: 0s; */
  /* transition-delay: 0s; */
  padding: 2px 0px;
  transition-delay: 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.datatable-savetemp-item>div:first-child>div:first-child>div i {
  font-weight: 600;
}

.datatable-savetemp-item>div:first-child>div:nth-child(2) {
  font-weight: 500;
  width: calc(100% - 28px);
  font-size: 14px;
  line-height: 15px;
}

.datatable-savetemp-item>div:last-child {
  width: 20px;
  padding: 12px 12px 12px 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--reject-btn-bg);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.datatable-savetemp-itemalt>div:first-child>div:first-child {
  border: 1px solid var(--sec-color);
  background: var(--qnb-background);
  color: var(--sec-color);
}

.datatable-savetemp-itemalt>div:first-child>div:first-child>div {
  width: 100%;
}

.datatable-savetemp-item:hover>div:last-child {
  opacity: 1;
  pointer-events: unset;
}

.datatable-savetemp-opt {
  padding: 0px !important;
}

.f4datatable-savetemp-newportal .datatable-savetemp-opt {
  width: 280px !important;
  padding-top: 15px !important;
}

.datatable-savetemp-opt .f4datatable-savetempbtn {
  border: 1px solid var(--qnb-border-subtle);
  margin: 15px;
  border-radius: 10px;
  margin-bottom: 15px;
  justify-content: center;
}

.datatable-savetemp-opt .f4datatable-savetempbtn>div:first-child {
  justify-content: center;
  width: unset;
  margin-right: 10px;
}

.datatable-savetemp-opt .f4datatable-savetempbtn>div:first-child>img {
  height: 18px;
  position: relative;
  top: -1px;
}

.datatable-savetemp-opt .f4datatable-savetempbtn>div:last-child {
  font-weight: 500;
  text-align: center;
  width: unset;
  color: black;
  font-size: 15px;
}

.f4datatable_optionButtonsLeft {
  display: flex;
  align-items: center;
}

.f4datatable_optionButtonsLeft>div {
  margin-left: 20px;
  position: relative;
}

.f4datatable_optionButtonsLeft>div::before {
  content: '';
  position: absolute;
  left: -10px;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background: var(--light-border-color);
}

.f4datatable_optionButtonsLeft>div:first-child:before {
  display: none;
}

.f4datatable_optionButtonsRight {
  display: flex;
}

.f4datatable_optionButtonsRight>.f4OptionsPopOverButton {
  /* border-left: 1px solid var(--light-border-color); */
  padding-left: 10px;
  margin-left: 10px;
  position: relative;
}

.f4datatable_optionButtonsRight>.f4OptionsPopOverButton::before,
.f4datatable_optionButtonsRight>.f4OptionsPopOverButton+.f4datatable_filterbtn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background: var(--light-border-color);
}

.f4datatable_optionButtonsRight>.f4OptionsPopOverButton+.f4datatable_filterbtn::before {
  left: -10px;
}

.datatable_nodisptemplate {
  padding: 20px;
  padding-bottom: 5px;
}

.datatable_nodisptemplate>div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.datatable_nodisptemplate>div:first-child>img {
  height: 50px;
}

.datatable_nodisptemplate>div:nth-child(2) {
  text-align: center;
  font-size: 12pt;
  font-weight: 500;
  margin-top: 10px;
  line-height: 12pt;
}

.datatable_columndispmodal .f4ModalBody {
  height: calc(100% - 75px);
}

.datatable_columndispmodal .f4ModalFooter {
  display: none;
}

.totalAndPage {
  display: flex;
  align-items: center;
}

.selectItemPerPage {
  width: 90px;
  margin-right: 20px;
}

.selectItemPerPage .f4FormFieldLabel {
  display: none;
}

.datatable_columndispmodal .f4ModalBody {
  height: calc(100% - 75px);
}

.datatable_columndispmodal .f4ModalFooter {
  display: none;
}

.datatable_columndisppanel {
  display: flex;
}

.datatable_columndisplayleft {
  width: 60%;
}

.datatable_columndisplayright {
  position: fixed;
  right: 25px;
  top: 100px;
  height: calc(100% - 200px);
  width: calc(40% - 50px);
  background: var(--main-plain-bg);
  border-radius: 30px;
  padding: 30px;
}

.datatable_columndisplayright>div {
  margin-bottom: 20px;
}

.datatable_columndisplayright .Select-control {
  background: var(--main-menu-bg);
}

.datatable_columndisplay_selectall {
  margin-bottom: 15px;
  padding: 0 20px;
}

.datatable_columndisp_checkbox {
  display: flex;
  align-items: center;
}

.datatable_columndisp_checkbox .small-check-container {
  background: transparent !important;
}

.datatable_columndisp_checkbox>div:nth-child(2) {
  display: flex;
  align-items: center;
  font-size: 12pt;
  color: black;
  padding-left: 10px;
}

.datatable_columndisplay_selectall .datatable_columndisp_checkbox>div:nth-child(2) {
  color: var(--qnb-foreground-secondary);
}

.datatable_columndisp_dragrow {
  height: 63px;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 6px 10px -6px var(--qnb-border-strong);
  margin-bottom: 15px;
  border: 1px solid var(--qnb-border-subtle);
  background: var(--qnb-background);
  transition: 0.5s;
  position: relative;
}

/* 
.datatable_columndisp_dragrow:hover {
  transform: scale(1.01);
  z-index: 1;
} */

.datatable_columndisp_dragrow .datatable_columndisp_checkbox {
  font-weight: 500;
  width: 50%;
}

.datatable_columndisp_dragrow.draggable {
  cursor: grab;
}

.datatable_columndisp_rowhighlighted {
  border: 2px solid var(--qnb-primary);
  background: var(--qnb-selection);
}

.datatable_columndisp_dragged {
  z-index: 2000;
}

.datatable_columndisp_radio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12pt;
  font-weight: 400;
  color: black;
}

.datatable_columndisp_radio>div:last-child .ant-radio-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.datatable_columndisp_radio>div:last-child .ant-radio-wrapper {
  height: 35px;
  min-height: 30px;
  width: 48%;
  margin: 0px;
  display: flex;
  align-items: center;
  padding: 10px;
  background: var(--main-plain-bg);
}

.datatable_columndisp_radio>div:last-child .ant-radio-wrapper-checked:first-child {
  background: var(--main-btn-color);
  color: var(--qnb-foreground-inverse);
}

.datatable_columndisp_radio>div:last-child .ant-radio-wrapper-checked:last-child {
  background: var(--qnb-background-inverse);
  color: var(--qnb-foreground-inverse);
}

.datatable_columndisp_radio>div:last-child .ant-radio-wrapper-checked:last-child .ant-radio-inner {
  border-color: var(--qnb-border-strong);
}

.datatable_columndisp_radio>div:last-child .ant-radio-wrapper-checked:last-child .ant-radio-inner::after {
  background-color: var(--qnb-background-inverse);
}

.datatable_columndisp_radio>div:last-child .ant-radio-wrapper-checked:last-child .ant-radio-checked::after {
  border: 1px solid var(--qnb-border-strong);
}

.datatable_columndisp_switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12pt;
  font-weight: 400;
  color: black;
}

.datatable_columndisp_switch .react-switch-bg {
  border: 1px solid var(--qnb-border);
}

.datatable_columndisp_switch .react-switch-bg>div {
  width: 70px !important;
}

.datatable_columndisp_switchspan {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.datatable_columndisprow_select {
  width: 25%;
}

.datatable_columndisprow_select .f4FormFieldLabel {
  position: absolute;
  font-size: 10px;
  left: 15px;
  top: 5px;
}

.datatable_columndisprow_select .Select-placeholder {
  padding-top: 22px;
}

.datatable_columndisprow_select .Select--single>.Select-control .Select-value {
  padding-top: 25px;
}

.datatable_columndisprow_select .Select-arrow-zone {
  color: var(--main-darkbtn-color);
  font-size: 16pt;
}

.datatable_columndisprow_select .Select-control {
  background: transparent;
  height: 63px;
  border: 2px solid transparent;
  border-radius: 0px;
}

.datatable_columndisprow_select .Select-control:hover {
  border-bottom: 1px solid transparent;
}

.datatable_columndisprow_select .Select-input {
  padding-top: 30px;
}

.datatable_columndisp_moneyhastotal {
  width: 25%;
}

.datatable_columndisp_moneyhastotal>.datatable_columndisp_checkbox {
  width: 100%;
}

.datatable_columndisp_moneyhastotal>.datatable_columndisp_checkbox>div:nth-child(2) {
  color: var(--qnb-foreground-secondary);
  font-size: 15px;
}

.actionbtn_panel {
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.f4datatable .public_fixedDataTable_bodyRow:hover .actionbtn_panel {
  opacity: 1;
  pointer-events: unset;
}

.f4datatable>.row {
  margin-left: 0;
  margin-right: 0;
}

.actionbtn_panelbtn {
  background: transparent;
  box-shadow: none;
}

.actionbtn_panelbtn:hover {
  background: var(--main-plain-bg);
}

.actionbtn_panelbtn>img {
  height: 25px;
  filter: grayscale(1);
}

.actionbtn_panelopt .actionchoice-optitem {
  align-items: center;
}

.actionbtn_panelopt .actionchoice-optitem>div:first-child>img {
  height: 20px;
}

.actionbtn_panelopt .actionchoice-optitem>div:last-child {
  position: relative;
  top: 1px;
}

.action_btn__delete {
  color: var(--clear-color);
}

.delete-inTable,
.delete-inTable2 {
  height: 45px;
  /* background: var(--qnb-background); */
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 8px;
  transition: 0.5s;
  cursor: pointer;
  color: var(--clear-color);
  font-weight: 600;
  background: var(--delete-btn-enabled);
}

.delete-inTable-disabled {
  background: var(--delete-btn-disabled);
}

.delete-inTable2>img {
  /* margin-right: 10px; */
}

.delete-inTable-disabled>img {
  opacity: 0.5;
}

.delete-inTable:hover {
  background: var(--delete-btn-enabledhov);
}

.delete-inTable-disabled:hover {
  background: var(--delete-btn-disabled);
}

.delete-inTable-disabled>span {
  opacity: 0.7;
}

.delete-inTable-disabled:hover {
  /* width: 45px; */
  /* padding: 0px; */
  cursor: not-allowed;
}

.datatableDownloadBtn {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  text-align: right;
  border: none;
  background: transparent;
  transition: 400ms;
  border-radius: 8px;
}

.datatableDownloadBtn>span>i {
  font-size: 23px;
  font-weight: 300;
  margin-left: 15px;
}

.newlook_toast__list {
  position: fixed;
  bottom: 30px;
  right: 30px;
  /* z-index: 1052; */
  z-index: 1000000;
}

.newlook_toast__item {
  border-radius: 6px;
  background-color: var(--qnb-background-inverse);
  box-shadow: 0 0 38px 4px var(--qnb-shadow-md), -1px 2px 4px 0 var(--qnb-shadow-lg);
  color: var(--qnb-foreground-inverse);
  display: flex;
  align-items: center;
  padding: 10px 30px;
  min-height: 50px;
  margin-top: 10px;
  transform: translate(10px, 0px) scale(0.9);
  opacity: 0;
  animation: toastanim__entrance 0.5s ease-in forwards;
}

.newlook_toast__item>div:first-child {
  font-weight: 500;
}

.newlook_toast__item>div:last-child {
  margin-left: 25px;
  color: var(--qnb-primary);
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s;
  word-break: keep-all;
}

.newlook_toast__item>div:last-child:hover {
  color: var(--qnb-primary-hover);
}

.newlook_toast__itemexit {
  transform: translate(0px, 0px) scale(1);
  opacity: 1;
  animation: toastanim__exit 0.5s ease-in forwards;
}

@keyframes toastanim__entrance {
  0% {
    transform: translate(10px, 0px) scale(0.9);
    opacity: 0;
  }

  100% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }
}

@keyframes toastanim__exit {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }

  100% {
    transform: translate(10px, 0px) scale(0.9);
    opacity: 0;
  }
}

.bob_table__portlet {
  border-radius: 15px;
  background-color: var(--qnb-background);
  border: 1px solid var(--qnb-border);
  padding-top: 10px;
  position: relative;
  margin-bottom: 70px;
}

.bob_table__portlethdr {
  padding: 10px 20px 15px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: -50px;
}

.bob_table__portlet .containerBelowTable {
  border: none;
  margin-bottom: -70px;
  margin-top: 10px;
}

.bob_table__portlet .fixedDataTableRowLayout_rowWrapper:last-child .public_fixedDataTable_bodyRow {
  border-radius: 0 0 15px 15px;
}

.searchfilter_initial__panel {
  display: flex;
  align-items: center;
  /* width: 50%; */
  width: 60%;
  padding: 0 10px;
}

.filter_btn__icon {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  border-radius: 10px;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.filter_btn__icon:hover>img,
.filter_btn__icon:active>img {
  filter: brightness(0) saturate(100%) invert(45%) sepia(89%) saturate(2515%) hue-rotate(333deg) brightness(120%) contrast(97%);
}

.filter_btn__icon:hover,
.filter_btn__icon:active,
.filter_btn__icon--selected {
  background-color: var(--selected-light-color);
}

.searchfilter_initial__panel>div:not(last-child) {
  margin-right: 10px;
}

.searchfilter_initial__panel .f4FormFieldLabel {
  display: none;
}

.searchfilter_adv__panel {
  margin: -20px 0 -20px 0;
  background: var(--qnb-background);
  border-left: 1px solid var(--qnb-border);
  height: calc(100% + 40px);
}

.bob_panel__templatehr .searchfilter_adv__panel {
  opacity: 0;
  pointer-events: none;
  transition: 0.1s;
  transition-delay: 0s;
}

.searchfilter_adv__hdr {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  justify-content: space-between;
  padding: 15px 20px;
  border-bottom: 1px solid var(--qnb-border);
  height: 65px;
}

.searchfilter_adv__hdr>.bob_mini__circlebtn {
  font-size: 20px;
  margin-right: -5px;
}

.searchfilter_adv__body {
  padding: 20px 15px;
  height: calc(100% - 195px);
  overflow: hidden;
}

.searchfilter_adv__body:hover {
  overflow-y: auto;
}

.searchfilter_adv__btns {
  padding: 10px 20px;
}

.searchfilter_adv__fieldgrp--body>.newlook_searchfilter__field,
.newlook_searchfilter__field {
  margin-bottom: 20px;
}

.searchfilter_adv__fieldgrp--body>.newlook_searchfilter__field:last-child,
.newlook_searchfilter__field:last-child {
  margin-bottom: 0px;
}

.searchfilter_adv__btns>div {
  margin-bottom: 10px;
}

.searchfilter_adv__btns>div:last-child {
  margin-bottom: 0px;
}

.searchfilter_initial__panel .newlook_searchfilter__field {
  /* min-width: 200px; */
  min-width: 140px;
  margin-bottom: 0px;
}

.bm_list__panel {
  position: absolute;
  top: 65px;
  right: 0;
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 0 -3px 13px 0 var(--qnb-shadow-subtle), 8px 6px 8px 3px var(--qnb-shadow-md),
    0 10px 18px 3px var(--qnb-foreground);
  padding: 15px;
  width: 300px;
  max-height: 75vh;
  transition: 0.3s;
  border: 1px solid var(--qnb-border-subtle);
  overflow: hidden;
}

.bm_list__panel:hover {
  overflow: auto;
}

.bm_list__hdr {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bm_list__hdr .bob_sec__btn {
  height: 30px;
  border-radius: 20px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 500;
}

.bm_list__item {
  position: relative;
  cursor: pointer;
  padding: 10px;
  margin: 0 -10px;
  border-radius: 5px;
  transition: 0.5s;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.bm_list__item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  background: var(--qnb-border);
}

.bm_list__item:last-child::after {
  display: none;
}

.bm_list__item:hover {
  background: var(--light-hover-color);
}

.bm_list__item>div:first-child {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qnb-selection);
}

.bm_list__item>div:nth-child(2) {
  width: calc(100% - 40px);
  padding-left: 15px;
}

.bm_list__panelalt {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.grcno_records__panel,
.grcno_records__panelsp {
  text-align: center;
  padding: 50px 0px;
}

.grcno_records__panelalt {
  padding: 30px 0px;
}

.grcno_records__panel>img {
  height: 100px;
}

.grcno_records__panelalt>img {
  height: 65px;
}

.grcno_records__panel>div,
.grcno_records__panelsp>div {
  color: var(--no-records-label);
  margin-top: 10px;
  font-size: 15px;
  font-weight: 500;
}

.no_access_page {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  flex-direction: column;
  min-height: calc(100vh - 80px);
  padding: 15% 0px;
  text-align: center;
}

.no_access_page_header {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.no_access_page_body {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 20px 0px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 20px 0px;
}

.no_access_page_content {
  /* font-size: 18px;
  font-weight: 500;
  text-align: center; */
  color: var(--main-darkbtn-color);
  font-size: 16pt;
  font-weight: bold;
  line-height: 22px;
  margin-top: 15px;
}

.no_access_page_image {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px; */
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-bottom: 20px;
}

.no_access_page_image>img {
  /* height: 200px; */
  height: 190px;
}

.show-loading-animation.rect-shape,
.show-loading-animation.round-shape,
.show-loading-animation.text-row,
.show-loading-animation .rect-shape,
.show-loading-animation .round-shape,
.show-loading-animation .text-row {
  animation: react-placeholder-pulse 1.5s infinite;
}

@keyframes react-placeholder-pulse {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.6;
  }
}

.show-loading-animation.rect-shape,
.show-loading-animation.round-shape,
.show-loading-animation.text-row,
.show-loading-animation .rect-shape,
.show-loading-animation .round-shape,
.show-loading-animation .text-row {
  background: linear-gradient(90deg,
      var(--qnb-background-muted) 25%,
      var(--qnb-foreground-placeholder) 37%,
      var(--qnb-background-muted) 63%);
  background-size: 400% 100%;
  animation: react-placeholder-pulse 1.5s infinite;
}

/*** Start of Bookmarks ***/

.bmnavbar_panel {
  position: absolute;
  top: 40px;
  left: 0;
  background: var(--qnb-background);
  box-shadow: -2px 1px 4px 0 var(--qnb-shadow-subtle), 2px 1px 4px 0 var(--qnb-shadow-subtle);
  border: 1px solid var(--qnb-border);
  width: 350px;
  max-height: calc(100vh - 100px);
  overflow: auto;
  border-radius: 10px;
  padding: 20px;
  opacity: 0;
  transform: scale(0.9) translateY(-20px);
  pointer-events: none;
  /* transition: opacity 175ms, -webkit-transform 175ms; */
  /* transition: opacity 175ms, transform 175ms; */
  transition: opacity 175ms, transform 175ms;
}

.newlook_navbaritem:hover .bmnavbar_panel,
.bo_navbar__bmmain:hover .bmnavbar_panel {
  transform: scale(1) translateY(0);
  opacity: 1;
  pointer-events: unset;
}

.bmnavbar_hdr {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.bmnavbar_hdr>div:first-child {
  font-size: 20px;
  font-weight: 600;
  width: calc(100% - 115px);
  padding-right: 10px;
}

.bmnavbar_list {
  margin: 0px;
}

.bmnavbar_list__norec {
  justify-content: center;
}

.bmnavbar_item {
  padding: 10px 0px;
  color: var(--hdr-color);
  border-bottom: 1px solid var(--qnb-border);
  font-weight: 500;
  transition: 0.5s;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.bmnavbar_item:hover {
  border-radius: 10px;
  background: var(--button-light-grey);
}

.bmnavbar_item:last-child {
  border-bottom: none;
}

.bmnavbar_item>img {
  width: 28px;
  height: 28px;
  margin-right: 5px;
}

.bmnavbar_item>div {
  word-break: break-word;
}

.bmnavbar_manage {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  bottom: 0;
  width: 115px;
}

.bmnavbar_manage>div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qnb-background);
  color: var(--qnb-accent);
  padding: 5px 17px 5px 10px;
  border-radius: 9px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  width: 100%;
  height: 40px;
  box-shadow: 0 -7px 20px var(--qnb-background);
  font-size: 14px;
  font-weight: 500;
  border: 2px solid var(--qnb-accent);
}

.bmnavbar_manage>div:hover {
  background: var(--button-light-grey);
}

.bmnavbar_manage>div>img {
  height: 28px;
  margin-right: 10px;
}

.newdashsettings_search {
  padding: 0 30px;
  margin-bottom: 15px;
  height: 50px;
  position: relative;
}

.newdashsettings_search>div {
  width: 100%;
  height: 100%;
  position: relative;
}

.newdashsettings_search .f4FormFieldLabel {
  display: none;
}

.newdashsettings_search .f4InputField {
  padding-left: 40px;
  background: var(--qnb-background);
}

.newdashsettings_search>div>img {
  position: absolute;
  transition: 0.5s;
  height: 22px;
  top: 11px;
  left: 10px;
  z-index: 1;
}

.newdashsettings_searchalt>div>img {
  filter: unset;
}

.newdashsettings_search>div>div:nth-child(3) {
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--qnb-accent);
  bottom: 0px;
  transition: 0.5s;
  transform-origin: center;
  transform: scaleX(0);
}

.newdashsettings_searchalt>div>div:nth-child(3) {
  transform: scaleX(1);
}

.bmmanage_add {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  background: var(--qnb-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qnb-foreground-inverse);
  font-size: 9pt;
  cursor: pointer;
  position: relative;
  transition: 0.5s;
  opacity: 0;
}

.bmmanage_add:hover {
  transform: scale(1.05);
}

.bmmanage_item:hover .bmmanage_add {
  opacity: 1;
}

.bmmanage_remove {
  width: 25px;
  height: 25px;
  background: var(--qnb-background-inverse);
  color: var(--qnb-foreground-inverse);
  font-size: 11pt;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  opacity: 0;
  transform: translate(0, -50%);
}

.bmmanage_selecteditem:hover .bmmanage_remove {
  opacity: 1;
}

.bmmanage_modal .f4ModalHeader {
  z-index: 2;
  position: relative;
  background-color: transparent;
  padding: 25px 30px;
}

.bmmanage_left {
  position: fixed;
  left: 0;
  top: 1px;
  height: 100%;
  width: 30%;
  background: var(--container-color);
  border-radius: 20px 30px 0px 20px;
  padding: 80px 0px 25px;
  z-index: 1;
}

.bmmanage_list {
  padding: 0 30px;
  height: calc(100% - 42px);
  overflow: hidden;
}

.bmmanage_list:hover {
  overflow: auto;
}

.bmmanage_item {
  background: var(--qnb-background);
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
  font-size: 11pt;
  font-weight: 500;
  /* box-shadow: 0 3px 16px -5px var(--qnb-border-strong); */
  border: 1px solid var(--qnb-border);
  display: flex;
  align-items: center;
  line-height: 14pt;
  color: var(--hdr-color);
}

.bmmanage_itemicon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
}

.bmmanage_itemicon>img {
  height: 20px;
}

.bmmanage_item>div:first-child {
  width: calc(100% - 25px);
  padding: 0px 10px;
  position: relative;
  top: 1px;
}

.bmmanage_right {
  margin-left: 30%;
  width: 70%;
  height: 100%;
  padding: 0px 80px 0px 90px;
}

.bmmanage_right>div {
  min-height: 100%;
  width: 100%;
  background: var(--container-color);
  border-radius: 20px;
  border: 2px dashed var(--qnb-border);
  padding: 30px;
}

.bmmanage_right>div>div {
  /* display: flex; */
  min-height: 75px;
  /* flex-wrap: wrap; */
}

.bmmanage_selecteditem {
  background: var(--qnb-background);
  color: var(--hdr-color);
  border-radius: 10px;
  padding: 15px 20px;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  /* margin-bottom: 20px; */
  min-height: 60px;
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid var(--qnb-border);
  width: calc(100% - 20px);
  margin: 0 10px 15px;
}

.bmmanage_selecteditem:hover {
  border-color: var(--qnb-primary);
}

.bmmanage_selecteditem>img {
  width: 28px;
  height: 28px;
}

.bmmanage_selecteditem>div:nth-child(2) {
  width: calc(100% - 53px);
  padding: 0 10px;
}

.bmmanage_destextra {
  min-height: 60px;
  width: calc(100% - 20px);
  margin-left: 10px;
  background: var(--qnb-background);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bmmanage_destextra>div {
  width: 35px;
  height: 35px;
  background: var(--qnb-background-inverse);
  color: var(--qnb-foreground-disabled);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12pt;
}

/*** End of Bookmarks ***/

.bob_instr__viewer {
  display: flex;
  align-items: center;
  background: var(--instr-bg);
  border-left: 5px solid var(--instr-color);
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  padding: 15px 20px;
}

.bob_instr__viewererr {
  background: var(--qnb-danger-subtle);
  border-left-color: var(--clear-color);
  align-items: flex-start;
  color: var(--clear-color);
}

.bob_instr__viewer>div {
  width: calc(100% - 20px);
  padding-left: 15px;
}

.bob_instr__viewerhdr {
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: 600;
}

.bob_instr__viewer>div>div:last-child {
  color: var(--qnb-primary);
  line-height: 1.2;
}

.dashboard_settings__modal .f4ModalBody {
  overflow-x: hidden;
}

.dash_settings__panel {
  display: flex;
}

.dash_settings__leftpanel {
  width: 35%;
}

.dash_settings__rightpanel {
  width: 65%;
}

.dash_settings__widgetlist {
  position: fixed;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%;
  padding: 30px;
  border-right: 1px solid var(--light-border-color);
}

.dash_settings__widgetlisthdr {
  height: 95px;
}

.dash_settings__widgetlisthdr>div:first-child {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.dash_settings__widgetlisthdr>div:last-child {
  position: relative;
}

.dash_settings__widgetlisthdr>div:last-child>i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  color: var(--placeholder-color);
  pointer-events: none;
}

.dash_settings__widgetlisthdr>div:last-child .f4FormFieldLabel {
  display: none;
}

.dash_settings__widgetlistbody {
  height: calc(100% - 95px);
  overflow: hidden;
  padding: 10px 35px;
  margin: 0 -30px 0;
}

.dash_settings__widgetlistbody:hover {
  overflow-y: auto;
}

.dash_settings__widgetlistitem {
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid var(--light-border-color);
}

.dash_settings__widgetlistitem>div:first-child {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.dash_settings__widgetlistitem>div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  width: calc(100% - 32px);
  padding: 0 10px;
  word-break: break-word;
}

.dash_settings__widgetlistitem>div:last-child {
  position: relative;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qnb-secondary);
  color: var(--qnb-foreground-inverse);
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
  cursor: pointer;
}

.dash_settings__widgetlistitem:hover>div:last-child {
  opacity: 1;
  pointer-events: unset;
}

.dash_settings__savedwidgets {
  padding-left: 20px;
  margin-top: -15px;
}

.dash_settings__savedwidgets>div {
  background: var(--container-color);
  border: 3px dashed var(--container-sec-color);
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.dash_settings__savedwidgets>div:last-child>div {
  display: flex;
}

.dash_settings__saveditem {
  border-radius: 10px;
  border: 1px solid var(--light-border-color);
  margin-bottom: 15px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
}

.dash_settings__saveditemtwocol {
  width: calc(50% - 10px);
  margin: 5px;
}

.dash_settings__saveditem>div:first-child {
  width: calc(100% - 20px);
  padding-right: 15px;
}

.dash_settings__saveditem>div:last-child {
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qnb-background-inverse);
  color: var(--qnb-foreground-inverse);
  border-radius: 50%;
  font-size: 14px;
  cursor: pointer;
}

/*** start of color picker ***/

.f4color__picker {
  position: relative;
}

.f4color_picker__preview {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  padding: 3px;
}

.f4color_picker__preview>div {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.f4color_picker__preview>img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.f4color_picker__popup {
  position: absolute;
  z-index: 110;
}

.f4color_picker__popupcover {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.input_field__colorpicker {
  position: relative;
}

.input_field__colorpicker .f4color__picker {
  position: absolute;
  right: 10px;
  top: 25px;
}

.input_field__colorpicker .f4InputField {
  padding-right: 60px;
}

/*** end of color picker ***/

.pab_settings__panel {
  margin: 0 -15px;
  background: var(--qnb-background);
  min-height: 100vh;
  /* padding-top: 61.5px; */
}

.pab_settings__panel .ant-tabs-bar {
  background: var(--main-bg-color);
  margin: 0px;
}

.pab_settings__tab {
  position: sticky;
  /* width: calc(100% - 110px); */
  height: 61.5px;
  top: 80px;
  left: 110px;
  z-index: 9;
  transition: 0.2s;
}

.side_tabs__template {
  display: flex;
}

.side_tabs__section {
  position: relative;
  width: 350px;
}

.side_tabs__sectionfxd {
  position: sticky;
  position: -webkit-sticky;
  background: var(--qnb-background);
  width: 350px;
  padding: 20px 50px 20px 20px;
  overflow: hidden;
  transition: 0.2s;
  z-index: 15;
}

.side_tabs__sectionfxd:hover {
  overflow-y: auto;
}

.side_tabs__sectionfxd::after {
  position: absolute;
  content: '';
  right: 0;
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: var(--qnb-border);
}

.side_tabs__secitem {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 10px;
  color: var(--inactive-menu);
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
  transition: 0.5s;
}

.side_tabs__secitem:hover {
  color: var(--qnb-primary);
}

.side_tabs__secitem>img {
  transition: 0.5s;
  filter: grayscale(100) brightness(1.2);
}

.side_tabs__secitemalt>img,
.side_tabs__secitem:hover>img {
  filter: unset;
}

.side_tabs__secitemalt {
  background: var(--qnb-selection);
  color: var(--qnb-primary);
  font-weight: 600;
}

.side_tabs__secitem>div {
  width: calc(100% - 28px);
  padding-left: 15px;
}

.side_tabs__children {
  width: calc(100% - 350px);
  min-height: 100vh;
}

.pab_settings__panel .bob_panel__tmpchildren {
  padding: 30px 50px 120px;
}

.pab_settings__panel .step_wizard__panel {
  padding: 0 50px;
  background: transparent;
  background: var(--qnb-background);
}

.pab_settings__panel .bob_generic__portlet {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid var(--qnb-border);
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.pab_settings__panel .bob_generic__portlet:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.pab_settings__panel .bob_generic__portlethdr {
  padding: 0px;
  border-bottom: none;
  margin-bottom: 15px;
}

.pab_settings__panel .bob_generic__portletchildren {
  padding: 10px 0;
}

.myprofile_dtls__section {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--qnb-border);
}

.myprofile_dtls__secdp {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid var(--qnb-primary);
  padding: 2px;
}

.myprofile_dtls__secdp>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.myprofile_dtls__secinfo {
  width: calc(100% - 120px);
  padding-left: 35px;
}

.myprofile_dtls__secnmt {
  display: flex;
  align-items: center;
}

.myprofile_dtls__secnmt>div:first-child {
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
  width: calc(100% - 150px);

  /*uncomment if want ellipses instead*/
  /* display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-break: break-word; */
}

.myprofile_dtls__secnmt>div:nth-child(2) {
  border-radius: 10px;
  height: 30px;
  padding: 0 15px;
  background: var(--qnb-selection);
  color: var(--qnb-primary);
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  margin-left: 20px;
  min-width: 100px;
}

.myprofile_dtls__secll {
  color: var(--qnb-foreground-muted);
  font-size: 16px;
  font-weight: 500;
  margin-top: 5px;
}

/*** Start of Upload Capture ***/

.edituploadimg_modal {
  width: 75%;
  height: 85%;
  margin: auto;
}

.edituploadimg_panel {
  display: flex;
  height: 100%;
}

.edituploadimg_workspace {
  width: calc(60% - 20px);
  margin-right: 20px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  position: relative;
}

.edituploadimg_dragdrop {
  width: 40%;
}

.edituploadimg_dropzone {
  height: 100%;
  background: var(--main-plain-bg);
  border-radius: 10px;
  border: 2px dashed var(--qnb-border);
}

.edituploadimg_dzcontent {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.edituploadimg_dzcontent>img {
  height: 100px;
  margin-bottom: 20px;
}

.edituploadimg_dzcontentdtls {
  text-align: center;
  padding-top: 15px;
  line-height: 19pt;
}

.edituploadimg_dzcontentdtls>div:first-child {
  font-size: 3vh;
  font-weight: 500;
}

.edituploadimg_dzcontentdtls>div:nth-child(2) {
  font-size: 2.3vh;
  color: var(--qnb-primary);
}

.edituploadimg_dzcontentdtls>div:last-child {
  font-size: 2vh;
  color: var(--label-color);
}

.edituploadimg_workspace__preview {
  /* height: calc(100% - 40px); */
  width: 100%;
}

.editupload_img__slider {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 5px;
  padding: 0 30px;
}

.editupload_img__slider .ant-slider-rail,
.editupload_img__slider .ant-slider:hover .ant-slider-rail {
  background: var(--light-border-color);
}

.editupload_img__slider .ant-slider-track,
.editupload_img__slider .ant-slider:hover .ant-slider-track {
  background: var(--qnb-accent);
}

.editupload_img__slider .ant-slider-handle {
  box-shadow: var(--qnb-overlay) 0px 1px 8px 0px;
  border-color: var(--qnb-primary);
}

.editupload_img__placeholder {
  height: 100%;
}

#container-circles {
  position: absolute;
  left: 50%;
  bottom: 130px;
}

#outer-circle {
  position: absolute;
  left: -37px;
  bottom: -56px;
  top: -5px;
  height: 75px;
  width: 75px;
  background-color: var(--qnb-background);
  border-radius: 50%;
  z-index: 1;
}

.camera-modal {
  z-index: 1070;
}

#inner-circle {
  position: absolute;
  left: 50%;
  top: 38px;

  height: 44px;
  width: 44px;

  background: white;
  border-radius: 50%;

  /*
   Offset the position correctly with
   minus half of the width and minus half of the height
  */
  margin: -22px 0px 0px -22px;

  /*
    On the top of outer-circle
  */
  z-index: 1071;
}

#inner-circle.is-clicked {
  height: 38px;
  width: 38px;
  margin: -19px 0px 0px -19px;
}

.camera_captureimg__panel {
  display: flex;
  justify-content: center;
  position: relative;
}

.camera_cropimg__panel {
  height: 100%;
  width: 100%;
  position: relative;
}

.add_photo__typeonebtn {
  height: 80px;
  width: 80px;
  border: 1px solid var(--qnb-border);
  background-color: var(--main-plain-bg);
  box-shadow: none;
  padding: 0px;
}

.add_photo__typeonebtn>img {
  height: 30px;
  width: 30px;
}

.add_photo__typeonebtnalt>img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.bob_uploadcap__itemrm {
  color: var(--clear-color);
}

/*** End of Upload Capture ***/

.sms_otp__hdr {
  margin-bottom: 10px;
  color: var(--hdr-color);
  font-size: 26px;
  text-align: center;
  font-weight: 700;
}

.sms_otp__icon {
  margin-bottom: 30px;
}

.sms_otp__icon>img {
  /* height: 100px; */
  position: relative;
  /* left: 20px; */
}

.sms_otp__mainpanel {
  padding: 10px;
}

.sms_otp__msg {
  font-size: 16px;
  margin-bottom: 40px;
  font-weight: 500;
  line-height: 23px;
  word-break: break-word;
}

.sms_otp__msg>span {
  font-weight: bold;
  margin-left: 10px;
}

.sms_otp__inputfields {
  display: flex;
}

.sms_otp__inputfields>div {
  width: 16.6%;
  padding: 0 6px;
}

.sms_otp__inputfields>div .f4FormFieldLabel {
  display: none;
}

.sms_otp__inputfields>div .f4InputField::placeholder,
.sms_otp__inputfields>div .f4InputField::-webkit-input-placeholder {
  font-size: 40px !important;
  font-weight: 500;
}

.sms_otp__inputfields>div .f4InputField {
  height: 70px;
  /* width: 100%; */
  min-width: 100%;
  padding: 0 10px;
  text-align: center;
  font-size: 40px !important;
  width: 55px;
  border-radius: 13px;
}

.sms_otp__status {
  font-size: 14px;
  text-align: center;
  margin: 10px 0px;
}

.sms_otp__status>div:first-child {
  color: var(--qnb-foreground-muted);
}

.sms_otp__inputfields .form-control:hover,
.sms_otp__inputfields .form-control:focus {
  border: 2px solid var(--qnb-primary) !important;
}

.otp_resend__btn {
  margin: 40px 0 10px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  padding: 5px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}

.otp_resend__btn>span {
  margin-left: 5px;
  font-weight: 700;
}

/*** Start of Security ***/

.newlogin_pwchecker {
  /* margin-bottom: 35px; */
  padding-top: 0;
  position: relative;
}

.newlogin_pwchecker_progress {
  width: 100%;
  height: 10px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.newlogin_pwchecker_progress>div {
  width: 100%;
  height: 100%;
  border-radius: 2.5px;
  background: var(--qnb-background);
  transition: 0.5s;
}

.newlogin_pwchecker_progress>div:nth-child(2) {
  background: var(--qnb-background);
}

.newlogin_pwchecker_progress>div:nth-child(3) {
  background: var(--qnb-background);
}

.newlogin_pwchecker_progress>.newlogin_pwchecker_progitemalt {
  background: var(--qnb-background-muted) !important;
}

.newlogin_pwchecker_progress>div:not(:last-child) {
  margin-right: 9px;
}

.newlogin_pwchecker_singlebar {
  width: 100%;
  height: 10px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.newlogin_pwchecker_singlebar>div {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  transition: 0.5s;
}

.pwchecker_singlebar_gray {
  background: var(--qnb-background-muted);
}

.pwchecker_singlebar_red {
  background: var(--qnb-background-inverse);
}

.pwchecker_singlebar_orange {
  background: var(--qnb-background);
}

.pwchecker_singlebar_green {
  background: var(--qnb-background);
}

.newlogin_pwchecker_singlebar .newlogin_pwchecker_dscp {
  position: absolute;
  bottom: 4px;
  left: 250px;
}

.newlogin_pwchecker_list {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  transition: 0.5s;
  font-size: 14px;
}

.newlogin_pwchecker_list>div {
  margin-right: 15px;
  color: var(--qnb-foreground-muted);
  font-size: 12px;
  font-weight: 500;
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
}

.newlogin_pwchecker_list>div>i {
  margin-right: 8px;
  font-size: 16px;
}

.newlogin_pwchecker_list>.newlogin_pwchecker_itemcheck {
  color: var(--qnb-primary);
}

.newlogin_pwchecker_dscp {
  font-weight: 500;
  font-size: 13px;
}

.newlogin_pwchecker_list {
  align-items: baseline;
  gap: 5px;
}

.newlogin_pwchecker_list>.newlogin_pwchecker_itemcheck>i {
  color: var(--qnb-success);
}

.newlogin_pwchecker_list>.newlogin_pwchecker_itemcheck {
  color: var(--qnb-primary);
}

/*** End of Security ***/

.collapsibleContainer {
  background: var(--qnb-background);
  border-radius: 10px;
}

.panel-default>.headerBackgroundCollapsible {
  background: var(--qnb-background);
  display: flex;
  justify-content: space-between;
  /* border-radius: 10px; */
  border-bottom: none;
}

.headerCollapsible {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.2;
}

.template_tbl__norecords {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.f4SessionTimerMessage {
  font-size: 16px;
}

.f4SessionTimerMessage>span:first-child {
  font-weight: 600;
  font-size: 20px;
}

.f4SessionTimerMessage>span:nth-child(3) {
  font-size: 17px;
  line-height: 17px;
  color: var(--sub-hdr-color);
}

.f4SessionTimerMessage>span:nth-child(5) {
  color: var(--sub-hdr-color);
  display: block;
  padding-top: 25px;
  border-top: 1px dashed var(--qnb-border);
  font-size: 14px;
  margin-top: 10px;
}

.f4SessionTimerMessage_countdown {
  color: var(--positive-color);
  font-weight: 600;
}

.f4SessionTimerMessage_countdown_danger {
  color: var(--negative-color);
}

.sf_field__acdrp {
  position: absolute;
  z-index: 1;
  top: 32px;
  width: 60px;
  left: 2px;
}

.sf_field__amtchecker {
  position: relative;
}

.sf_field__acdrp::after {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background: var(--qnb-border);
}

.sf_field__acdrp .Select-control {
  border: none;
  height: 40px;
  background: transparent;
}

.sf_field__acdrp .Select-control:hover,
.sf_field__acdrp .is-focused .Select-control {
  border: none !important;
}

.sf_field__acdrp .Select-value-label strong {
  font-size: 25px;
  position: relative;
  top: -2px;
}

.sf_field__acdrp .ssv_field__value {
  padding: 0px 15px;
}

.sf_field__acdrp .ssv_field__valuelbl>div {
  font-size: 18px;
}

.sf_field__acdrp .Select-menu-outer {
  width: 200px;
}

.sf_field__amtchecker .f4InputField {
  padding-left: 75px;
}

.shareemail_popup {
  position: absolute;
  top: 40px;
  right: 0px;
  background: var(--qnb-background);
  z-index: 9;
  border-radius: 4px;
  width: 420px;
  box-shadow: 0 0 1px var(--qnb-shadow-lg), 0 5px 10px var(--qnb-shadow-md);
  transition: 0.5s;
}

.txn_dtls__emailpopup {
  position: fixed;
}

.view_portlet__minipanel .shareemail_popup {
  right: -30px;
}

.share_qr__modal .shareemail_popup {
  top: unset;
  bottom: 80px;
}

.shareemail_popup__close {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.txn_dtls__panel .shareemail_popup {
  right: unset;
  left: -32px;
  width: 318px;
}

.shareemail_popup__closebtn {
  position: relative;
}

.shareemail_popup__button {
  position: relative;
  height: 50px;
}

.shareemail_popup__buttonalt {
  display: flex;
  justify-content: space-between;
  position: sticky;
  bottom: 0;
  background: var(--qnb-background);
  z-index: 9;
  height: 80px;
  flex-shrink: 0;
}

.shareemail_popup__button>div,
.shareemail_popup__button>div>span {
  width: 100%;
}

.shareemail_popup__buttonalt>div {
  width: 180px;
}

.share_qr__contentopt .shareemail_popup__button {
  margin-top: 0px;
}

.shareemail_popup__button .f4Button {
  width: 100%;
  height: 50px;
  border-radius: 0 0 4px 4px;
}

.share_qr__contentopt .shareemail_popup__button .f4Button {
  border-radius: 12px;
}

.share_email__body {
  width: 100%;
  padding: 0px;
}

.share_qr__contentopt .share_email__body {
  flex: 1 0 auto;
}

.share_email__body .inst-container {
  display: none;
}

.share_email__body>div>.row:last-child {
  margin-bottom: 0px;
}

.share_email__body>div .row:first-child .f4FormFieldLabel {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0, -50%);
  font-weight: 600;
  margin: 2px 0 0;
  font-size: 15px;
  pointer-events: none;
}

.share_qr__contentopt .share_email__body>div .row:first-child .f4FormFieldLabel {
  left: 0;
  margin-top: 1px;
}

.share_email__body .f4InputField {
  border-radius: 0px;
  background: transparent;
  padding: 12px 60px 10px var(--share-email-input-pad-left, 45px);
  box-shadow: 0 -1px var(--qnb-border-subtle) inset;
  height: 50px;
  border: 2px solid transparent;
}

.share_qr__contentopt .share_email__body .f4InputField {
  padding-left: var(--share-email-input-pad-left, 30px);
  box-shadow: none;
}

.share_email__body>div .row:first-child .has-feedback label~.form-control-feedback {
  right: 30px;
  bottom: -2px;
}

.share_email__body>div .row:first-child .help-block {
  padding-left: 15px;
}

.share_qr__contentopt .share_email__body>div .row:first-child .help-block {
  padding-left: 0px;
}

.share_email__body>div .row:nth-child(2) .f4FormFieldLabel {
  position: absolute;
  font-weight: 400;
  margin: 0px;
  font-size: 13px;
  left: 25px;
  top: 15px;
  pointer-events: none;
  display: none;
}

.share_email__body .f4TextAreaNew {
  margin: 0px;
  background: transparent;
  border-radius: 0px;
  padding: 5px 15px;
  border: 2px solid transparent;
}

.share_qr__contentopt .share_email__body .f4TextAreaNew {
  padding: 5px 0;
}

.share_email__body .f4InputField:hover,
.share_email__body .f4InputField:active,
.share_email__body .f4InputField:focus,
.share_email__body .f4TextAreaNew:hover,
.share_email__body .f4TextAreaNew:focus,
.share_email__body .f4TextAreaNew:active {
  border: 2px solid transparent !important;
  border-bottom: 2px solid var(--qnb-primary) !important;
}

.share_email__body .has-error .form-control,
.share_email__body .has-error .form-control:hover,
.share_email__body .has-error .form-control:active,
.share_email__body .has-error .form-control:focus,
.share_email__body .asF4FormValidate_validation-state-error .f4TextAreaNew,
.share_email__body .asF4FormValidate_validation-state-error .f4TextAreaNew:hover,
.share_email__body .asF4FormValidate_validation-state-error .f4TextAreaNew:focus,
.share_email__body .asF4FormValidate_validation-state-error .f4TextAreaNew:active {
  border: 2px solid transparent !important;
  border-bottom: 2px solid var(--required-color) !important;
  background: var(--qnb-background) !important;
}

.share_email__body .field_info__btn {
  top: 9px;
}

/** Invalid Login **/

.invalid_login__panel {
  position: fixed;
  width: 245px;
  top: 110px;
  left: 30px;
  z-index: 99;
  border-radius: 8px;
  background-color: var(--qnb-primary);
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-subtle), 0 2px 4px 0 var(--qnb-shadow-subtle);
  color: var(--qnb-foreground-inverse);
  padding: 25px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: 0.5s;
}

.invalid_login__panelalt {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.invalid_login__text {
  line-height: 17px;
  margin-bottom: 10px;
}

.invalid_login__text>span {
  font-size: 18px;
  font-weight: 600;
}

.invalid_login__btns {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
}

.invalid_login__btns>div {
  position: relative;
  border-radius: 4px;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.invalid_login__btns>div:first-child {
  padding: 0 5px;
}

.invalid_login__btns>div:first-child:hover {
  background: var(--reject-btn-hover);
}

.invalid_login__btns>div:first-child>div {
  position: absolute;
  height: 1px;
  width: 100%;
  background: var(--qnb-background);
  bottom: 2px;
}

.invalid_login__btns>div:last-child {
  height: 25px;
  width: 70px;
  background-color: var(--qnb-background);
  color: var(--qnb-primary);
  font-weight: 500;
}

.invalid_login__btns>div:last-child:hover {
  background: var(--light-hover-color);
}

.invalid_login__dates {
  overflow: auto;
  max-height: 200px;
  background: var(--reject-btn-hover);
  margin: 20px -20px -25px;
  border-radius: 0 0 8px 8px;
  padding: 15px 20px;
  transition: 0.5s;
}

.invalid_login__datesalt {
  max-height: 0px;
  padding: 0px;
  overflow: hidden;
}

.invalid_login__dates>div {
  margin-bottom: 10px;
  font-weight: 400;
}

.invalid_login__dateshide {
  position: relative;
  text-align: center;
  border-top: 1px solid var(--qnb-border);
  padding: 5px 0;
  margin-bottom: -10px !important;
  cursor: pointer;
  font-weight: 400;
  font-size: 13px;
}

/** Invalid Login End **/
.menu_selector__panel {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

.menu_selector__field {
  width: -moz-max-content;
  width: max-content;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  padding: 10px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  transition: 0.5s;
  cursor: pointer;
}

.menu_selector__field:hover {
  background: var(--light-hover-color);
}

.menu_selector__field>i {
  margin-left: 10px;
}

.menu_selector__opthdr {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}

.menu_selector__options {
  position: absolute;
  z-index: 9;
  background: var(--qnb-background);
  width: calc(100vw - 400px);
  border: 1.3px solid var(--qnb-border);
  box-shadow: 0 2px 8px 6px var(--qnb-shadow-sm), 0 4px 8px 0 var(--qnb-shadow-sm),
    0 11px 20px 9px var(--qnb-shadow-sm);
  padding: 15px;
  border-radius: 0 0 15px 15px;
  transition: 0.5s;
}

.menu_selector__optionsalt {
  opacity: 0;
  pointer-events: none;
}

.menu_selector__optbody {
  display: flex;
  flex-wrap: wrap;
}

.menu_selector__optcol {
  flex: 1 1 33.3%;
  border-right: 1px solid var(--qnb-border);
}

.menu_selector__optitem {
  padding: 5px;
  border-bottom: 1px solid var(--qnb-border);
}

.menu_selector__optcol:last-child {
  border-right: none;
}

.menu_selector__optitem>div {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 5px;
  border-radius: 10px;
  transition: 0.5s;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
}

.menu_selector__optitem>div:hover,
.menu_selector__optitemalt>div {
  background: var(--qnb-selection);
}

.menu_selector__optitemalt>div {
  font-weight: 600;
}

.menu_selector__optitem>div>div {
  width: calc(100% - 28px);
  padding-left: 15px;
}

.menu_selector__optarrow {
  position: absolute;
  top: 40px;
  right: -20px;
  height: 35px;
  width: 55px;
  background: var(--qnb-background);
  transform: rotate(45deg);
  box-shadow: 0 2px 8px 6px var(--qnb-shadow-sm), 0 4px 8px 0 var(--qnb-shadow-sm),
    0 11px 20px 9px var(--qnb-shadow-sm);
  border: 1px solid var(--qnb-border);
  transition: 0.5s;
}

.menu_selector__optarrow2 {
  position: absolute;
  top: 33px;
  right: 1px;
  height: 35px;
  width: 30px;
  background: var(--qnb-background);
  transform: rotate(45deg);
  z-index: 10;
  transition: 0.5s;
}

.menu_selector__panelalt .menu_selector__optarrow,
.menu_selector__panelalt .menu_selector__optarrow2 {
  opacity: 0;
  pointer-events: none;
}

.config_dashboard__modal {
  width: 40%;
}

.config_dashboard__modal .f4ModalHeader {
  height: 110px;
}

.config_dashboard__modal .f4ModalBody {
  height: calc(100% - 185px);
}

.config_dashboard__modalhdr {
  padding-top: 10px;
}

.config_dashboard__modalhdr>div:first-child {
  font-size: 20px;
}

.config_dashboard__modalhdr>div:last-child {
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
}

.config_dashboard__widgets>div {
  margin-bottom: 20px;
}

.config_dashboard__widgets .f4CheckboxMainContainer {
  height: auto;
  background: var(--qnb-background);
}

.config_dashboard__widgets .f4checkbox-hasvalue .modal-check-lbl,
.config_dashboard__widgets .f4CheckboxMainContainer:hover .modal-check-lbl {
  color: var(--qnb-primary);
}

.dash_config__cbitemview {
  display: flex;
  align-items: center;
  padding: 15px 0px;
}

.dash_config__cbitemicon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--qnb-selection);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash_config__cbitemtext {
  width: calc(100% - 45px);
  padding-left: 15px;
}

.dash_config__cbitemtext>div:first-child {
  font-size: 16px;
  font-weight: 600;
}

.dash_config__cbitemtext>div:last-child {
  font-size: 14px;
  font-weight: 400;
}

.fav_manage__modal {
  width: 60%;
}

.fav_manage__modal .f4ModalBody,
.fav_manage__modal .f4ModalHeader,
.fav_manage__modal .f4ModalFooter {
  background: var(--qnb-background-muted);
}

.fav_manage__modal .f4ModalHeader {
  height: 60px;
}

.fav_manage__modal .f4ModalBody {
  height: calc(100% - 135px);
}

.fav_manage__hdr {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 45px;
}

.fav_manage__hdr>div:last-child {
  color: var(--qnb-foreground-secondary);
  font-size: 16px;
  font-weight: 500;
}

.fav_manage__list {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -10px;
}

.fav_manage__item {
  flex: 0 0 50%;
  padding: 5px 10px;
}

.fav_manage__item .f4CheckboxMainContainer {
  height: auto;
}

.fav_manage__item .f4checkbox-hasvalue.f4CheckboxMainContainer {
  border: 2px solid var(--qnb-border) !important;
}

.fav_manage__item .f4CheckboxMainContainer:hover {
  border: 2px solid var(--qnb-primary) !important;
}

.fav_manage__item .modal-check-container {
  flex-direction: row-reverse;
}

.fav_manage__item .modal-check-lbl {
  padding: 0 15px 0 0;
}

.fav_manage__item .f4checkbox-hasvalue .modal-check-lbl,
.fav_manage__item .f4CheckboxMainContainer:hover .modal-check-lbl {
  color: var(--qnb-primary);
}

.fav_manage__itemcblbl {
  display: flex;
  align-items: center;
  min-height: 60px;
}

.fav_manage__itemcblbl>div:first-child {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--qnb-selection);
}

.fav_manage__itemcblbl>div:last-child {
  width: calc(100% - 40px);
  padding-left: 15px;
  font-size: 15px;
  font-weight: 500;
}

.save_template__modal {
  width: 40%;
  height: 45%;
}

.save_template__modal .f4ModalHeader {
  height: 110px;
}

.save_template__modal .f4ModalBody {
  height: calc(100% - 185px);
}

.save_template__modalhdr {
  font-size: 20px;
}

.save_template__modalhdr>div:last-child {
  font-size: 14px;
  font-weight: 500;
}

.save_template__modal .f4ModalFooter>.f4ButtonGroup>span {
  width: 100%;
}

.bob_panel__stepcopytemplate {
  display: flex;
  justify-content: space-between;
}

.bob_panel__copytemplate {
  margin-bottom: -20px;
}

.copy_from__btn {
  border: 1.5px solid var(--qnb-primary);
  border-radius: 20px;
  background-color: var(--qnb-background);
  color: var(--qnb-primary);
}

.copy_from__btn:hover,
.copy_from__btn:active,
.copy_from__btn:focus {
  background-color: var(--lighter-main-color);
}

.copyfrom_btn__options {
  padding: 15px;
  max-height: 320px;
}

.copyfrom_search__field {
  position: relative;
}

.copyfrom_hdr {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 15px;
}

.copyfrom_search__field>input {
  border: 1px solid transparent;
  border-bottom: 2px solid var(--qnb-border);
  width: 100%;
  height: 35px;
  font-weight: 500;
  font-size: 14px;
  padding: 0 30px 0 5px;
  transition: 0.5s;
}

.copyfrom_search__field>input:focus,
.copyfrom_search__field>input:hover,
.copyfrom_search__field>input:active {
  border: 1px solid transparent;
  border-bottom: 2px solid var(--qnb-primary);
  outline: none;
}

.copyfrom_search__field>input::-moz-placeholder {
  color: var(--placeholder-color);
}

.copyfrom_search__field>input::placeholder {
  color: var(--placeholder-color);
}

.copyfrom_search__field>input::-moz-placeholder {
  color: var(--placeholder-color);
}

.copyfrom_search__field>input::-webkit-input-placeholder {
  color: var(--placeholder-color);
}

.copyfrom_search__field>img {
  position: absolute;
  width: 15px;
  height: 15px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--placeholder-color);
}

.copyfrom_dropdown__panel {
  margin-top: 15px;
}

.copyfrom_dropdown__item {
  display: flex;
  align-items: center;
  transition: 0.5s;
  position: relative;
  border-radius: 10px;
  cursor: pointer;
  padding: 8px 10px;
  margin: 0 -5px 10px;
  background: var(--qnb-background-muted);
  font-size: 15px;
}

.copyfrom_dropdown__item:hover {
  background: var(--light-hover-color);
}

.copyfrom_dropdown__item:last-child {
  margin-bottom: 0px;
}

.copyfrom_dropdown__item>div:first-child {
  width: calc(100% - 28px);
  word-break: break-word;
  padding: 0;
  font-weight: 500;
}

.copyfrom_dropdown__noitem {
  color: var(--qnb-foreground-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.copyfrom_dropdown__item>div:last-child {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  cursor: pointer;
}

.copyfrom_dropdown__item>div:last-child:hover {
  transform: scale(1.05);
}

.copyfrom_pagination__panel {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.copyfrom_pagination__panel>div {
  cursor: pointer;
  color: var(--qnb-accent);
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: 0.5s;
}

.copyfrom_pagination__panel>div:hover {
  color: var(--qnb-accent);
}

.copyfrom_pagination__panel>.copyfrom_page__hide {
  opacity: 0;
  pointer-events: none;
}

.copyfrom_pagination__panel>div:first-child>i {
  margin-right: 5px;
}

.copyfrom_pagination__panel>div:last-child>i {
  margin-left: 5px;
}

.help_section__modal {
  width: 60%;
  height: 90%;
}

.help_section__modal .f4ModalBody {
  padding: 0px;
}

.help_section__modal .f4Tabs {
  position: sticky;
  top: 0;
  z-index: 9;
}

.help_section__modal .f4ModalHeader,
.view_cwt__modal .f4ModalHeader {
  border-bottom: 1px solid var(--qnb-border);
}

.help_section__modal .ant-tabs-bar {
  margin: 0px;
  background: var(--main-plain-bg);
}

.help_section__modal .ant-tabs-nav {
  width: 100%;
}

.help_section__modal .ant-tabs-nav>div {
  display: flex;
}

.help_section__modal .ant-tabs-nav .ant-tabs-tab {
  flex: 1;
  margin: 0px;
  text-align: center;
  padding: 10px;
}

.faq_section__panel {
  padding: 0 25px;
  display: inline-block;
  width: 100%;
}

.faq_section__item .collapsibleContainer {
  border: none;
  box-shadow: none;
  border-radius: 0px;
  border-bottom: 1px solid var(--qnb-border);
  padding: 10px 0px;
  margin: 0px;
}

.faq_section__item .panel-default>.headerBackgroundCollapsible {
  padding: 10px 0px;
  font-size: 22px;
}

.faq_section__item .headerCollapsible {
  font-size: 22px;
}

.faq_section__item .collapsibleBody {
  padding: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
}

.help_file__section {
  padding: 25px;
}

.bob_grcicon__view,
.f4upload_field__value>.bob_grcicon__view:first-child {
  background: var(--qnb-selection);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.help_file__content {
  display: flex;
  flex-direction: column;
}

.help_file__item {
  position: relative;
  padding: 10px 15px 10px 20px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--qnb-border);
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.help_file__nm {
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
}

.help_file__itembrd,
.bob_grcbrd__view,
.biller_selector__valuebrd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--qnb-primary);
}

.biller_selector__valuesuspended,
.biller_selector__valuesuspended:hover,
.biller_selector__valuesuspended:focus {
  cursor: not-allowed;
  cursor: -moz-not-allowed;
  cursor: -webkit-not-allowed;
}

.help_file__itemdl {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
}

.help_file__itemdl:hover {
  background: var(--light-hover-color);
}

.help_file__itemlbl {
  width: calc(100% - 75px);
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
}

.upload_error__viewer {
  text-align: left;
}

.upload_error__viewhdr {
  font-size: 26px;
  font-weight: 600;
  text-align: center;
}

.upload_error__viewhdr>div:last-child {
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
}

.upload_error__viewer .bob_instr__viewer {
  margin: 40px -25px 0;
}

.upload_error__viewicon {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.bob_upload__dtlsection {
  width: 370px;
  margin-left: 30px;
}

.bob_upload__dtls {
  background: var(--txn-right-bg);
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 15px;
}

.bob_upload__dtlhdr {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--qnb-border);
}

.bob_upload__dtlitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.bob_upload__dtlitem:last-child {
  margin-bottom: 0px;
}

.bob_upload__dtlitem>div:first-child {
  color: var(--qnb-foreground-disabled);
  font-size: 15px;
  flex: 3;
}

.bob_upload__dtlitem>div:last-child {
  text-align: right;
  font-size: 17px;
  font-weight: 500;
  display: flex;
  justify-content: flex-end;
  flex: 5;
  word-break: break-all;
}

.txn_upload__field .f4upload_field__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.txn_upload__field .bob_btn__link {
  font-size: 14px;
  font-weight: 500;
}

.txn_upload__field .bob_btn__link>img {
  margin-right: 7px;
}

.file_format__dtlmodal .f4ModalHeader {
  border-bottom: 1px solid var(--qnb-border);
}

.file_format__dtlmodal .f4ModalBody {
  padding: 0 20px 0;
}

.file_format__dtlmodal_gray .f4ModalBody {
  background: var(--qnb-background-muted);
  padding-top: 20px;
}

.file_format__dtlhdr {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-right: 20px;
}

.file_format__dtlhdr .bob_brd__btn {
  height: 40px;
  border-radius: 10px;
  border: 1.5px solid var(--qnb-primary);
  padding: 0 15px 0 10px;
  font-size: 14px;
  font-weight: 500;
}

.file_format__dtlbody>.row {
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.file_format__dtlbody>.row>div {
  padding: 0 20px;
  min-height: 40px;
}

.file_format__dtllist {
  border-top: 1px solid var(--qnb-border);
  margin: 0 -20px 0;
  padding: 20px 20px;
  background-color: var(--qnb-background-muted);
}

.file_format__dtlopt {
  padding: 0 10px 10px;
}

.tc_txnlimit__olofcol {
  flex-direction: column;
}

.tc_txnlimit__olofcol>div {
  width: 100%;
  margin-bottom: 10px;
}

.tc_txnlimit__olofcol>div:last-child {
  margin-bottom: 0;
}

/** temp for RTM color **/
.bob_approve__btn2 {
  background: var(--qnb-success);
}

.bob_approve__btn {
  background-color: var(--approve-btnalt-bg);
}

.bob_approve__btn:hover,
.bob_approve__btn:active,
.bob_approve__btn:focus {
  background-color: var(--approve-btnalt-hover) !important;
}

/** start biller selector **/

.biller_selector__control .biller_selector__indicator-separator {
  display: none;
}

.biller_selector__dropdown-indicator {
  font-size: 25px !important;
}

.biller_selector__clear-indicator>i {
  font-size: 15px !important;
}

.biller_selector__value-container,
.biller_selector__placeholder {
  height: 100%;
}

.biller_selector__value-container {
  align-items: flex-start !important;
}

.biller_selector__placeholder {
  padding: 10px 40px 10px 10px;
}

.biller_selector__plc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 7px;
}

.biller_selector__plclbl {
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--qnb-primary);
}

.biller_selector__plclbl>img {
  margin-right: 15px;
}

.biller_selector__input-container {
  margin: 15px 10px 15px 10px !important;
}

.biller_selector__menu {
  top: 50% !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 -3px 13px 0 var(--qnb-shadow-subtle), 8px 6px 8px 3px var(--qnb-shadow-md),
    0 10px 18px 3px var(--qnb-foreground) !important;
  border: 1px solid var(--border-color-alt) !important;
  margin: 0px !important;
  z-index: 999 !important;
}

.biller_selector__menu-list {
  padding: 0 !important;
  max-height: 400px !important;
}

.biller_selector__grpsection {
  padding: 10px 20px;
}

.biller_selector__grpsecfave .biller_selector__group>div:last-child {
  background: var(--mbl-details-bg);
  border-radius: 10px;
  overflow: hidden;
  padding: 5px;
}

.biller_selector__group-heading {
  text-transform: unset !important;
  padding: 0px !important;
}

.biller_selector__optgrp {
  font-size: 18px;
  font-weight: 600;
  color: var(--qnb-primary);
  text-transform: unset;
}

.biller_selector__option {
  transition: 0.5s;
  position: relative;
  cursor: pointer !important;
  color: var(--qnb-primary) !important;
  border-bottom: none !important;
  border-radius: 10px;
}

.biller_selector__option:hover {
  background: var(--light-hover-color) !important;
}

.biller_selector__grpsecfave .biller_selector__option {
  border-radius: 10px;
  border-bottom: none !important;
  background: transparent !important;
}

.biller_selector__grpsecfave .biller_selector__option--is-selected,
.biller_selector__grpsecfave .biller_selector__option:hover {
  background: var(--qnb-background) !important;
}

.biller_selector__option::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--qnb-border);
}

.biller_selector__grpsecfave .biller_selector__option::after {
  background: var(--qnb-background);
}

.biller_selector__option:last-child:after {
  display: none;
}

.biller_selector__optitem {
  display: flex;
  align-items: center;
  min-height: 60px;
  z-index: 999;
}

.biller_selector__optitem>div:first-child {
  /* height: 40px; */
  /* width: 40px; */
  /* border-radius: 50%; */
  /* background: var(--qnb-background); */
  /* padding: 5px; */
  padding-top: 5px;
  padding-bottom: 5px;
}

.biller_selector__grpsecfave .biller_selector__optitem>div:first-child {
  background: var(--qnb-background);
}

.biller_selector__optitem>div:first-child>img {
  /* height: 100%; */
  /* width: 100%; */
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.biller_selector__optitemtxt {
  font-size: 17px;
  font-weight: 600;
  width: calc(100% - 40px);
  padding-left: 15px;
}

.biller_selector__optitemsubtxt {
  font-size: 13px;
  color: var(--qnb-foreground-secondary);
  font-weight: 500;
}

/* .biller_selector__optitemtxt > div:nth-child(2) {
  font-size: 13px;
  font-weight: 500;
} */

.biller_selector__value {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 123px;
  padding: 10px 15px;
}

.biller_selector__valueimg {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: var(--qnb-background);
  /* padding: 5px; */
  position: relative;
}

.biller_selector__valueimgplaceholder {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  padding: 0;
  position: relative;
}

.biller_selector__valueimg>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
}

.biller_selector__valuedtls {
  font-size: 17px;
  font-weight: 600;
  position: relative;
}

.biller_selector__valuedtls>div:nth-child(2) {
  font-size: 10px;
  font-weight: 500;
}

.biller_selector__valuebrd {
  background: var(--selected-biller-bg);
  z-index: 1;
}

.biller_selector__value>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.biller_selector__clear-indicator {
  height: 30px;
  width: 30px;
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-md);
  border-radius: 50%;
  background: var(--qnb-background);
  position: absolute;
  right: 55px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qnb-primary) !important;
  font-size: 23px;
  cursor: pointer;
  padding: 0 !important;
}

/** end of biller selector **/
/* || BILLER VIEW */

.biller_view__fielditem {
  height: 140px;
  position: relative;
  /* border-radius: 13px; */
  border-radius: 13px;
  flex: 1;
  overflow: hidden;
}

.biller_view__fielditem>img:first-child {
  border-radius: 13px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.biller_view__fielditemimg>img {
  height: 50px;
  width: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  background-color: var(--qnb-background);
}

.biller_view__content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.biller_view__fielditemhdr {
  color: var(--mblsubhdr-color);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  margin-top: 15px;
}

.biller_view__fielditemlabel {
  color: var(--hdr-color);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 15px;
}

.biller_view__fieldprodnm {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 6px;
  white-space: pre-wrap;
}

.biller_view__fielditemimg>div {
  /* padding: 5px; */
  border-radius: 50%;
  background-color: var(--qnb-background);
}

.biller_view__fielditemimg>div>img {
  height: 50px;
  width: 50px;
  text-align: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.biller_acksubhdr {
  color: var(--qnb-foreground-secondary);
  font-size: 16px;
  font-weight: 500;
}

.bob_cancel_acct__section {
  display: flex;
  background-color: var(--qnb-background-muted);
  height: 68px;
  margin-top: 15px;
  border-left: 6px solid var(--qnb-border-strong);
}

.bob_cancel_acct__section>div:first-child {
  padding: 25px;
}

.bob_cancel_acct__section>div:nth-child(2) {
  padding: 20px 0px;
}

.bob_cancel_acct__section>div:nth-child(2) .bob_cancel_acct__section_hdr {
  height: 17px;
  width: 100%;
  color: var(--qnb-foreground);
  font-family: 'qnb-sans';
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
}

.bob_cancel_acct__section>div:nth-child(2) .bob_cancel_acct__section_subhdr {
  height: 17px;
  width: 100%;
  color: var(--qnb-foreground);
  font-family: 'qnb-sans';
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
}

.bob_cancel_acct__section>div:nth-child(3) .asf4FormValidate .f4InputField_parent {
  width: 300px;
}

.bob_cancel_acct__section>div:nth-child(3) .asf4FormValidate {
  margin-left: -5%;
  margin-right: 2%;
}

.bob_cancel_acct__section>div:nth-child(3) .asf4FormValidate .f4InputField_parent .f4FormFieldLabel {
  display: none;
}

.bob_cancel_acct__section>div:nth-child(3) {
  margin-left: auto;
  display: flex;
  padding-top: 1%;
  padding-bottom: 1%;
}

.bob_cancel_acct_btn {
  box-sizing: border-box;
  height: 41.5px;
  width: 95.5px;
  border: 1.5px solid var(--qnb-border-subtle);
  border-radius: 8px;
  color: var(--qnb-danger) !important;
  font-family: 'qnb-sans';
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  background-color: var(--qnb-background-muted) !important;
}

.cc_create__checkbox_one,
.cc_create__checkbox_two {
  float: right;
  position: relative;
  z-index: 98;
  /** display: flex;
 align-items: center;
 justify-content: left; */
}

.cc_create__checkbox_one .small-check-container {
  padding: 8px 0 0 0;
  margin-top: -2px;
}

.cc_create__checkbox_one .small-check-lbl,
.cc_create__checkbox_two .small-check-lbl {
  font-size: 13px;
  color: var(--field-label-color);
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 600;
  cursor: default;
}

.cc_create__checkbox_two .small-check-container {
  padding: 8px 0 0 0;
  margin-top: -3.5px !important;
}

.cc_create__checkbox_two .small-check-box {
  margin: 0px 10px 0px 15px;
}

.cc_create__form_checkbox {
  margin-top: 29px;
}

/* || INQUIRY EXPANDED VIEW */
.inquiry_expanded__tofrom {
  position: relative;
  width: 350px;
  padding-right: 20px;
}

.inquiry_expanded__container .bob_view__field::after {
  content: none;
}

.inquiry_expanded__container .bob_txnamount__field>div:first-child {
  font-size: 13px;
  font-weight: 500;
}

.inquiry_expanded__container .bob_txnamount__field>div:last-child {
  font-weight: 700;
}

.inquiry_expanded__details>.row:not(:last-child) {
  margin-bottom: 20px;
}

.inquiry_expanded__details {
  padding-left: 20px;
  flex: 1;
  border-left: 1.3px solid var(--expanded-border);
  min-width: 285px;
}

.inquiry_expanded__details>.inquiry_expanded__viewgrp:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1.3px solid var(--expanded-border);
  margin-bottom: 20px;
}

.inquiry_expanded__details .bob_view__portlet {
  background: transparent;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid var(--expanded-border);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.inquiry_expanded__details .bob_view__portlethdr {
  display: none;
}

.inquiry_expanded__details .bob_view__portletbody,
.inquiry_expanded__details .bob_view__portletbody>.row {
  padding: 0px;
}

.inquiry_expanded__details .bob_view__portletbody>.row::after {
  display: none;
}

.dashedline {
  border-left: 1px dashed var(--qnb-accent);
  width: 20px;
  height: 94px;
  position: absolute;
  /* left: -30px; */
  /* transform: translate(-50%, -50%); */
  /* rotate: 90deg; */
  top: 42px;
  left: 20px;
  z-index: 0;
}

.inquiry_expanded__availbal .bob_view__fieldlabel {
  font-size: 12px;
}

.inquiry_expanded__availbal .bob_view__fieldvalue {
  font-weight: 600;
}

.inquiry_expanded__srcdest {
  display: flex;
  flex-direction: column;
}

.inquiry_expanded__container {
  display: flex;
}

.inquiry_expanded__itemwimg {
  display: flex;
}

.inquiry_expanded__itemwimg>.bob_view__field {
  width: calc(100% - 40px);
  padding-left: 25px;
}

.inquiry_expanded__availbal {
  margin-left: 55px;
}

.inquiry_expanded__container .bob_txnamount__field {
  background-color: var(--txn-right-bg);
  border: none;
}

.inquiry_expanded__srcdest>.inquiry_expanded__itemwimg {
  margin-bottom: 20px;
}

.inquiry_expanded__srcdest~.inquiry_expanded__srcdest {
  margin-top: 40px;
}

/* START OF DOWNTIME */
.maintenance__body {
  display: flex;
  width: 100vw;
  justify-content: center;
  /* margin: 0px 30px; */
  align-items: center;
  min-height: 100vh;
  flex-direction: column;
}

.maintenance__logos {
  display: flex;
  justify-content: center;
  /* height: 10%; */
  position: relative;
}

.maintenance__logos>div {
  display: flex;
  justify-content: center;
  /* height: 10%; */
  position: relative;
  /* left: -4px; */
}

.maintenance__logos>div>img {
  /* margin-right: 40px; */
  height: 80px;
}

.maintenance__logos>div>img:last-child {
  margin-right: 0px;
}

.maintenance__content {
  justify-content: center;
  /* height: 70%; */
}

.maintenance__content>div {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.maintenance__content>div>img {
  height: 200px;
  width: auto;
  /* width: 100%;
  %; */
  margin: 60px 0px 30px;
}

.maintenance__body>div:first-child {
  max-width: 700px;
  /* display: flex; */
  margin: 60px auto 70px;
}

.maintenance__content>div>div:first-of-type {
  font-size: 28px;
  font-weight: 700;
}

.maintenance__contact>div:last-of-type>div:last-child {
  font-weight: 500;
}

.maintenance_flex a,
.maintenance_flex a:hover,
.maintenance_flex a:focus {
  color: var(--qnb-secondary);
  font-weight: 700;
}

.maintenance__content>div>div {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}

.maintenance__contact>div:first-of-type {
  margin-bottom: 20px;
  background: var(--qnb-border);
  height: 1px;
}

.maintenance__contact>div:last-of-type {
  background: var(--qnb-background-muted);
  padding: 12px 0px 13px 34px;
  width: 100%;
  border-radius: 13px;
}

.maintenance__warning {
  position: relative;
  /* top: 35px; */
  /* left: 11px; */
  left: -16px;
}

.maintenance_flex {
  display: flex;
}

/* END OF DOWNTIME */

/*start of f4popupNotification*/
.f4popupNotification {
  position: fixed;
  width: 250px;
  /* margin-left: -7px; */
  /* margin-top: -9px; */
  margin: 20px;
  z-index: 1000000000000000000;
  right: 0;
  bottom: 0;

  display: flex;
  flex-direction: column-reverse;
}

.f4popupNotification .f4popupNotification_div {
  min-height: 40px;
  margin-top: 10px;
  color: var(--qnb-foreground-inverse);
  padding: 10px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.f4popupNotification .f4popupNotification_error {
  background: var(--qnb-warning-emphasis);
}

.f4popupNotification .f4popupNotification_success {
  background: var(--qnb-success);
}

.f4popupNotification .f4popupNotification_info {
  background: var(--qnb-info);
}

.f4popupNotification .f4popupNotification_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.f4popupNotification .f4popupNotification_header .f4popupNotification_type {
  font-size: 14pt;
}

.f4popupNotification .f4popupNotification_header .f4popupNotification_type i {
  margin-right: 5px;
}

.f4popupNotification_headerElement {
  z-index: 2;
}

.f4popupNotification .f4popupNotification_content {
  margin-top: 5px;
}

.f4popupNotification .f4popupNotification_footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.f4popupNotification .f4popupNotification_remove {
  /* border: none;
    background-color: white;
    border-radius: 3px;
    height: 28px;
    color: var(--qnb-info);
    */
  color: var(--qnb-foreground-inverse);
  z-index: 2;

  background: transparent;
  border: none;
}

.f4popupNotification .f4popupNotification_glossy {
  position: absolute;
  /* width: 100%; */
  /* height: 50px; */
  right: -50%;
  bottom: -32px;
  padding: 0px;
  background-color: var(--qnb-background-inverse);
  width: 500px;
  height: 100px;
  /* border: solid 5px var(--qnb-foreground); */
  border-color: var(--qnb-foreground) transparent transparent transparent;
  border-radius: 50%/100px 100px 0 0;
  /* background-color: red; */
  /* -ms-transform: translate(50px, 100px); */
  /* -webkit-transform: translate(50px, 100px); */
  /* transform: translate(50px, 100px); */
  /* -ms-transform: translate(50px, 100px); */
  /* -webkit-transform: translate(50px, 100px); */
  /* transform: translate(50px, 100px); */
  /* transform: translate(40); */
  transform: rotate(-20deg);
}

.f4popupNotification_show {
  animation-name: animJelly;
  animation-duration: 1s;
  animation-timing-function: linear;
}

.f4popupNotification_hide {
  animation-name: f4popupNotification_animFade;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

@keyframes f4popupNotification_animFade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* Generated with Bounce.js. Edit at http://goo.gl/6iLZu5 */

@keyframes animJelly {
  0% {
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  2.083333% {
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  4.166667% {
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  6.25% {
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  8.333333% {
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  10.416667% {
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  12.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  14.583333% {
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  16.666667% {
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  18.75% {
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  20.833333% {
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  22.916667% {
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  25% {
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  27.083333% {
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  29.166667% {
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  31.25% {
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  33.333333% {
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  35.416667% {
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  37.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  39.583333% {
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  41.666667% {
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  43.75% {
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  45.833333% {
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  47.916667% {
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  50% {
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  52.083333% {
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  54.166667% {
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  56.25% {
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  58.333333% {
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  60.416667% {
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  62.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  64.583333% {
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  66.666667% {
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  68.75% {
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  70.833333% {
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  72.916667% {
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  75% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  77.083333% {
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  79.166667% {
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  81.25% {
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  83.333333% {
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  85.416667% {
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  87.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  89.583333% {
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  91.666667% {
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  93.75% {
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  95.833333% {
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  97.916667% {
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

/*end of f4popupNotification*/

.displaytemplate_search {
  position: relative;
}

.displaytemplate_search>input {
  border: none;
  width: 100%;
  height: 40px;
  padding: 0 15px 0 35px;
  font-size: 12pt;
}

.displaytemplate_search>div {
  transition: 0.5s;
  transform: scaleX(0);
  height: 2px;
  width: 100%;
  background: var(--qnb-primary);
  position: absolute;
  bottom: 0;
  left: 0;
}

.displaytemplate_search>input:focus-visible {
  outline: none;
}

.displaytemplate_search>input:focus+div {
  transform: scaleX(1);
}

.displaytemplate_search>input::-moz-placeholder {
  color: var(--qnb-foreground-placeholder);
}

.displaytemplate_search>input::placeholder {
  color: var(--qnb-foreground-placeholder);
}

.displaytemplate_search>input::-moz-placeholder {
  color: var(--qnb-foreground-placeholder);
}

.displaytemplate_search>input::-webkit-input-placeholder {
  color: var(--qnb-foreground-placeholder);
}

.displaytemplate_search>i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  color: var(--qnb-foreground-placeholder);
}

.bob_panel_with_right_panel .datepick_range__popupbtnfr {
  width: -moz-fit-content;
  width: fit-content;
}

.initial_filter__datetime {
  margin: 0px -20px 0px 0px;
}

.initial_filter__datetimembl {
  min-width: 260px;
}

.searchTemplateModal .f4ButtonGroup {
  display: flex;
  justify-content: center;
}

/* ||OTP MOdal */
.sms_otp__modal {
  width: 510px;
  max-width: 100%;
  max-height: 100%;
}

.sms_otp__modal .modal-content {
  max-height: 100%;
  overflow: auto !important;
  /* height:621px; */
}

[role='dialog']~[role='dialog']>div:nth-child(2) {
  z-index: 1070;
}

[role='dialog']~[role='dialog'] .modal-backdrop.in {
  z-index: 1060;
}

.dash_nowidgets__placeholder {
  margin: 50px 0;
}

.dash_nw__ph {
  margin-top: 20px;
}

.dash_nw__ph>div:first-child {
  font-size: 20px;
  font-weight: 600;
  color: var(--qnb-primary);
}

.dash_nw__ph>div:last-child {
  color: var(--sub-hdr-color);
}

.dash_nw__ph>div:last-child>img {
  filter: grayscale(1) brightness(0.5);
  height: 20px;
  margin: 0 5px;
}

.dash_nw__ph>div:last-child>span {
  font-weight: 600;
}

.wf_approval__tbl .bob_view__portletbody {
  padding: 0px;
}

.wf_approval__tbl .f4datatable_optionButtons {
  display: none;
}

.view_rd__withfsp .bob_upload__dtlsection {
  margin: 0px;
  width: 100%;
}

.txnview_cancel__txnbtn {
  position: relative;
  margin-top: 15px;
}

.txnview_cancel__txnbtn::before {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  top: -5px;
  height: 1px;
  background: var(--qnb-border);
}

.txnview_cancel__txnbtn:only-child,
.txnview_cancel__txnbtnon {
  margin-top: 0px;
}

.txnview_cancel__txnbtn:only-child::before,
.txnview_cancel__txnbtnon::before {
  display: none;
}

.cancel_txn__confirm>div:nth-child(2) {
  text-align: left;
  margin-top: 20px;
}

.f4datatable-download-newportal .actionchoice-options {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.txn_type__merchinstr {
  padding: 10px 15px;
  min-height: 45px;
}

.merchant_dtl__fields {
  margin-bottom: -20px !important;
}

.merchant_dtl__fields>div {
  margin-bottom: 20px;
}

.step_wizard__wfremalt {
  height: 70px;
}

.step_wizard__wfremaltdtls,
.step_wizard__wfremaltinp {
  flex: 1;
  padding: 0 10px;
}

.step_wizard__wfremalt>div>div:last-child {
  display: flex;
  align-items: center;
  margin: 0 -10px;
  padding-left: 15px;
}

.step_wizard__wfremaltdtls>div:first-child {
  font-size: 15px;
  font-weight: 600;
}

.step_wizard__wfremaltdtls>div:nth-child(2) {
  font-size: 13px;
  font-weight: 400;
  margin-top: 5px;
}

.approval_ack__grphdr {
  display: flex;
  font-size: 16px;
}

.approval_ack__grphdr>div:nth-child(2) {
  margin-left: 10px;
  font-weight: 600;
  color: var(--reject-btn-color);
}

.grc_groupby__hdr {
  font-weight: 700;
  font-size: 14px;
  background: var(--qnb-selection);
  padding: 2px 7px;
  border-radius: 5px;
  color: var(--qnb-primary);
}

/* cwt */

.grc_cwtfeedback__dialog .modal-backdrop,
.grc_cwtfeedback__dialog .newfeedback_modal {
  z-index: 100000000 !important;
}

.grc_cwtfeedback__dialog {
  z-index: 100000000 !important;
}

/* .generic_cwt__modal {
  z-index: 2000;
} */

.generic_cwt__modal .f4ModalBody,
.generic_cwt__modal .f4ModalHeader,
.generic_cwt__modal .f4ModalFooter {
  background: var(--main-plain-bg);
  /* padding: 30px 150px; */
}

.generic_cwt__panel {
  display: flex;
}

.generic_cwt__panel>div:first-child {
  width: calc(100% - 350px);
}

.generic_cwt__panel>div:last-child {
  width: 350px;
}

.cwt_create__panel .bob_panel__tmpchildren {
  padding: 0 !important;
}

.generic_cwt__table {
  padding: 30px 10px 30px 30px;
  position: fixed;
  width: 350px;
  height: calc(100% - 150px);
  top: 75px;
  overflow: hidden;
}

.generic_cwt__table:hover {
  overflow: auto;
}

.generic_cwt__table .multisaved_txnlist__item {
  padding: 15px 20px;
}

.generic_cwt__addnew {
  margin-bottom: 45px;
}

.generic_cwt__addnew>button {
  width: 100%;
  background: var(--button-grey);
  color: var(--dark-label-color);
  border-radius: 10px;
  height: 60px;
  border: 2px dashed var(--qnb-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 10px;
  transition: 0.5s;
  position: relative;
  font-weight: 500;
}

.generic_cwt__addnew>button:hover {
  background: var(--button-grey-hover);
}

.generic_cwt__addnew .f4Button>i,
.generic_cwt__addnew>button>i {
  margin-right: 10px;
}

.generic_savedcwt__item>div:first-child .newlook_cwtinit__maindtls>.row,
.newlook_cwtinit__maindtls .newlook_cwtinit__table,
.newlook_cwtinit__maindtls {
  margin-bottom: 30px;
}

.generic_savedcwt__item>div:first-child {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.generic_savedcwt__item>div:nth-child(2) {
  font-size: 13px;
}

.generic_savedcwt__item>div:last-child {
  font-size: 13px;
  margin-top: 10px;
  color: var(--label-color);
}

.newlook_warninginstr__field {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.newlook_warninginstr__field>img {
  height: 28px;
  width: 28px;
}

.newlook_warninginstr__field>div {
  width: calc(100% - 28px);
  padding-left: 5px;
  padding-top: 2px;
  font-size: 14px;
  font-weight: 500;
}

.cwt_panel__listview {
  margin-top: 40px;
}

.cwt_panel__listview .f4newlistview_panel {
  margin-bottom: 40px;
}

.cwt_panel__listview .f4newlistview_table {
  margin: 0px;
}

.cwt_listview__totals {
  border-top: 1px solid var(--qnb-border) !important;
  position: relative;
}

.cwt_listview__totals .f4newlistview_rowbody>div:not(:first-child) .f4newlistview_field {
  text-align: right;
  justify-content: flex-end;
}

.viewcwt_listview__panel .sme_view__left {
  width: 100%;
}

.viewcwt_listview__panel .f4newlistview_table {
  margin: 0px;
}

/* end of cwt */

/*** Start of Multi Txn ***/

.multisaved_txnlist__panel {
  border-radius: 20px;
  margin-bottom: 20px;
  transition: 0.5s;
}

.multisaved_txnlist__hdr {
  font-size: 14px;
  font-weight: 700;
  color: var(--label-color);
  margin-bottom: 10px;
  text-transform: uppercase;
}

.multisaved_txnlist__placeholder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}

.multisaved_txnlist__placeholder>img {
  height: 90px;
}

.multisaved_txnlist__placeholder>div {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  padding: 0 20px;
  color: var(--label-color);
}

.multisaved_txnlist__item {
  display: flex;
  flex-wrap: wrap;
  border: 1.5px solid var(--qnb-border-subtle);
  border-radius: 12px;
  background-color: var(--qnb-background);
  padding: 20px 20px 10px;
  margin-bottom: 20px;
  position: relative;
}

.multisaved_txnlist__itemselected {
  background: var(--qnb-selection);
  border-color: var(--qnb-primary);
}

.multisaved_txnlist__item_icon {
  width: 30px;
}

.multisaved_txnlist__item_icon>img {
  width: 30px;
  height: 28px;
}

.multisaved_txnlist__itemalt .multisaved_txnlist__item_icon>img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.multisaved_txnlist__item>div:nth-child(2) {
  width: calc(100% - 30px);
  padding-left: 10px;
}

.multisaved_txnlist__item_dtls {
  margin-bottom: 10px;
}

.multisaved_txnlist__item_dtls>div:first-child {
  font-weight: 600;
  font-size: 14px;
  color: var(--hdr-color);
  word-break: break-word;
}

.multisaved_txnlist__item_dtls>div:nth-child(2) {
  color: var(--sub-label-color);
  font-size: 11px;
  font-weight: 400;
}

.multisaved_txnlist__item_amount {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--qnb-border-subtle);
  padding-top: 10px;
}

.multisaved_txnlist__item_amount>div:first-child {
  font-size: 10px;
  font-weight: 400;
  color: var(--hdr-color);
  width: 40px;
}

.multisaved_txnlist__item_amount>div:nth-child(2) {
  width: calc(100% - 40px);
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  color: var(--hdr-color);
  padding-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}

.multisaved_txnlist__item_amount>div:nth-child(2)>span {
  margin-right: 3px;
  margin-top: 3px;
  font-size: 8px;
}

.multisaved_txnlist__actn {
  opacity: 0;
  pointer-events: none;
  width: 100% !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  background-color: var(--qnb-background-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  padding: 0px !important;
}

.multisaved_txnlist__panelalt .multisaved_txnlist__actn {
  flex-direction: row;
}

.multisaved_txnlist__item:hover .multisaved_txnlist__actn {
  opacity: 1;
  pointer-events: unset;
}

.multisaved_txnlist__actn>div {
  position: relative;
  height: 31.5px;
  width: 101.5px;
  border-radius: 15px;
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  color: var(--qnb-foreground-inverse);
  margin: 7px 5px;
  cursor: pointer;
  transition: 0.5s;
}

.multisaved_txnlist__panelalt .multisaved_txnlist__actn>div {
  margin: 7px;
}

.multisaved_txnlist__actn>div:hover {
  transform: scale(1.1);
}

.multisaved_txnlist__edit {
  border: 1.5px solid var(--qnb-foreground-inverse);
}

.multisaved_txnlist__del {
  background-color: var(--qnb-background-inverse);
}

.multisaved_txnlist__total {
  display: flex;
  align-items: center;
  padding: 0 15px;
}

.multisaved_txnlist__total>div:first-child {
  font-size: 14px;
  font-weight: 400;
  color: var(--hdr-color);
  width: 40px;
}

.multisaved_txnlist__total>div:last-child {
  width: calc(100% - 40px);
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  color: var(--hdr-color);
  padding-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multisaved_txnlist__total>div:last-child>span {
  margin-right: 3px;
}

.multisaved_txnlist__normalitem {
  color: var(--hdr-color);
}

.multisaved_txnlist__normalitem>div:first-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}

.multisaved_otherdtls__panel {
  font-size: 13px;
  border-top: 1px solid var(--light-border-color);
  margin-top: 5px;
  padding-top: 5px;
  display: flex;
  justify-content: space-between;
  color: var(--view-label-color);
}

.multisaved_otherdtls__panel>div:last-child {
  font-size: 14px;
  font-weight: 500;
  color: var(--hdr-color);
}

.multi_checkdep__itemimgs {
  display: flex;
  margin: 0 -10px 15px;
}

.multi_checkdep__itemimgs>div {
  width: 50%;
  padding: 0 10px;
}

.multi_checkdep__itemimgs>div>img {
  width: 100%;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}

.multi_checkdep__itemname {
  font-weight: 600;
  font-size: 16px;
}

.multi_checkdep__itemdtls {
  font-size: 12px;
  color: var(--label-color);
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.multi_checkdep__itemdtls>i {
  font-size: 4px;
  margin: 0 8px;
}

.cwt_reports__form>.row {
  margin-bottom: 20px;
}

.printcwt_downloadbtn {
  float: right;
  color: var(--qnb-primary);
  cursor: pointer;
}

/*** End of Multi Txn ***/

.bp_selected__merchanthelp {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  /* position: relative; */
  position: absolute;
  top: 50px;
  right: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  cursor: pointer;
  opacity: 1;
  /* pointer-events: ; */
}

.bp_selected__merchant:hover .bp_selected__merchantremove,
.bp_selected__merchant:hover .bp_selected__merchanthelp {
  opacity: 1;
  /* pointer-events: unset; */
}

.bp_selected__merchantremove>img,
.bp_selected__merchanthelp>img {
  /* height: 28px;
  width: 28px; */
  height: 38px;
  width: 38px;
}

.biller_selector_with_help_btn>span {
  font-size: 20px !important;
  margin: 5px 8px;
}

.bp_merchant__helpmodal {
  width: 40%;
}

.bp_merchant__helpmodal .f4ModalTitle>img {
  height: 30px;
}

.bp_merchant__helphdr {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.bp_merchant__helpinstr {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}

.bene_list__searchfieldalt {
  display: flex;
}

.bene_list__searchwithbtn,
.bene_list__ctgry {
  position: relative;
  width: calc(100% - 45px);
  transition: 0.5s;
}

.bene_list__searchwithbtn {
  padding-right: 10px;
}

.bene_list__ctgry {
  padding-left: 10px;
}

.bene_list__searchbtn {
  width: 45px;
  height: 45px;
  position: absolute;
  border-radius: 50%;
  /* background: var(--button-grey-hover); */
  background: var(--qnb-background-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  top: 0;
  left: 0;
  cursor: pointer;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}

.bene_list__searchbtn>img {
  height: 28px;
}

.bene_list__ctgrybtn {
  width: 45px;
  height: 45px;
  position: absolute;
  border-radius: 50%;
  background: var(--qnb-background);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  top: 0;
  left: 0;
  cursor: pointer;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}

.bene_list__ctgrybtn>img {
  height: 28px;
}

.bene_list__ctgry .f4FormFieldLabel {
  display: none;
}

.bene_list__searchwithbtnalt,
.bene_list__ctgryalt {
  width: 45px;
  padding: 0px;
}

.bene_list__searchwithbtnalt .bene_list__searchbtn,
.bene_list__ctgryalt .bene_list__ctgrybtn {
  opacity: 1;
  pointer-events: unset;
  background-color: var(--qnb-background-muted);
  border: 1px solid var(--qnb-border);
}

.bene_list__searchwithbtn .bene_list__search,
.bene_list__ctgry .bene_list__ctgryselect {
  transition: 0.3s;
  width: 100%;
}

.bene_list__searchwithbtnalt .bene_list__search,
.bene_list__ctgryalt .bene_list__ctgryselect {
  opacity: 0;
  pointer-events: unset;
}

.bene_list__ctgryselect .Select-control {
  background: var(--search-input-bg);
  border: 1px solid var(--qnb-border);
  color: var(--search-input-placeholder);
}

.upload_hdrerror__section {
  margin-bottom: 15px;
}

.upload_hdrerror__list {
  padding: 5px 0 0 10px;
  margin: 0px;
}

.upload_hdrerror__list>li {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 5px;
  font-size: 12px;
}

.upload_hdrerror__list>li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.upload_hdrerror__list>li::after {
  content: '';
  position: absolute;
  left: -10px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--qnb-border);
}

.upload_hdrerror__list>li:last-child::after {
  display: none;
}

.upload_dtlerror__section {
  border-radius: 10px;
  border: none;
  align-items: flex-start;
}

.upload_dtlerror__section .bob_instr__viewerhdr {
  color: var(--instr-color);
}

.upload_experror__section {
  background: var(--qnb-background);
}

.upload_experror__section .expandedContent {
  border: none;
  padding-top: 0px;
}

.bob_download__btn {
  height: 45px;
  padding: 5px 25px 5px 21px;
  z-index: 1000;
}

.bob_download__btn_2 {
  height: 45px;
  padding: 5px 25px 5px 21px;
  z-index: 1000;
  margin-right: 20px;
}

.file_format__tabs {
  margin-top: 0;
  margin-left: -20px;
  width: calc(100% + 40px);
  position: fixed;
  z-index: 10;
}

.file_format__tabs .ant-tabs-bar {
  background: var(--qnb-background);
}

.file_format__data {
  padding-top: 80px;
}

.file_format__table {
  border: 1.3px solid var(--qnb-border);
  border-radius: 10px;
  background-color: var(--qnb-background);
  padding-bottom: 0;
}

.file_format__tblhdr {
  font-size: 18px;
  font-weight: 600;
  padding: 15px 20px 0 20px;
}

.file_format__lvhdr {
  font-size: 18px;
  font-weight: 600;
  padding: 10px 20px 15px 20px;
}

.file_format__table .f4datatable_totals__item {
  display: none;
}

.file_format__data+.file_format__dtlbody .file_format__dtllist {
  margin-top: 20px;
}

.bob_txnamount__field .view_amt__formattedwc>span {
  font-size: 15px !important;
  padding-top: 1px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--qnb-background) inset !important;
  -webkit-transition: var(--qnb-background) 5000s ease-in-out 0s;
  transition: var(--qnb-background) 5000s ease-in-out 0s;
}

.newfologin_inputfield .bob_login__linkpw::before {
  content: '';
  display: block;
  height: calc(100% - 20px);
  width: 1px;
  background: var(--qnb-border);
  margin-right: 14px;
}

.txndtls_right__section {
  padding-right: 20px;
}

.searchfilter_adv__body .collapsibleContainer {
  border: none;
  box-shadow: none;
}

.searchfilter_adv__body .panel-body {
  padding: 0;
}

.searchfilter_adv__body .panel-default>.headerBackgroundCollapsible {
  padding: 0 0 10px 0;
  align-items: center;
  line-height: 1.2;
}

.searchfilter_adv__body .panel-default>.headerBackgroundCollapsible::after {
  background: var(--qnb-border);
  height: 1.3px;
  width: calc(100% + 30px);
  display: block;
  position: absolute;
  content: '';
  bottom: 20px;
  left: -15px;
}

.searchfilter_adv__fieldgrp--body::after {
  background: var(--qnb-border);
  width: calc(100% + 30px);
  height: 1;
  display: block;
  content: '';
  margin-top: 20px;
  margin-left: -15px;
}

.acct_card__newdtlsalt {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  max-width: calc(100% - 80px);
  min-width: 255px;
}

.acct_card__newdtl>div {
  padding: 0;
}

.acct_card__newdtl .bob_view__fieldlabel {
  font-size: 10px;
}

/* cwt css */
.ewt-parent {
  border-top: 1px solid var(--qnb-border);
  /* padding: 25px 20px; */
}

.ewt-parent .f4InputField {
  text-align: right;
}

.ewt-parent .f4FormFieldLabel {
  display: none;
}

.ewt-parent .asf4FormValidate {
  width: 100%;
  padding: 10px;
}

.ewt_btn--right {
  display: flex;
  width: 100% !important;
  justify-content: flex-start;
  /* margin-bottom: 15px !important; */
  margin-top: 15px !important;
}

.ewt-btn {
  margin-right: 10px;
  width: 100px;
}

.print-btn {
  height: 35px;
  border-radius: 5px;
}

.ewt-totals {
  font-weight: 600;
  font-size: 20px;
  border-bottom: 2px solid black;
  width: 100%;
  margin-bottom: 20px;
}

.ewt-fields {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 10px;
}

.ewt-fields>div {
  display: flex;
  flex-direction: column;
}

.ewt-form {
  width: 100%;
  background: var(--qnb-background-muted);
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 20px;
}

.view-ewt-box {
  background: var(--qnb-background-muted);
  border-radius: 5px;
  margin-bottom: 15px;
}

.view-ewt-box:nth-child(odd) {
  border-left: 5px solid var(--qnb-primary);
}

.view-ewt-box:nth-child(even) {
  border-left: 5px solid var(--qnb-border);
}

.view-ewt-atc {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-weight: 600;
}

.amount-split-left {
  font-size: 22px;
}

.ewt-total-field {
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
  height: 45px;
  border-radius: 10px;
  background-color: var(--qnb-background-muted);
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--qnb-primary);

  align-items: center;
  display: flex;
  width: 100%;
  line-height: 1.42857143;
}

.alt-list-view .f4newlistview_tbody .f4newlistview_row:nth-child(odd) {
  border-left: 5px solid var(--qnb-primary);
}

.alt-list-view .f4newlistview_tbody .f4newlistview_row:nth-child(even) {
  border-left: 5px solid var(--qnb-border);
}

.alt-list-view .f4newlistview_row:last-child {
  border-radius: 0;
}

/* biller address */
.biller_addbook__itemsfavorite {
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background);
  padding: 12px 10px;
}

.biller_addbook__itemsfavorite .biller_addbook__item--favorite {
  border: none;
  /* border-bottom: 1px solid var(--qnb-border-subtle); */
  width: 100%;
  /* padding-bottom: 10px; */
  /* margin-bottom: 10px; */
}

.biller_addbook__dtlhdr--favorite>div:first-child {
  font-size: 15px;
  font-weight: 600;
}

.biller_addbook__dtlhdr--favorite>div:nth-child(2) {
  color: var(--mblsubhdr-color);
  font-size: 13px;
  font-weight: 500;
}

.biller_addbook__itemfavorite:hover {
  background-color: var(--qnb-background-muted) !important;
  border: 1px solid var(--qnb-border-subtle) !important;
}

.biller_addbook__iteminfo {
  display: flex;
}

.biller_addbook__subdtls {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--qnb-border-subtle);
  margin-top: 10px;
}

.biller_addbook__subdtls .biller_addbook__header {
  display: flex;
}

.biller_addbook__subhdr {
  color: var(--sub-text-coloralt);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.biller_addbook__subval {
  color: var(--qnb-primary);

  font-size: 15px;
  font-weight: 500;

  line-height: 1.2;
}


.biller_addbook__subdtls>.biller_addbook__header {
  padding-block: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.biller_addbook__subdtls>.biller_addbook__header:first-child:not(:last-child) {
  padding-bottom: 15px;
  padding-top: 15px;
}

.biller_addbook__subdtls>.biller_addbook__header:last-child:not(:first-child) {
  padding-top: 15px;
  padding-bottom: 0;
}

.biller_addbook__subdtls>.biller_addbook__header:not(:last-child) {
  border-bottom: 1px solid var(--qnb-border-subtle);
}

.biller_addbook__dtlhdr--favorite {
  display: flex;
  flex-direction: column;
  gap: 5px;
  line-height: 1.2;
}

.biller_addbook__content--favorite>div {
  margin-bottom: 10px;
  cursor: pointer;
}

.biller_selector__favsubhdr {
  font-size: 13px;
  font-weight: 500;
  color: var(--qnb-foreground-secondary);
}

.biller_selector__favoptitem {
  align-items: flex-start;
}

.cwt_reports__modal {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  width: 530px;
  max-width: 100%;
}

.cwt_reports__modal .Select-menu-outer {
  z-index: 1000000;
}

.cwt_reports__modal .f4modalbody {
  overflow: visible;
}

.panel__links {
  /* position: absolute; */
  justify-content: center;
  display: flex;
  gap: 10px;
  bottom: 10px;
  padding: 0 20px 0 0;
  /* justify-self: flex-end; */
  left: 0;
  right: 0;
  width: 625px;
  margin-top: 15px;
  /* margin-bottom: 10px; */
}

.panel__linksalt {
  justify-content: center;
  display: flex;
  gap: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  width: 625px;
  margin-top: 15px;
}

.panel_linktop {
  position: absolute;
  top: 20px;
  right: 20px;
}

.panel_linktop_mobile {
  position: absolute;
  top: 32px;
  right: 20px;
}

.actionchoice-optitem-disabled {
  cursor: not-allowed;
  opacity: 0.75;
}

.workflow_ack__portlet .template_table__containersf .f4datatable-groupby-parent .fixedDataTableLayout_main,
.workflow_con__portlet .template_table__containersf .f4datatable-groupby-parent .fixedDataTableLayout_main {
  margin-bottom: -50px;
}

.workflow_ack__portlet .f4datatable_optionButtons {
  margin-bottom: -10px;
}

/* new rtm panel */
.rtm_wf__panel {
  border: 1.3px solid var(--qnb-border);
  border-radius: 10px;
  background-color: var(--qnb-background);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 15px;
}

.rtm_wf__panelhdr {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}

.rtm_wf__cardtop {
  display: flex;
  gap: 15px;
}

.rtm_wf__cardtop img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.rtm_wf__hdr>div:first-child {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.rtm_wf__hdr>div:nth-child(2) {
  font-weight: 600;
  line-height: 1.2;
  color: var(--qnb-foreground-secondary);
  font-size: 13px;
}

.rtm_wf__panel .status_col__viewer {
  border-radius: 15px;
  background-color: var(--qnb-background-muted);
  padding: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.rtm_wf__cardbot .row {
  margin-left: 45px;
}

.rtm_wf__cardbot .bob_view__fieldlabel {
  color: var(--qnb-foreground-muted);
}

.total_charge__viewwicon {
  display: flex;
  gap: 8px;
  align-items: center;
}

.total_charge__viewhdr {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.charge_portlet {
  margin-top: 15px;
}

.ewt-parent .f4newlistview_rowbody_gridlines>div:not(:last-child),
.ewt-parent .f4newlistview_rowbody_gridlines .f4newlistview_drag,
.ewt-parent .f4newlistview_hdr>div:not(:last-child) {
  border-right: 1.3px solid var(--qnb-border);
  padding: 0;
}

.ewt_grid .f4newlistview_hdr>div:not(:last-child)::after {
  background: var(--qnb-border);
  display: block;
  position: absolute;
  height: 100%;
  width: 1.3px;
  content: '';
  right: -0.3px;
  /* position: relative; */
  top: 0;
}

.ewt_grid .f4newlistview_hdr>div {
  position: relative;
  min-height: 40px;
  align-items: center;
  display: flex;
}

/* Col display */

.f4datatable-condensedtypes>div::after {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  margin-left: 10px;
  color: var(--qnb-primary);
}

.f4datatable-condensedtypes>div:nth-child(2)::before {
  content: '(Default)';
  position: absolute;
  font-weight: 500;
  right: 10%;
  font-size: 11px;
  color: var(--field-label-color);
  font-style: italic;
}

.f4datatable-condensedtypes>div:first-child::after {
  content: 'Narrow';
}

.f4datatable-condensedtypes>div:nth-child(2)::after {
  content: 'Regular';
}

.f4datatable-condensedtypes>div:nth-child(3)::after {
  content: 'Wide';
}

.f4datatable-condensedtypes::before {
  content: 'ROW HEIGHT';
  color: var(--field-label-color);
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 12.5px;
}

.f4datatable-condensedtypes>div:hover,
.f4datatable-condensedtypes>.datatable_optctselected {
  background: var(--qnb-selection);
}

.f4datatable-condensedtypes>div>img {
  height: 28px;
  /* filter: invert(41%) sepia(40%) saturate(305%) hue-rotate(188deg) brightness(94%) contrast(40%); */
  /* transition: 0.5s; */
}

.f4datatable-condensedtypes>div:hover>img,
.f4datatable-condensedtypes>.datatable_optctselected>img {
  filter: unset;
}

.f4datatable-condensedtypes>div:hover,
.f4datatable-condensedtypes>.datatable_optctselected {
  background: var(--qnb-selection);
}

.f4datatable-download-newportal .datatable_options__panel {
  width: 300px !important;
  max-height: 400px;
}

.f4datatable_optionButtons .f4data_table__optionspanel .actionchoice-btn,
.f4datatable_optionButtons .f4data_table__optionspanel .actionchoice-btnicon {
  /* border-radius: 50%;
  padding: 3.5px;
  height: 35px;
  width: 35px; */
}

.acc_noborder::after {
  /* content:none !important; */
  background: transparent !important;
}

.view_dtls__btn {
  display: flex;
  gap: 5px;
  align-items: center;
  color: var(--qnb-primary);
  border-radius: 8px;
  padding: 7px 15px;
}

.config_dashboard__widgets .f4checkbox-hasvalue.f4CheckboxMainContainer:not(:hover) {
  border: 2px solid var(--qnb-border) !important;
}

/* logout confirmation modal */
.mbl_logout__modal .f4ModalFooter>.f4ButtonGroup .f4Button {
  min-width: 80px;
}

.mbl_logout__modal {
  width: 500px;
  height: auto;
  display: flex !important;
  align-items: center;
}

.mbl_logout__modal .modal-content,
.mbl_logout__modal .modal-dialog {
  height: auto;
}

.mbl_logout__modal .svg-Logout_Illustration {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mbl_logout__modal .logout_body {
  font-size: 26px;
  font-weight: 700;
  padding: 40px 10px 10px 10px;
  text-align: center;
}

.mbl_logout__modal .modal-header {
  display: none;
}

.mbl_logout__modal .modal-body {
  padding-top: 40px;
}

.mbl_logout__modal .modal-footer {
  padding: 0px 15px 20px 15px;
}

.mbl_logout__modal .f4ModalFooter>.f4ButtonGroup>span {
  min-width: 80px;
  width: 100%;
}

.mbl_logout__modal .f4ModalFooter>.f4ButtonGroup {
  display: flex;
  justify-content: center;
  padding-inline: 15px !important;
}

.f4upload_fieldimg__value .f4upload_img__valuefield>img {
  height: 170px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.viewPortlet_noHdr_noBorders_noMarginTop {
  border: none;
}

.viewPortlet_noHdr_noBorders_noMarginTop .bob_view__portletbody {
  padding: 0px 0px 0px;
}

.pgbgamtview .view_amt__formatted>span:last-child,
.pgbgamtview .view_amt__formattedwc>span {
  font-weight: 600;
}

.pgbg_view__empdtl .bob_generic__portlethdr {
  border-bottom: 1px solid var(--qnb-border);
}

.f4btn_tab__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.f4btn_tab__list>div:first-child {
  display: flex;
}

.f4btn_tab__list>div:last-child {
  font-size: 18px;
  display: flex;
  align-items: center;
}

.f4btn_tab__list>div:last-child>span {
  font-weight: 600;
  font-size: 22px;
  margin-left: 10px;
}

.f4btn_tab__item {
  height: 40px;
  min-width: 100px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  padding: 5px 10px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
  justify-content: center;
  font-weight: 500;
  background-color: var(--button-grey);
  font-size: 15px;
}

.f4btn_tab__item-selected {
  background-color: var(--sec-btn-color);
  color: var(--button-text-color);
  font-weight: 600;
}

/** bene payor account selector **/
.otheracct_selector__main .Select-menu-outer {
  top: 50%;
}

/* .othacct_selector__optitem {
  display: flex;
  align-items: center;
  flex-direction: column;
} */

.Select-menu>.othacctselector__parent>.othacct_selector__item {
  padding: 15px;
  transition: 0.5s;
  cursor: pointer;
  position: relative;
}

.othacctselector__parent,
.othacct_selector__item {
  height: 100%;
}

.othacctselector__parent:hover {
  background-color: var(--lightblue-hover-color);
}

.othacct_selector__item-selected {
  background: var(--qnb-selection);
}

.othacct_selector__optrefno,
.othacct_card__refno {
  display: flex;
  gap: 5px;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 20px;
  align-items: center;
  background-color: var(--qnb-background);
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 3px;
}

.othacct_card__refno {
  position: absolute;
  bottom: 15px;
}

.othacct_selector__optrefno>div:first-child,
.othacct_card__refno>div:first-child {
  font-weight: 400;
}

.othacct_selector__optrefno>div:last-child,
.othacct_card__refno>div:last-child {
  font-size: 13px;
  font-weight: 700;
}

.othacct_selector__optitem {
  width: calc(100% - 65px);
  padding-left: 15px;
}

.othacct_selector__optitemflds>div:first-child {
  font-size: 17px;
  font-weight: 700;
  color: var(--qnb-primary);
}

.othacct_selector__optitemflds>div:last-child {
  color: var(--mblsubhdr-color);
  font-size: 13px;
  font-weight: 500;
  margin-top: 3px;
}

.othacct_card__view {
  position: relative;
  min-height: 140px;
  border-radius: 15px;
  padding: 15px 15px 15px 20px;
  overflow: hidden;
  background: var(--qnb-background);
  color: var(--qnb-primary);
  border: 1px solid var(--qnb-border-subtle);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.othacct_card__border {
  background: var(--qnb-primary);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
}

.othacct_card__accnonm>div:first-child {
  font-size: 10px;
  font-weight: 500;
  color: var(--sub-text-coloralt);
}

.othacct_card__accnonm .othacct_card__accno {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  max-width: calc(100% - 80px);
  min-width: 255px;
}

.othacct_card__accnonm .othacct_card__accnm {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  max-width: calc(100% - 80px);
  min-width: 255px;
}

.othacct_selector_itemvalue .othacct_card__view {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  min-height: unset;
  border-radius: 11px;
}

.multisave_btn {
  width: 200px;
  display: flex;
}

.lumpsum_row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0px 15px;
  gap: 15px;
}

.lr_form__section {
  flex: 2;
}

.multisave_btn>span {
  flex: 1;
}


.promo_code__field {
  display: flex;
  margin-top: 25px;
}

.promo_code__fieldalt {
  position: relative;
}

.generic_txnpromo__panel .promo_code__field {
  padding: 16px 21px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
  border: 1.5px dashed var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background-muted);
}

.promo_code__inputfieldswbtn {
  display: flex;
  flex: 1;
}

.promo_code__fieldinput {
  position: relative;
  width: calc(100% - 110px);
  padding-right: 10px;
  flex: 1;
}

.promo_code__fieldinput .f4FormFieldLabel {
  display: none;
}

.promo_code__fieldalt .promo_code__fieldinput .asf4FormValidate .f4InputField_parent .form-group .f4FormFieldLabel-adj>span {
  display: none !important;
}

.promo_code__fieldalt .promo_code__fieldinput {
  width: 50%;
  padding: 0px;
}

.promo_code__fieldinput .f4FormFieldLabel_requiredast {
  display: none;
}

.promo_code__fieldinputsuc .f4InputField {
  border-color: var(--qnb-border-strong);
  box-shadow: 0 0 4px 0 var(--qnb-border-strong);
  padding-right: 45px;
}

.promo_code__fieldinputerr .f4InputField {
  /* border-color: var(--clear-button-color) !important; */
  border-color: var(--qnb-danger);
  box-shadow: 0 0 4px 0 var(--qnb-shadow-subtle) !important;
  padding-right: 45px;
}

.multi-select-close {
  color: var(--qnb-primary);
  cursor: pointer;
}

.acct_view__fieldarr_rotate>img {
  transform: rotate(180deg);
}

.acct_clear__renderer {
  background-color: var(--qnb-primary);
  color: var(--qnb-foreground-inverse) !important;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.txn_status__summarycard {
  background: var(--qnb-background);
  border: 1.5px solid var(--qnb-border);
  border-radius: 6px;
  overflow: hidden;
  padding: 13px;
  margin-left: 10px;
  margin-right: 10px;
  height: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.txn_status_summary_sechdr {
  font-size: 17px;
  font-weight: 600;
  padding: 10px 15px;
  line-height: 1.2;
  border-bottom: 1px solid var(--qnb-border);
}

.txn_status_summary__secitem {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0;
  font-size: 13px;
  font-weight: 500;
  width: 100%;
}

.sweep_totalcount__val {
  font-weight: 600;
  line-height: 26px;
  font-size: 22px;
  color: var(--qnb-warning-emphasis);
}

.txnstatus_sweepcount_rightpanel__val {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 17px;
  margin-right: 10px;
}

.txnstatus_sweepcount_label__val {
  margin-left: 6px;
  font-size: 13px !important;
  font-weight: 500;
}

.txn_status_summary__statuses {
  padding: 0 15px;
}

.public_fixedDataTable_bodyRow:hover .expandableCaret {
  background: transparent;
}

.autosuggest_sf__main {
  min-height: 40px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.autosuggest_sf__main-lbl {
  font-size: 15px;
  white-space: pre-wrap;
  font-weight: 600;
}

.autosuggest_sf__main-sublbl {
  font-size: 13px;
  color: var(--mblsubhdr-color);
  font-weight: 500;
}

.pill__view_field {
  display: inline-flex;
  border: 1px solid var(--qnb-border-strong);
  border-radius: 30px;
  background-color: var(--qnb-background);
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
}

.pill__view_field > div {
  padding-left: 10px;
}

.pill__view_field > div:first-child {
  padding-left: 0;
}

.pill__view_field > div:last-child {
  font-weight: 700;
}

.initial_filter__radio{
  margin-left: 20px;
}

.initial_filter__radio .ant-radio-group{
  display: flex;
}

.initial_filter__radio .ant-radio-wrapper {
  margin-bottom: 0;
}

.initial_filter__radio .ant-radio-wrapper:not(:last-child){
  margin-right: 10px;
}

.ant-radio-checked.ant-radio-disabled + span{
  color: var(--qnb-primary);
  cursor: not-allowed;
}

.ant-radio-checked.ant-radio-disabled>.ant-radio-inner::after {
    background-color: var(--qnb-background);
}

.ant-radio-checked.ant-radio-disabled > .ant-radio-inner {
  border-color: var(--qnb-primary) !important;
}

.txnstatus_column_container {
  position: relative;
  display: inline-block;
}

.txnstatus_column.has-remarks {
  cursor: pointer;
}

.txnstatus-popup {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 5px;
}

.txnstatus-popup-content {
  background-color: var(--qnb-background);
  border: 0.5px solid var(--qnb-border);
  border-radius: 8px;
  box-shadow: 0 5px 12px 2px var(--qnb-shadow-subtle), 0 2px 7px 0 var(--qnb-shadow-sm), 0 5px 20px 14px var(--qnb-shadow-sm);
  width: 240px;
  padding: 10px 15px;
  position: relative;
}
.txnstatus-popup-text {
  font-size: 12px;
  color: var(--qnb-foreground);
}

.txn_remarks__cont{
  font-size: 13px;
  font-weight: 500;
  padding: 7.5px 20px 7.5px 15px;
  background: var(--qnb-background-muted);
  display: flex;
  align-items: center;
  border-radius: 8px;
}

.txn_remarks__cont > img {
  margin-right: 10px;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* img,
picture {
  max-width: 100%;
  display: block;
} */

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.f4Content>.f4Content {
  width: 100% !important;
  padding: 0px;
}

.f4ContentMobile {
  padding: 0px 0px 0px !important;
}

.fo-norecordspanel {
  text-align: center;
  padding: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dashboard_main__body {
  min-height: 100vh;
}

.inst-container {
  display: flex;
  align-items: center;
  margin-top: 10px;
  /* padding-left: 5px; */
  justify-content: center;
}

.inst-icon-circle {
  width: 13px;
  height: 13px;
  background: var(--qnb-selection);
  border: 1px solid var(--qnb-accent);
  border-radius: 50%;
  font-size: 7px;
  color: var(--qnb-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.inst-content {
  /* width: calc(100% - 13px); */
  padding-left: 5px;
  padding-top: 1px;
  font-size: 13px;
  font-weight: 500;
}

.bookmarksBox .fo-norecordspanel>img {
  height: 140px;
}

.addwidgetslist_panel {
  width: 5%;
  padding: 30px 5px 25px 30px;
  position: fixed;
}

.addwidgetslist_alt {
  width: 320px;
  height: calc(100% - 125px);
  padding: 0px;
  background: var(--qnb-background-muted);
  position: fixed;
}

.addBmYellowBg>div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.addwidgetslist_search {
  padding: 10px;
}

.addwidgetslist_search>input {
  height: 40px;
}

.closeBmLink,
.closeBmLink>div {
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
}

.closeBmLink>div:hover {
  animation: pulseHover 2s ease-in infinite;
}

.addWidgetSquare .closeBmLink {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 30px;
}

.addwidgetslist_alt .addWidgetCtr {
  margin-top: 0px;
  opacity: 1;
  pointer-events: all;
  padding-top: 5px;
}

.addWidgetCtr .addWidgetDroppableDiv {
  background: transparent;
}

.dashboardSettingsModal {
  overflow: hidden;
}

.trns-details {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.trns-from,
.trns-to {
  font-size: 14px;
  font-weight: 500;
  color: var(--hdr-color);
}

.trns-nickname {
  color: var(--light-text-color);
  font-size: 11px;
  font-weight: 500;
}

@keyframes spin {
  100% {
    transform: rotate(180deg);
  }
}

.fast-spin {
  animation: fa-spin 0.7s infinite linear;
}

.loadingOverlay {
  width: 100%;
  height: 100%;
  background: var(--qnb-background-inverse);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.newfologin_inputfield .f4InputField {
  height: 50px;
  width: 100%;
  position: relative;
  box-shadow: none;
  padding-left: 50px;
  padding-top: 15px;
  padding-right: 120px !important;
  background: var(--qnb-background) !important;
  text-overflow: ellipsis;
}

.newfologin_panel {
  width: 100%;
  height: 100vh;
  background: var(--qnb-background-muted);
}

.newfologin_panel>img {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: -8%;
}

.newfologin_panel>img:nth-child(2) {
  opacity: 0;
  transform: scale(0.9) translate(-70px, 100px);
  animation: bubble1anim 5s ease-in forwards infinite;
}

.newfologin_panel>img:nth-child(3) {
  opacity: 0;
  transform: scale(0.9) translate(-50px, 55px);
  animation: bubble2anim 5s ease-in 4s forwards infinite;
}

.newfologin_panel>img:nth-child(4) {
  opacity: 0;
  transform: scale(0.9) translate(-25px, 55px);
  animation: bubble3anim 5s ease-in 8s forwards infinite;
}

@keyframes bubble1anim {
  0% {
    opacity: 0;
    transform: scale(0.9) translate(-70px, 100px);
  }

  10% {
    opacity: 0;
    transform: scale(0.9) translate(-70px, 100px);
  }

  30% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    transform: scale(0.9) translate(-70px, 100px);
  }

  100% {
    opacity: 0;
    transform: scale(0.9) translate(-70px, 100px);
  }
}

@keyframes bubble2anim {
  0% {
    opacity: 0;
    transform: scale(0.9) translate(-50px, 55px);
  }

  10% {
    opacity: 0;
    transform: scale(0.9) translate(-50px, 55px);
  }

  30% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    transform: scale(0.9) translate(-50px, 55px);
  }

  100% {
    opacity: 0;
    transform: scale(0.9) translate(-50px, 55px);
  }
}

@keyframes bubble3anim {
  0% {
    opacity: 0;
    transform: scale(0.9) translate(-25px, 55px);
  }

  10% {
    opacity: 0;
    transform: scale(0.9) translate(-25px, 55px);
  }

  30% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }

  70% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }

  90% {
    opacity: 0;
    transform: scale(0.9) translate(-25px, 55px);
  }

  100% {
    opacity: 0;
    transform: scale(0.9) translate(-25px, 55px);
  }
}

.newfologin_form {
  position: fixed;
  right: 80px;
  top: 40px;
  width: 31%;
  height: 80%;
  background: var(--qnb-background);
  border-radius: 45px;
  transition: width 1s;
}

.newfologin_formcontainer {
  border-radius: 45px;
  background: var(--qnb-background);
  box-shadow: 0 -2px 11px 5px var(--qnb-shadow-subtle);
  height: calc(100% - 60px);
  padding: 5vh 9vh 4vh;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.newfologin_logo {
  display: flex;
  justify-content: center;
}

.newfologin_logo>img {
  height: 4vh;
}

.newfologin_fields {
  padding-top: 20px;
  width: 100%;
}

.loginforget_formfields .ae_step__portlet,
.newfologin_fields .ae_step__portlet {
  min-width: 100%;
}

.changepass_panel {
  justify-content: center !important;
}

.newfologin_fields>div>div {
  margin-bottom: 25px;
}

.newfologin_fields .loginforget_button {
  width: 100%;
}

.loginforget_button button {
  width: 150px;
}

.newfologin_inputfield {
  position: relative;
}

.newfologin_inputfield_icon {
  position: absolute;
  z-index: 1;

  width: 24px;
  height: 24px;
  background-color: var(--qnb-form-label);
  -webkit-mask-image: var(--newfologin-inputfield-icon);
  mask-image: var(--newfologin-inputfield-icon);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
  display: flex;
  justify-content: center;
  top: 11px;

  margin-left: 15px;
}

.newfologin_inputfield_label {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 55px;
  font-size: 15px;
  transition: 0.2s;
  pointer-events: none;
  color: var(--qnb-foreground-muted);
  font-weight: 600;
}

.newfologin_inputfield_labelfocused,
.newfologin_inputfield_filled .newfologin_inputfield_label {
  top: 7px;
  font-size: 10px;
  left: 52px;
}

.newfologin_inputfield .asf4FormValidate:has(input:-webkit-autofill)+.newfologin_inputfield_label {
  top: 7px;
  font-size: 10px;
  left: 52px;
}

.newfologin_inputfield .f4FormFieldLabel_requiredast {
  display: none;
}

.newfologin_tabs {
  height: 60px;
  padding: 0px 55px 0px;
}

.newfologin_btn {
  margin-top: 5vh;
}

.newfologin_links {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: -80px;
  width: 100%;
}

.newfologin_links>div {
  padding: 0 15px;
  font-weight: 600;
  color: var(--qnb-secondary);
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
}

.newfologin_links>div:hover {
  opacity: 0.6;
}

.newfologin_corpfield .f4InputField {
  padding-right: 30px !important;
}

.newfologin_hasunlock .f4InputField {
  padding-right: 100px !important;
}

.newfologin_bankadvisory {
  background: var(--qnb-background);
  font-size: 16px;
  color: var(--qnb-foreground-inverse);
  position: absolute;
  left: 0;
  bottom: -45px;
  width: 100%;
  height: 81px;
  border-radius: 0px 0px 45px 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.5s;
  transform: translateY(-45px);
  animation: bankadvisoryenteranim 0.5s ease-in 0.5s forwards;
}

.newfologin_bankadvisory:hover {
  background: var(--qnb-background);
}

@keyframes bankadvisoryenteranim {
  0% {
    transform: translateY(-45px);
  }

  100% {
    transform: translateY(0);
  }
}

.newfologin_form_hasadvisory .newfologin_bankadvisory {
  height: calc(100% - 15px);
  background: var(--qnb-background);
  border-radius: 45px;
  z-index: 1;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 45px 0px;
  cursor: unset;
}

.newfologin_form_hasadvisory .newfologin_bankadvisory:hover {
  background: var(--qnb-background);
}

.newfologin_bankadvisorybtn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 45px;
  padding-bottom: 12px;
}

.newfologin_bankadvisorybtn>div {
  background: var(--qnb-background);
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
}

.loginforgot_panel {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  flex-direction: column;
}

.loginforgot_panel>img:first-child {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.loginforgot_panel>img:nth-child(2) {
  position: absolute;
  top: 40px;
  left: 80px;
  height: 40px;
}

.loginforget_form {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100vh;
  margin: 0 auto;
  background: var(--qnb-background);
  border-radius: 40px;
  display: flex;
  width: 625px;
  justify-content: center;
  padding: 20px 20px;
  flex-direction: column;
  box-shadow: 0 -2px 11px 5px var(--qnb-shadow-subtle);
}

.loginforget_formhdr {
  text-align: center;
}

.loginforget_formhdr>div:first-child>img {
  height: 95px;
}

.loginforget_formhdr>div:nth-child(2) {
  font-size: 26px;
  color: var(--qnb-foreground);
  font-weight: 700;
  margin-top: 0;
  line-height: 1.2;
}

.loginforget_formhdr>div:nth-child(3) {
  color: var(--qnb-foreground-muted);
  font-size: 16px;
  margin-top: 8px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.loginforget_formfields {
  /* margin-top: 20px; */
  width: 100%;
}

.loginforget_button {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  /* min-width: 505px; */
  margin-bottom: 0 !important;
  width: 100%;
}

.loginforget_back {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: var(--qnb-secondary);
  border-radius: 0 0 40px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  cursor: pointer;
  transition: 0.5s;
}

.loginforget_back:hover {
  background: var(--qnb-secondary);
}

.loginforgot_panelpw .loginforget_form {
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  /* position: relative; */
  border-radius: 20px;
  padding: 30px;
}

.newfologin_signup {
  width: 75%;
  right: 12.5%;
}

.newfologin_signup_header {
  text-align: center;
}

.newfologin_signup_header>div:first-child {
  color: var(--hdr-color);
  font-size: 30px;
  font-weight: 500;
}

.newfologin_signup_header>div:last-child {
  color: var(--sub-label-color);
  font-size: 16px;
  font-weight: 400;
}

.newlogin_pwchecker_progress>.newlogin_pwchecker_progitemalt {
  background: var(--qnb-background-muted) !important;
}

.newlogin_slickarrow {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
  background: var(--qnb-background);
  border: 1px solid var(--qnb-border-subtle);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: var(--qnb-info);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25pt;
  box-shadow: 1px 2px 2px var(--qnb-shadow-sm);
  z-index: 1;
  cursor: pointer;
  transition: 0.5s;
}

.newlogin_slickarrow_prev {
  right: unset;
  left: 8px;
}

.newlogin_slickarrow:hover {
  color: var(--qnb-secondary);
  transform: translate(0, -50%) scale(1.05);
}

.newlogin_slickarrow::before {
  display: none;
}

@keyframes slideToTop {
  0% {
    opacity: 0;
    margin-top: 50px;
  }

  100% {
    opacity: 1;
    margin-top: 0px;
  }
}

.scale-down-center {
  animation: scale-down-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes scale-down-center {
  0% {
    transform: scale(1) translateY(0px);
  }

  100% {
    transform: scale(0.9) translateY(-96px);
  }
}

.opacity-container {
  z-index: 4;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: var(--qnb-background-inverse);
  position: fixed;
}

.slide-view {
  animation: slide-view 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-close {
  animation: slide-close 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes slide-view {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-109px);
  }
}

@keyframes slide-close {
  0% {
    transform: scale(0.9) translateY(-96px);
  }

  100% {
    transform: scale(1) translateY(0px);
  }
}

.view-content-container {
  position: fixed;
  height: 100%;
  background: var(--qnb-background-muted);
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 0px 25px;
  overflow-y: scroll;
  top: 141px;
}

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

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

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

@media (min-width: 1900px) {}

@media (max-width: 810px) {}

@media (max-width: 810px) and (max-height: 360px) and (min-height: 200px) {}

@media (max-width: 810px) and (max-height: 960px) and (min-height: 600px) {}

@media (max-width: 810px) and (max-height: 960px) and (min-height: 900px) {}

@media (min-width: 384px) and (max-width: 639px) and (max-height: 640px) {}

@media (min-height: 1000px) and (min-width: 600px) and (max-width: 810px) {}

@media (min-width: 811px) and (min-height: 1000px) and (max-height: 1300px) {}

@media (min-width: 1024px) and (max-width: 1200px) and (min-height: 1366px) {}

@media screen and (min-width: 1920px) {}

@media (max-width: 3840px) {}

@media (max-width: 630px) {}

.icon-background2 {
  color: var(--qnb-foreground-muted);
}

.custom-tooltip {
  width: 200px;
  margin: 0;
  line-height: 24px;
  border: 1px solid var(--qnb-border-subtle);
  background-color: var(--qnb-background);
  padding: 10px;
}

.custom-tooltip .label {
  font-size: 12px !important;
  margin: 0;
  color: var(--qnb-foreground-secondary);
  font-weight: 500;
  padding: 0 0 10px;
}

.custom-tooltip .desc {
  font-size: 11px !important;
  border-top: 1px solid var(--qnb-border-subtle);
  margin: 0;
}

.custom-tooltip .desc2 {
  font-size: 11px !important;
  margin: 0;
}

.calendarContent {
  height: 450px;
  background: var(--qnb-background);
  border-radius: 4px;
  box-shadow: 0px 1px 1px 1px var(--qnb-border);
}

.calendarPanel {
  background: var(--qnb-background-inverse) !important;
  border-color: none !important;
  background-color: none !important;
}

.react-datepicker {
  font-size: 12px !important;
  border: 1px solid var(--qnb-border-subtle) !important;
  margin: 0px 0px !important;
}

.addEvent {
  float: right;
  margin-top: -44px;
  color: white;
  background: transparent;
  border: none;
  font-size: 16px;
  height: 40px;
  width: 40px;
}

.addEvent:hover {
  border-radius: 100%;
  background: var(--qnb-background);
}

.addCalendarEventLabel .control-label {
  font-family: 'qnb-sans', sans-serif !important;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 2px;
  word-wrap: break-word !important;
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: normal !important;
  text-transform: undefined !important;
  color: var(--qnb-foreground-secondary) !important;
}

.betweenTime {
  padding: 10px 20px;
}

.addCalendarEventLabel {
  margin-bottom: 50px !important;
}

.calendarMonth55View {
  float: left;
  padding: 15px 13px;
  width: 60%;
  text-align: center;
}

.dscpAdjust {
  margin-top: -50px;
  margin-left: 0px;
  margin-bottom: 15px;
}

.time-line-ctnr .time-line {
  position: relative;
  margin: 0 0 0px 0;
  padding: 0;
  list-style: none;
}

.time-line-ctnr .time-line:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -10px;
  width: 2px;
  background: var(--qnb-background) !important;
  left: 32px;
  border-radius: 2px;
}

.time-line-ctnr .time-line>.time-label>span {
  font-weight: 500;
  padding: 5px 10px;
  display: inline-block;
  background-color: var(--qnb-background-inverse) !important;
  color: var(--qnb-foreground-inverse);
  border-radius: 4px !important;
  font-size: 14px;
  margin-top: -10px;
  margin-left: -10px;
}

.time-line-ctnr .time-line>li {
  position: relative;
  margin-bottom: 10px;
  margin-right: 0;
}

.time-line-ctnr .time-line>li>.time-line-item {
  box-shadow: none !important;
  border-radius: 3px;
  background: var(--qnb-background);
  color: var(--qnb-foreground-secondary);
  margin-right: 15px;
  position: relative;
  margin-left: 50px;
}

.time-line-ctnr .time-line>li>.time-line-item>.time-line-header,
.time-line-ctnr .time-line>li>.time-line-item .time {
  font-size: 14px;
  padding: 6px 10px;
}

.time-line-ctnr .time-line>li>.time-line-item .time {
  font-size: 12px;
  color: var(--qnb-foreground-muted);
  float: right;
}

.time-line-ctnr .time-line>li>.time-line-item .time-line-header {
  margin: 0;
  color: var(--qnb-foreground-disabled) !important;
  border-bottom: 1px solid var(--qnb-border-subtle);
  line-height: 1.1;
  font-weight: 400 !important;
}

.time-line-ctnr .time-line>li>.fa {
  position: absolute;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  color: var(--qnb-foreground-secondary);
  background: white;
  left: 28px;
  top: 9px;
  border: 2px solid var(--qnb-border-strong);
  display: inline-block;
  box-sizing: border-box;
}

.deviceManagementContainer .searchFilter {
  width: 24%;
  margin-top: -5px;
  margin-left: 12px;
  padding: 10px 0px;
  position: relative;
  z-index: 0;
}

.deviceManagementHdr {
  margin-left: -1%;
  color: var(--qnb-foreground);
  margin-top: 1%;
  padding-bottom: 10px;

  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

.dev-circle-loader {
  border: 2px solid transparent;
  border-color: transparent;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 1.65em;
  height: 1.65em;
  right: 29px;
  top: 12px;
}

.dev-circle-loader-activated {
  border: 2px solid transparent;
  border-color: transparent;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 1.65em;
  height: 1.65em;
  right: 29px;
  top: 12px;
}

.load-complete {
  animation: none;
  border-color: var(--qnb-secondary);
  border-top-color: var(--qnb-secondary);
  border-right-color: var(--qnb-secondary);
  border-bottom-color: var(--qnb-secondary);
  transition: border-top-color 0.2s linear, border-right-color 0.2s linear 0.1s,
    border-bottom-color 0.2s linear 0.2s, border-right-color 0.2s linear 0.1s;
  border-left-color: var(--qnb-secondary);
}

.deact-load-complete {
  animation: none;
  border-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transition: border-right-color 0.2s linear 0.1s, border-bottom-color 0.2s linear 0.2s,
    border-right-color 0.2s linear 0.1s, border-top-color 0.2s linear;
  border-left-color: transparent;
}

.checkmark {
  display: none;
}

.checkmark-activated {
  display: block;
}

.checkmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease 3000ms;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
  opacity: 1;
  height: 0.79em;
  width: 0.43em;
  transform-origin: left top;
  border-right: 2px solid var(--qnb-secondary);
  border-top: 2px solid var(--qnb-secondary);
  content: '';
  left: 3px;
  top: 10px;
  position: absolute;
}

.checkmark-activated.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease 10s;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}

.checkmark-activated:after {
  opacity: 1;
  height: 0.79em;
  width: 0.43em;
  transform-origin: left top;
  border-right: 2px solid var(--qnb-secondary);
  border-top: 2px solid var(--qnb-secondary);
  content: '';
  left: 3px;
  top: 10px;
  position: absolute;
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  20% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  30% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  40% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  50% {
    height: 0;
    width: 0;
    opacity: 0;
  }

  60% {
    height: 0;
    width: 0;
    opacity: 1;
  }

  70% {
    height: 0;
    width: 0.43em;
    opacity: 1;
  }

  80% {
    height: 0.79em;
    width: 0.43em;
    opacity: 1;
  }

  100% {
    height: 0.79em;
    width: 0.43em;
    opacity: 1;
  }
}

@keyframes expand {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.horizontalStackBar {
  width: 0%;
  animation-delay: 30s;
  animation: expand 5s ease forwards;
}

.block {
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 1;
  transition: opacity, 0.3s ease;
  cursor: pointer;
  float: left;
}

.block:hover {
  box-shadow: 0px 10px 10px var(--qnb-border-strong);
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.2);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.2);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.2);
  transition: all 200ms ease-in;
  transform: scale(1.2);
}

.custom-tooltipstackbar {
  margin: 0;
  line-height: 24px;
  padding: 10px;
}

.custom-tooltipstackbar .label {
  font-size: 15px !important;
  margin: 0;
  color: var(--qnb-foreground-secondary);
  font-weight: 500;
}

.custom-tooltipstackbar .desc {
  font-size: 12px !important;
  margin: 0;
  padding: 0px 10px;
  color: var(--qnb-foreground-muted);
  text-align: right;
}

.circleTransfer {
  position: absolute;
  height: 50px;
  width: 50px;
  border: 4px solid white;
  background-color: var(--qnb-background);
  border-radius: 50%;
  top: 170px;
  left: 15%;
  box-shadow: 0px 2px 5px 0px var(--qnb-border);
  color: var(--qnb-secondary);
}

.circleTransferIcon {
  font-size: 20px;
  transform: rotate(90deg);
  top: 11px;
  position: absolute;
  left: 11px;
}

.bell-animation {
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }

  1% {
    transform: rotate(30deg);
  }

  3% {
    transform: rotate(-28deg);
  }

  5% {
    transform: rotate(34deg);
  }

  7% {
    transform: rotate(-32deg);
  }

  9% {
    transform: rotate(30deg);
  }

  11% {
    transform: rotate(-28deg);
  }

  13% {
    transform: rotate(26deg);
  }

  15% {
    transform: rotate(-24deg);
  }

  17% {
    transform: rotate(22deg);
  }

  19% {
    transform: rotate(-20deg);
  }

  21% {
    transform: rotate(18deg);
  }

  23% {
    transform: rotate(-16deg);
  }

  25% {
    transform: rotate(14deg);
  }

  27% {
    transform: rotate(-12deg);
  }

  29% {
    transform: rotate(10deg);
  }

  31% {
    transform: rotate(-8deg);
  }

  33% {
    transform: rotate(6deg);
  }

  35% {
    transform: rotate(-4deg);
  }

  37% {
    transform: rotate(2deg);
  }

  39% {
    transform: rotate(-1deg);
  }

  41% {
    transform: rotate(1deg);
  }

  43% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(0);
  }
}

.ns-box {
  position: fixed;
  background: var(--qnb-background-inverse);
  padding: 20px 10px;
  line-height: 1.4;
  z-index: 1000;
  pointer-events: none;
  color: var(--qnb-foreground-inverse);
  font-size: 90%;
  border-radius: 10px;
  border: 1px solid var(--qnb-border-subtle);
}

.ns-box.ns-show {
  pointer-events: auto;
}

.ns-box a {
  color: inherit;
  opacity: 0.7;
  font-weight: 700;
}

.ns-box a:hover,
.ns-box a:focus {
  opacity: 1;
}

.ns-box p {
  margin: 0;
}

.ns-box.ns-show {
  pointer-events: auto;
}

.ns-close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 4px;
  top: 4px;
  overflow: hidden;
  text-indent: 100%;
  cursor: pointer;
  backface-visibility: hidden;
}

.ns-close:hover,
.ns-close:focus {
  outline: none;
}

.ns-close::before,
.ns-close::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 60%;
  top: 50%;
  left: 50%;
  background: var(--qnb-background-inverse);
}

.ns-close:hover::before,
.ns-close:hover::after {
  background: var(--qnb-background);
}

.ns-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.ns-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ns-attached {
  right: 8px;
  max-width: 300px;
}

[class^='ns-effect-'].ns-attached.ns-hide,
[class*=' ns-effect-'].ns-attached.ns-hide {
  animation-direction: reverse;
}

.ns-effect-bouncyflip {
  transform-origin: 50% 0%;
  background: var(--qnb-background);
  color: var(--qnb-foreground-secondary);
  top: 65px;
  box-shadow: 0 13px 10px -5px var(--qnb-shadow-lg);
}

.ns-effect-bouncyflip .icon {
  position: absolute;
  display: block;
  top: 2em;
  left: 2em;
}

.ns-effect-bouncyflip p {
  padding: 0.5em 0.8em 0.8em 3.5em;
}

.ns-effect-bouncyflip .ns-close::after,
.ns-effect-bouncyflip .ns-close::before {
  background: var(--qnb-background-inverse);
}

.ns-effect-bouncyflip .ns-close:hover::after,
.ns-effect-bouncyflip .ns-close:hover::before {
  background: var(--qnb-background-inverse);
}

.ns-effect-bouncyflip.ns-show,
.ns-effect-bouncyflip.ns-hide {
  animation-name: flipInX;
  animation-duration: 0.8s;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transition-timing-function: ease-in;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    transition-timing-function: ease-out;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    transition-timing-function: ease-in;
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    transition-timing-function: ease-out;
  }

  100% {
    transform: perspective(400px);
  }
}

.ns-effect-bouncyflip.ns-hide {
  animation-name: flipInXSimple;
  animation-duration: 0.3s;
}

@keyframes flipInXSimple {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transition-timing-function: ease-in;
  }

  100% {
    transform: perspective(400px);
  }
}

@media screen and (max-width: 25em) {
  .ns-attached {
    left: 30px;
    max-width: none;
    right: 30px;
  }
}

.arrow-right {
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-top: 28px solid var(--qnb-border-strong);
  transform: rotate(45deg);
  position: absolute;
  right: -1px;
  top: 13px;
  animation: fold2 1s ease-in;
}

.fold-border {
  height: 52px;
  width: 1.5px;
  background: var(--qnb-background);
  transform: rotate(-45deg);
  position: absolute;
  right: 18px;
  top: -9px;
  animation: fold3 1s ease-in;
}

.fold-shadow {
  width: 35px;
  height: 6px;
  background: var(--qnb-background-muted);
  border-bottom-left-radius: 7px;
  position: absolute;
  right: 1px;
  top: 38px;
  visibility: hidden;
  animation: shadow 0.5s ease-in forwards;
  animation-delay: 0.8s;
}

.bg-cloud img {
  width: 188px;
  filter: brightness(0.92);
  height: 122px;
  position: absolute;
  right: -47px;
  top: 146px;
  visibility: hidden;
  display: none;
}

.bg-cloud2 img {
  width: 227px;
  filter: brightness(0.92);
  height: 110px;
  position: absolute;
  left: -33px;
  top: 126px;
  visibility: hidden;
  display: none;
}

.stack-invoice-inside {
  visibility: visible;
}

.the-fold {
  animation: showfold 0.5s ease-in;
}

@keyframes entrance {
  0% {
    padding: unset;
    width: 1%;
  }

  100% {
    width: 71%;
    height: 312px;
  }
}

@keyframes showhole {
  0% {
    visibility: hidden;
    right: -2px;
  }

  100% {
    visibility: visible;
    right: -2px;
  }
}

@keyframes showfold {
  0% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

@keyframes fold1 {
  0% {
    width: 20px;
    height: 20px;
  }

  100% {
    width: 40px;
    height: 40px;
  }
}

@keyframes fold2 {
  0% {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid var(--qnb-border-strong);
    top: 6px;
  }

  100% {
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 28px solid var(--qnb-border-strong);
    top: 13px;
  }
}

@keyframes fold3 {
  0% {
    height: 25px;
    right: 7px;
    top: -5px;
  }

  100% {
    height: 56px;
    right: 18px;
    top: -10px;
  }
}

@keyframes shadow {
  0% {
    visibility: hidden;
    height: 0px;
  }

  100% {
    visibility: visible;
    height: 6px;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes moveCloud1 {
  0% {
    visibility: hidden;
    right: 0px;
  }

  100% {
    visibility: visible;
    right: -47px;
  }
}

@keyframes moveCloud2 {
  0% {
    visibility: hidden;
    left: 40px;
  }

  100% {
    visibility: visible;
    left: -4px;
  }
}

.ds_guidepanel_skip {
  background: var(--qnb-background-muted);
  margin: 10px -15px -15px;
  padding: 10px 0px;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: darkgrey;
  font-weight: 400;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
}

.ds_guidepanel_skip:hover {
  color: grey;
}

.welcomewidget_learnpanel_hdr {
  height: 100px;
  font-size: 16pt;
  color: var(--qnb-foreground);
  padding: 30px 20px 0px;
  display: flex;
  justify-content: space-between;
  font-weight: 300;
}

.welcomewidget_learnpanel_hdr>div:first-child>span {
  font-weight: 500;
  color: var(--qnb-secondary);
}

.welcomewidget_learnpanel_hdr>div:last-child {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17pt;
  cursor: pointer;
  color: var(--qnb-foreground-muted);
  border-radius: 50%;
  transition: 0.5s;
}

.welcomewidget_learnpanel_hdr>div:last-child:hover {
  background: var(--qnb-background);
}

.welcomewidget_learnpanel_body {
  display: flex;
  height: calc(100% - 100px);
}

.ww_learnpanel_left {
  position: relative;
  width: 23%;
  height: 100%;
  bottom: 0px;
  background: var(--qnb-background-inverse);
  border-top-right-radius: 45px;
  padding-top: 35px;
}

.ww_learnpanel_leftbody {
  overflow: hidden;
  height: calc(100% - 50px);
}

.ww_learnpanel_leftbody:hover {
  overflow: auto;
}

.ww_learnpanel_leftbody::-webkit-scrollbar,
.ww_learnpanel_right::-webkit-scrollbar {
  width: 16px;
}

.ww_learnpanel_leftbody::-webkit-scrollbar-track,
.ww_learnpanel_right::-webkit-scrollbar-track {
  background: var(--qnb-background-inverse);
  border-radius: 20px;
}

.ww_learnpanel_leftbody::-webkit-scrollbar-thumb,
.ww_learnpanel_right::-webkit-scrollbar-thumb {
  background-color: var(--qnb-background-inverse);
  outline: 1px solid slategrey;
  border-radius: 20px;
}

.ww_learnpanel_right::-webkit-scrollbar-thumb {
  background-color: var(--qnb-background);
}

.ww_learnpanel_leftitem {
  margin: 10px;
  padding: 10px 15px;
  font-size: 14pt;
  color: var(--qnb-foreground-inverse);
  border-bottom: 1px solid var(--qnb-border-strong);
  cursor: pointer;
  transition: 0.5s;
}

.ww_learnpanel_leftitem:hover,
.ww_learnpanel_leftitem_selected {
  font-weight: 400;
  background: var(--qnb-background);
  border-radius: 4px;
  box-shadow: 0 10px 12px -9px var(--qnb-border-strong);
  color: var(--qnb-secondary);
}

.ww_learnpanel_leftsearch {
  position: relative;
  padding: 0 10px;
  height: 50px;
}

.ww_learnpanel_leftsearch>i {
  position: absolute;
  top: 12px;
  left: 13px;
  font-size: 12pt;
  color: var(--qnb-foreground-muted);
}

.ww_learnpanel_leftsearch>input {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--qnb-border-strong);
  width: 100%;
  color: var(--qnb-foreground-inverse);
  padding: 8px 30px;
  font-size: 12pt;
}

.ww_learnpanel_leftsearch>input::-moz-placeholder {
  color: var(--qnb-foreground-inverse);
}

.ww_learnpanel_leftsearch>input::placeholder {
  color: var(--qnb-foreground-inverse);
}

.ww_learnpanel_leftsearch>input::-moz-placeholder {
  color: var(--qnb-foreground-inverse);
}

.ww_learnpanel_leftsearch>input::-webkit-input-placeholder {
  color: var(--qnb-foreground-inverse);
}

.ww_learnpanel_leftsearch>div {
  position: absolute;
  bottom: 9px;
  left: 10px;
  width: calc(100% - 20px);
  height: 2px;
  background: var(--qnb-background);
  transition: 0.5s;
  transform: scaleX(0);
}

.ww_learnpanel_leftsearch>input:focus+div {
  transform: scaleX(1);
}

.ww_learnpanel_mid {
  width: 18%;
  padding-top: 55px;
  padding-left: 5px;
  position: relative;
}

.ww_learnpanel_mid>div {
  font-weight: 400;
  padding: 25px;
  min-height: 90px;
  font-size: 12pt;
  transition: 0.5s;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.ww_learnpanel_mid>div:hover {
  color: var(--qnb-secondary);
}

.ww_learnpanel_mid>img {
  height: 35%;
  transform: rotateY(180deg);
  position: absolute;
  bottom: 15px;
  left: 10px;
  pointer-events: none;
}

.ww_learnpanel_mid>.ww_learnpanel_midselected {
  font-size: 17pt;
  background: var(--qnb-background);
  box-shadow: -7px 6px 14px -9px var(--qnb-border-strong);
  color: var(--qnb-secondary);
  position: relative;
  border: 1px solid var(--qnb-border-strong);
  border-radius: 5px;
  width: calc(100% + 30px);
}

.ww_learnpanel_right {
  width: calc(59% - 20px);
  height: calc(100% - 20px);
  background: var(--qnb-background);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.ww_learnpanel_right:hover {
  overflow: auto;
}

.ww_learnpanel_helplist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 40px;
}

.ww_learnpanel_helpitem {
  width: 30%;
  margin: 10px 1.6%;
  border-radius: 10px;
  min-height: 110px;
  position: relative;
  opacity: 0;
  transform: scale(0.9);
  animation: helpitemanim 0.5s ease-in forwards;
}

.ww_learnpanel_helpitem:hover {
  z-index: 1;
}

.ww_learnpanel_helpitem>div {
  background: var(--qnb-background);
  border-radius: 10px;
  box-shadow: 0 6px 15px -6px var(--qnb-border-strong);
  padding: 18px;
  min-height: 195px;
  transition: 0.5s;
}

.ww_learnpanel_helpitem>div:hover {
  transform: scale(1.05);
}

@keyframes helpitemanim {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes helpitemanim2 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.ww_learnpanel_helpitem_title {
  font-size: 14pt;
  font-weight: 400;
  color: var(--qnb-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ww_learnpanel_helpitem_dscp {
  font-weight: 300;
  color: var(--qnb-foreground-muted);
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ww_learnpanel_helpitem_file {
  display: flex;
  align-items: center;
  padding-top: 10px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.5s;
}

.ww_learnpanel_helpitem_file:hover {
  color: var(--qnb-foreground-secondary);
  text-decoration: underline;
}

.ww_learnpanel_helpitem_file>img {
  height: 16px;
  margin-right: 5px;
}

.ww_learnpanel_helpitem_file>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}

.ww_learnpanel_helpitem_roles {
  margin-bottom: 15px;
  transition: 0.5s;
  overflow: hidden;
  height: 45px;
  min-height: 45px;
  position: relative;
  cursor: pointer;
  width: 100%;
}

.ww_learnpanel_helpitem_roles>div:first-child {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin: 0 -5px;
}

.ww_learnpanel_helpitem_roles>div:first-child>div {
  padding: 2px 7px;
  border-radius: 5px;
  margin: 3px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
}

.ww_learnpanel_helpitem_roles>div:last-child {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 11px;
  background: linear-gradient(to bottom, transparent, var(--qnb-background));
  display: none;
}

.ww_learnpanel_helpitem_roles_alt>div:last-child {
  display: block;
}

.ww_learnpanel_faqlist {
  padding: 40px;
}

.ww_learnpanel_faqlist>.panel {
  border: none;
}

.ww_learnpanel_faqitem {
  background: var(--qnb-background);
  border-radius: 5px;
  margin-bottom: 20px;
}

.ww_learnpanel_faqitem>a:focus,
.ww_learnpanel_faqitem>a:active {
  text-decoration: none;
}

.ww_learnpanel_faqitemhdr {
  background: var(--qnb-background);
  border-radius: 5px;
  box-shadow: 0 6px 15px -6px var(--qnb-border-strong);
  padding: 10px 20px;
  min-height: 60px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13pt;
  font-weight: 400;
  color: black;
}

.ww_learnpanel_faqitemhdr .ww_learnpanel_helpitem_roles {
  margin: 0px;
  font-size: 10pt;
  height: 35px;
  min-height: 35px;
  width: 100%;
}

.ww_learnpanel_faqbody {
  padding: 20px;
  font-size: 12pt;
  font-weight: 300;
}

.ww_learnpanel_helpitem_dtls {
  display: flex;
  cursor: pointer;
}

.ww_learnpanel_helpitem_dtls>div:first-child {
  width: 100%;
}

.ww_learnpanel_helpdl_close {
  pointer-events: none;
  opacity: 0;
  transform: scale(0.9) translateY(-20px) !important;
}

.ww_learnpanel_left>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}

.generic-tablepanelview .dummytxn_guidepanel {
  color: var(--qnb-foreground-muted);
}

.generic-tablepanelview .dummytxn_guidepanel .dummytxn_guidepanel_note {
  margin-top: 20px;
}

.foviewhdr_main {
  display: inline-block;
  width: 100%;
}

.tasklist_widget__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 10px;
}

.taskList_column {
  display: flex;
  flex-flow: column wrap;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 15px;
  padding: 32px 10px;
}

.tasklist_item {
  border-radius: 8px;
  background-color: var(--qnb-background);
  padding: 15px;
  height: -moz-fit-content;
  height: fit-content;
}

.taskList_sub {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.taskList_sub>div:last-child>img {
  height: 28px;
}

.taskList_sub>div:first-child {
  display: flex;
  flex-direction: column;
}

.taskList_sub>div:first-child>div:first-child {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
}

.taskList_sub>div:first-child>div:nth-child(2) {
  height: 44px;
  width: 44px;
  font-size: 36px;
  font-weight: bold;
  line-height: 44px;
}

.todo_color {
  color: var(--qnb-primary);
}

.expire_section {
  background-color: var(--qnb-background);
}

.todo_section {
  background-color: var(--qnb-primary);
}

.pending_section,
.pending_bar {
  background-color: var(--qnb-warning-emphasis);
}

.expire_color {
  color: var(--qnb-chart-series-2);
}

.pending_color {
  color: var(--qnb-warning-emphasis);
}

.taskList_sub>img {
  width: 24px;
  height: 24px;
}

.tasklist_hdr {
  color: var(--qnb-foreground-inverse);
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

.taskList_column .tasklist_item:not(:last-child) {
  margin-bottom: 10px;
}

.tasklist_progress__bar {
  height: 8px;
  position: relative;
  background-color: var(--qnb-background);
  border-radius: 4px;
}

.tasklist_progress__bar>span {
  display: block;
  height: 100%;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.tasklist_progressdscp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 600;
  color: var(--qnb-foreground-muted);
  align-items: center;
  margin-top: 0.8rem;
  height: 100%;
}

.tasklist_mainhdr {
  color: var(--hdr-color);
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 2.7rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  margin-bottom: 2rem;
}

.tasklist_mainctr {
  border-radius: 2.5rem;
  background-color: var(--qnb-background);
  padding: 2rem;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  display: grid;
  grid-column-start: 1;
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  margin-bottom: 20px;
}

.tasklist_collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row;
  margin-bottom: 16px;
  margin-left: 10px;
}

.tasklist_collapsible .fa-circle {
  color: var(--qnb-foreground-inverse);
  font-size: 8px;
}

.tasklist_collapsible>div:first-child {
  display: flex;
  align-items: center;
}

.tasklist_collapsible>div:first-child>i {
  margin-right: 10px;
}

.tasklist_collapsible>i {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  color: var(--qnb-foreground-inverse);
  padding: 0.5rem;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
}

.expiring_btn>i {
  background-color: var(--qnb-background);
}

.todo_btn>i {
  background-color: var(--qnb-background-inverse);
}

.pending_btn>i {
  background-color: var(--qnb-warning-emphasis);
}

.tasklist_close {
  height: 0;
  display: none;
  transition: all 2s ease;
}

.welcome_widget__detailsctr {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  justify-content: space-between;
  padding: 5px 5px 0;
  z-index: 1;
  position: relative;
}

.welcome_widget__bgimgnew {
  z-index: 0;
  position: absolute;
  right: 0;
  width: 100%;
  bottom: 0;
  top: 0;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
}

.welcome_widget__bgimgnew>img:first-child {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  -o-object-position: top;
     object-position: top;
  /* transform: translateY(48px); */
  height: 100%;
}

.welcome_widget__bgimgnew div>img {
  object-fit: contain;
  -o-object-fit: contain;
  -o-object-position: right;
     object-position: right;
  height: 200px;
}

.welcome_widget__bgimgnew>div {
  width: 45%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
}

.welcome_widget__detailshdr {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
}

.welcome_widget__detailshdr>div:first-child {
  color: var(--qnb-foreground-inverse);
  font-size: 33px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 10px;
}

.welcome_widget__detailshdr>div:last-child {
  color: var(--qnb-foreground-inverse);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.welcome_widget__options {
  display: flex;
  align-items: baseline;
  margin: 0 -7.5px;
}

.welcome_widget__btn {
  height: 40px;
  border-radius: 12px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  width: 130px;
  justify-content: space-between;
}

.welcome_widget__btn>i {
  margin: 0 0 0 10px;
  font-size: 22px;
}

.welcome_widget__btnsctr {
  display: flex;
  /* margin-top: 55px; */
  justify-content: space-between;
  align-items: center;
}

.welcome_widget__pending {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-right: 20px;
  margin-left: 40px;
  padding: 0 !important;
}

.welcome_widget__pending>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.welcome_widget__pending>div>div {
  color: var(--qnb-foreground-inverse);
}

.welcome_widget__pending>div>div:first-child {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  text-shadow: 0 2px 4px 0 var(--qnb-shadow-lg);
}

.welcome_widget__pending>div>div:last-child {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  text-shadow: 0 2px 4px var(--qnb-shadow-lg);
}

.welcome_widget__options>div {
  padding: 0 7.5px;
  position: relative;
}

.welcome_widget_btnnew {
  gap: 8px;
  cursor: pointer;
  display: flex;
  background: transparent;
  border: 0;
  justify-content: center;
  padding: 0 19px 0 0;
  align-items: center;
}

.welcome_widget_btnnew>img {
  width: 28px;
  height: 28px;
}

.welcome_widget_btnnew>div {
  color: var(--qnb-foreground-inverse);
  font-weight: 600;
}

.welcome_widget__panelnew {
  display: flex;
  height: -moz-fit-content;
  /* height: fit-content; */
  border: none;
  border-radius: 25px;
  background-color: var(--qnb-background);
  flex-direction: row-reverse;
  position: relative;
  max-height: 200px;
  min-height: 200px;
  /* min-height: 270px; */
  /* aspect-ratio: 28/5; */
}

.dashboard_threecol__hideright .main_dashboard__panelnew {
  padding: 15px;
}

.main_dashboard__panelnew {
  padding: 0 30px 10px;
}

.acct_widget__newctr {
  display: grid;
  border-radius: 25px;
  background-color: var(--menu-background-color);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 20px;
  margin-bottom: 20px;
}

.acct_widget__newctrlist {
  padding: 0 !important;
}

.acct_widget_hdrnew {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.accountwidget_div {
  overflow-x: auto;
}

.accountwidget_div .totalAndPage {
  display: none;
}

.accountwidget_div .containerBelowTable,
.tranhist_div .containerBelowTable {
  display: none;
}

.accountwidget_div .fixedDataTableRowLayout_main {
  border: 1px solid var(--qnb-border-strong) !important;
}

.tranhist_div .fixedDataTableRowLayout_main {
  border-bottom: 1px solid var(--qnb-border-subtle) !important;
}

.accountwidget_div .f4datatable_optionButtons,
.tranhist_div .f4datatable_optionButtons {
  display: none;
}

.accountw_card__hdr>img {
  margin-right: 15px;
  height: 35px;
}

.accountw_card__hdr {
  display: flex;
  color: var(--sec-btn-color);
  align-items: center;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: 400ms;
}

.accountw_card__hdr:hover,
.accountw_card__hdr:active {
  color: var(--sec-btn-hover);
}

.account_column {
  color: var(--qnb-foreground-inverse);
}

.th_column {
  color: var(--hdr-color);
}

.account_column .view_amt__formatted,
.account_column .view_amt__formattedwc {
  font-weight: 800 !important;
}

.account_column .view_amt__formatted>span {
  font-weight: 800;
}

.amount_column.account_column .view_amt__formattedwc>span {
  margin-top: 3px;
  margin-right: 3px;
}

.accountwidget_div .public_fixedDataTableCell_main {
  background-color: var(--menu-background-color);
}

.acct_widget_hdrlist {
  padding: 20px 20px 0 20px;
}

.curr_sign {
  color: var(--qnb-foreground-inverse);
  font-size: 9px;
  font-weight: bold;
  line-height: 11px;
}

.card_cellstyle img {
  height: 35px;
}

.acct_widget__sectblbody .public_fixedDataTable_bodyRow {
  background-color: transparent;
  background: transparent;
}

.acct_widget__sectblbody .newlook_amount {
  /* font-weight: bold; */
  /* disable bold, align with what's shown in account portfolio */
}

.balance_cellstyle .public_fixedDataTableCell_cellContent>div {
  display: flex;
  color: var(--qnb-foreground-inverse);
  font-weight: 800;
}

.accwidget_cellstyle .public_fixedDataTableCell_cellContent {
  color: var(--qnb-foreground-inverse) !important;
  font-weight: 500 !important;
}

.card_cellstyle .public_fixedDataTableCell_cellContent>div {
  display: flex;
  color: var(--qnb-foreground-inverse);
  font-weight: 800;
  align-items: center;
  gap: 15px;
}

.card_cellstyle img {
  height: 35px;
}

.account_datatable {
  border-radius: 0 0 25px 25px;
}

.acct_widget_hdrnew>div:first-child {
  color: var(--qnb-foreground-inverse);
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
}

.acct_widget_cardgrp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  row-gap: 12px;
  grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin-top: 30px;
}

.acct_widget__card {
  gap: 70px;
  display: flex;
  flex-flow: column wrap;
  padding: 1.5rem;
  justify-content: space-between;
  border-radius: 18px;
  background: url(/fo/images/SalmonCard.039fd62a.svg);
  background-size: cover;
  position: relative;
}

.acct_widget__card>img {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.card_overlay {
  position: absolute;
  display: none;
  transition: 0.5s ease;
}

.card_overlay__btn {
  position: absolute;
  z-index: -3;
}

.acct_widget__card:hover .card_overlay,
.acct_widget__card:hover .card_overlay:hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--qnb-background-inverse);
  opacity: 0.3;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  top: 0;
  left: 0;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s ease;
}

.acct_widget__card:hover .card_overlay__btn,
.acct_widget__card:hover .card_overlay__btn:active {
  padding: 6px 15px;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  border: 1px solid var(--qnb-foreground-inverse);
  color: var(--qnb-foreground-inverse);
}

.acct_widget__acctypenew {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.acct_widget__acctypenew>div {
  color: var(--qnb-danger);
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.acct_widget__carddtls {
  display: flex;
  flex-flow: column wrap;
}

.acct_widget__carddtls>div {
  color: var(--qnb-danger);
}

.acct_widget__carddtls>div:first-child {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.35px;
  line-height: 22px;
}

.acct_widget__carddtls>div:last-child {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.75px;
  line-height: 12px;
}

.acctwidget_selection__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
}

.acctwidget_selection__btn:hover,
.acctwidget_selection__btn:active,
.acctwidget_selection__btn:focus,
.acctwidget_selection__btnselected {
  border-radius: 25px;
  background-color: var(--qnb-background-inverse);
  cursor: pointer;
}

.acctwidget_selection__btn:hover>img,
.acctwidget_selection__btn:active>img,
.acctwidget_selection__btn:focus>img,
.acctwidget_selection__btnselected>img {
  filter: invert(31%) sepia(100%) saturate(26%) hue-rotate(267deg) brightness(151%) contrast(102%);
}

.acctwidget_selection__btn>img {
  width: 2.8rem;
  height: 2.8rem;
}

.acct_widget_hdrnew>div:nth-child(2) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.acctwidget_newctr__alt {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 30px;
  row-gap: 20px;
}

.acctwidget_single__alt {
  border-radius: 25px;
  padding: 2rem;
  background-color: var(--menu-background-color);
  min-height: 350px;
  grid-column: 2 3;
  height: -moz-fit-content;
  height: fit-content;
}

.main_dashboard__row3 {
  display: grid;
  -moz-column-gap: 20px;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  padding: 0;
  row-gap: 20px;
  margin-bottom: 20px;
}

.main_dashboard__row4 {
  display: grid;
  -moz-column-gap: 20px;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  padding: 0;
  margin-top: 20px;
  row-gap: 20px;
}

.dashboard_column__13 {
  display: grid;
  grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}

.dashboard_row__gap {
  row-gap: 20px;
}

.dashboard_column__34 {
  display: grid;
}

.dashboard_row__23 {
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

.currencywidget_ctr {
  min-height: 419px;
  border-radius: 25px;
  background-color: var(--qnb-background-muted);
  padding: 20px;
}

.newsfeed_ctr {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 639px;
  padding: 20px 10px 20px;
  border-radius: 25px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
}

.acctwidget__quicklink__hdr {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.acctwidget_quicklinks__clickable {
  display: flex;
  justify-content: space-between;
}

.acctwidget_quicklinks__clickable .quicklink__item:not(:last-child) {
  margin-right: 11px;
}

.quicklink__item {
  border: 1.3px solid var(--qnb-foreground-inverse);
  border-radius: 10px;
  background-color: var(--qnb-secondary);
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  position: relative;
}

.quicklink__item>img {
  margin-bottom: 2px;
}

.quicklink__addbtn {
  border: none;
  box-shadow: none;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--qnb-secondary);
  max-width: 100px;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  transition: 0.5s;
  border-radius: 10px;
}

.quicklink__addbtn:hover {
  background-color: var(--menu-item-hover);
}

.quicklink__dscp {
  color: var(--qnb-foreground-inverse);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
}

.quicklink_add__btn {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 2px solid var(--qnb-foreground-inverse);
  border-radius: 10px;
  padding: 5px 15px 5px 9px;
}

.quicklink_add__btn>div {
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 17px;
}

.quicklink_item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--qnb-primary);
}

.acctwidget_singlecard {
  margin: 40px 33px 26px;
  padding: 20px 20px 25px 20px;
  gap: 100px;
  border-radius: 30px;
}

.acctwidget_singlecard .acct_widget__carddtls>div:first-child {
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 2.1px;
}

.acctwidget_singlecard .acct_widget__carddtls>div:last-child {
  font-size: 16px;
  letter-spacing: 1.2px;
  line-height: 20px;
}

.acctwidget_singlecard .acct_widget__acctypenew>div {
  font-size: 12px;
}

.acctwidget_singlecard .acct_widget__acctypenew>img {
  height: 33.5px;
}

.acctwidget_dtls__single {
  border-radius: 13px;
  background-color: var(--qnb-background-inverse);
  padding: 10px 10px 20px;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.acctwidget_dtls__singlehdr {
  text-align: left;
  color: var(--qnb-foreground-inverse);
  font-size: 22px;
  font-weight: bold;
  line-height: 27px;
  margin: 10px 0 0 10px;
}

.acctwidget_subdtls__single {
  display: flex;
  flex-direction: row;
  gap: 52px;
  padding-left: 10px;
  margin-top: 28px;
}

.acctwidget_subdtl__item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: flex-start;
}

.acctwidget_subdtl__item>div:first-child {
  color: var(--qnb-foreground-disabled);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.acctwidget_subdtl__item>div:last-child {
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.acctwidget_balances {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

.acctwidget_balance__item {
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 10px;
  background-color: var(--qnb-background-inverse);
  align-items: center;
}

.acctwidget_balance__item>div:first-child {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  color: var(--qnb-foreground-inverse);
}

.acctwidget_balance__item>div:last-child {
  color: var(--qnb-foreground-inverse);
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}

.acctwidget_tranhist {
  min-height: 586px;
  border-radius: 25px;
  background-color: var(--qnb-background-muted);
  display: flex;
  flex-direction: column;
  /* padding: 10px; */
}

.tranhist_widget__headersection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  /* border-bottom: 1px solid var(--qnb-border-subtle); */
}

.accwidget_tranhist--graph {
  padding: 10px;
}

.accwidget_tranhist--graph .tranhist_widget__headersection {
  border-bottom: 1px solid var(--qnb-border-subtle);
  padding: 10px 10px 20px 10px;
}

.widget__hdr {
  color: var(--hdr-color);
  font-size: 22px;
  font-weight: bold;
  line-height: 27px;
  text-align: left;
}

.tranhist_widgetbtns {
  display: flex;
  align-items: center;
  gap: 14px;
}

.tranhist_widgetbtns>a {
  cursor: pointer;
  padding: 6px;
}

.tranhist_toggle__btn {
  padding: 10px;
  border-radius: 25px;
  background-color: var(--qnb-background);
}

.acctwidget_tranhist a:hover>img,
.tranhist_toggle__btn>img {
  filter: brightness(0) saturate(100%) invert(44%) sepia(68%) saturate(6564%) hue-rotate(219deg) brightness(103%) contrast(90%);
}

.tranhist_widgetbtns>a:hover,
.tranhist_widgetbtns>a:active,
.tranhist_widgetbtns>a:focus {
  border-radius: 25px;
  background-color: var(--qnb-selection);
}

.transhist_changeacct__btn,
.exchangerate_refresh__btn,
.dashboard_settings__btn {
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-accent);
  border-radius: 20px;
  padding: 0 15px;
  color: var(--qnb-accent);
  font-size: 14px;
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 600;
  height: 30px;
  transition: 400ms;
}

.dashboard_settings__btn {
  border: 1.3px solid var(--qnb-accent);
}

.transhist_changeacct__btn:hover,
.exchangerate_refresh__btn:hover,
.dashboard_settings__btn:hover {
  background-color: var(--qnb-secondary-hover);
}

.blueb_white__btn {
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-primary);
  border-radius: 20px;
  padding: 6.5px 20px;
  color: var(--qnb-primary);
  font-size: 14px;
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
}

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

.newsfeed_item__mainctr .newsfeed_item:not(:last-child) {
  border-bottom: 1px solid var(--qnb-border-subtle);
}

.newsfeed_item {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  padding: 24px 20px;
}

.newsfeed_item>img {
  align-self: flex-start;
}

.newsfeed_btn {
  border-radius: 10px;
  background-color: var(--qnb-primary);
  border: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  color: var(--qnb-foreground-inverse);
  text-align: center;
  padding: 12px 27.5px;
  min-width: 171px;
}

.newsfeed_info>div:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 15px;
}

.currencywidget_headergrp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.currencywidget_headergrp>div:last-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: var(--qnb-foreground-secondary);
}

.currencywidget_headergrp>div>div:last-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--qnb-foreground-secondary);
  gap: 20px;
}

.currencywidget_toconvert__ctr {
  display: flex;
  flex-direction: row;
  padding: 40px 20px;
  align-items: center;
  gap: 40px;
}

.currencywidget_toconvert__ctr>div,
.currencywidget_converted__ctr>div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}

.currencywidget_converted__ctr>img {
  position: absolute;
  top: -30px;
  cursor: pointer;
  right: 30px;
}

.currency_toconvert .f4InputField_parent input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--qnb-border);
}

.currency_converted .f4InputField_parent input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--qnb-border);
  border-radius: 0;
}

.currencywidget_toconvert__ctr>div:first-child,
.currencywidget_converted__ctr>div:first-child {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 600;
  gap: 20px;
}

.currencywidget_toconvert__ctr>div:last-child,
.currencywidget_converted__ctr>div:last-child {
  color: var(--sub-label-color);
  font-size: 14px;
  font-weight: 500;
  gap: 20px;
}

.currencywidget_converted__ctr>div:nth-child(2) {
  color: var(--qnb-foreground-muted);
}

.currencywidget_ctr .f4InputField:focus,
.currencywidget_ctr .f4InputField {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-radius: 0;
}

.currencywidget_converted__ctr {
  display: flex;
  flex-direction: row;
  padding: 40px 20px;
  align-items: center;
  border-radius: 25px;
  background-color: var(--qnb-background);
  position: relative;
  gap: 40px;
}

.exhchangerate_hdrgrp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
}

.exhchangerate_hdrgrp>div:first-child {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.exchangerate_widget__ctr {
  display: grid;
  border-radius: 25px;
  background-color: var(--qnb-background-muted);
  height: -moz-fit-content;
  height: fit-content;
  min-height: 435px;
}

.exhchangerate_hdrgrp>div>div:last-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.cashflow_forecast__widget {
  padding: 20px;
  border-radius: 25px;
  background-color: var(--qnb-background-muted);
  border: none;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
}

.cashflow_forecast__widgetbody {
  display: flex;
  margin-top: 5px;
}

.cashflow_forecast__widgetbody>div:first-child {
  padding-right: 55px;
}

.cashflow_forecast__widgetbody>div:nth-child(2) {
  width: 35%;
  padding: 0 35px 50px 55px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cashflow_forecast__graph {
  min-height: 300px;
  width: 65%;
  position: relative;
}

.cashflow_forecast__graph::after {
  content: '';
  position: absolute;
  right: 0;
  top: -55px;
  bottom: 0;
  width: 1px;
  background: var(--qnb-border);
}

.cashflow_forecast__details {
  padding-left: 20px;
  padding-top: 90px;
}

.tranhist_totalexpenses {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  border-radius: 8px;
  background-color: var(--qnb-background);
  padding: 10px 20px;
  margin: 20px 10px 30px;
}

.cashflow_forecast__totalnet {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  border-radius: 8px;
  background-color: var(--mbl-details-bg);
  padding: 15px 20px;
  width: 100%;
}

.cashflow_forecast__totalnet>div:first-child {
  color: var(--view-fieldlabel-color);
  font-size: 12px;
  margin-bottom: 6px;
  font-weight: 500;
}

.tranhist_totalexpenses>div:first-child {
  color: var(--view-fieldlabel-color);
}

.tranhist_totalexpenses>div:last-child {
  color: var(--hdr-color);
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}

.cashflow_forecast__totalnet>div:last-child {
  color: var(--qnb-primary);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 5px;
}

.cashflow_forecast__totals {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}

.cashflow_forecast__totals>div {
  /* width: 50%; */
  display: flex;
  margin-top: 25px;
}

.cashflow_forecast__totalitem {
  flex: 1;
}

.cashflow_forecast__totalitem>div:first-child {
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  margin-bottom: 3px;
  color: var(--view-fieldlabel-color);
}

.cashflow_forecast__totalitem>div:last-child {
  padding: 2px 10px;
  display: flex;
  font-weight: 500;
  background-color: var(--qnb-background-inverse);
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
}

.cashflow_forecast__totalitempos>div:last-child {
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  border-radius: 4px;
  background-color: var(--qnb-background-inverse);
}

.cashflow_forecast__totalitemneg>div:last-child {
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  border-radius: 4px;
  background-color: var(--qnb-background);
}

.cashflow_forecast__totalitem>div:last-child>span {
  font-size: 7px;
  margin-top: 3px;
  margin-right: 3px;
}

.cashflow_forecast__widgethdr {
  display: flex;
  justify-content: space-between;
}

.cashflow_forecast__widgethdr>div {
  font-size: 22px;
}

.account_datatable .public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: var(--menu-background-color) !important;
}

.account_datatable .public_fixedDataTable_header .public_fixedDataTableCell_main .fixedDataTableCellLayout_wrap1 {
  background-color: var(--qnb-background-inverse) !important;
}

.account_datatable .public_fixedDataTable_header {
  border: 0.7px solid var(--qnb-border-strong);
  background-color: var(--qnb-background-inverse);
}

.account_datatable .public_fixedDataTableCell_cellContent {
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.exchangerate_datatable .public_fixedDataTable_header .public_fixedDataTableCell_main .fixedDataTableCellLayout_wrap1,
.tranhist_datatable .public_fixedDataTable_header .public_fixedDataTableCell_main .fixedDataTableCellLayout_wrap1 {
  background-color: var(--qnb-background) !important;
}

.exchangerate_datatable .public_fixedDataTable_header,
.tranhist_datatable .public_fixedDataTable_header {
  border: 0.7px solid var(--qnb-border-subtle);
}

.tranhist_datatable .public_fixedDataTableCell_main {
  background-color: var(--qnb-background-muted);
}

.exchangerate_datatable .public_fixedDataTable_header .public_fixedDataTableCell_cellContent,
.tranhist_datatable .public_fixedDataTable_header .public_fixedDataTableCell_cellContent {
  color: var(--field-label-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.exchangerate_datatable .fixedDataTableRowLayout_main {
  border: none;
}

.account_datatable .fixedDataTableCellLayout_wrap1 {
  background-color: var(--menu-background-color) !important;
}

.exchangerate_datatable .fixedDataTableCellLayout_wrap1,
.tranhist_datatable .fixedDataTableCellLayout_wrap1 {
  background-color: var(--qnb-background-muted);
}

.bankrate_gotoview {
  width: 100%;
  background-color: var(--qnb-primary);
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  border-radius: 0 0 25px 25px;
  padding: 11.5px;
  cursor: pointer;
  display: flex;
  justify-content: center;
}

.bankrate_gotoview:hover,
.bankrate_gotoview:visited {
  color: var(--qnb-foreground-inverse);
  text-decoration: none;
}

.tranhist_div {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tranhist_gotoview {
  display: flex;
  background-color: var(--qnb-primary);
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  justify-content: center;
  border-radius: 0 0 25px 25px;
  padding: 11.5px;
  cursor: pointer;
  flex: 1;
  margin-top: auto;
  align-items: center;
  min-height: 50px;
}

.tranhist_gotoview:hover {
  color: var(--qnb-foreground-inverse);
}

.tranhist_frequency {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 35px 10px 25px 13px;
}

.tranhist_frequency>div:first-child {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.tranhist_freq__btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cashflow_freq__btns {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}

.tranhist_freq__btns>button,
.cashflow_freq__btns>button {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 15px;
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  border: none;
  padding: 6.5px 15px;
  background-color: var(--qnb-background);
}

.tranhist_freq__btns>button:hover,
.tranhist_freq__btns>button:active,
.cashflow_freq__btns>button:hover,
.cashflow_freq__btns>button:active {
  background-color: var(--qnb-primary);
  color: var(--qnb-foreground-inverse);
}

.tranhist_div>div:first-child,
.exchangerate_div>div:first-child {
  overflow: auto;
}

.exchangerate_div {
  overflow-x: auto;
}

.tranhist_amt {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 14px;
  color: var(--hdr-color);
  background-color: var(--qnb-background);
  padding: 5px 10px;
  border-radius: 10px;
  box-shadow: 0 0 38px 4px var(--qnb-shadow-sm), -1px 2px 4px 0 var(--qnb-shadow-md);
}

.account_enrollment__templatectr {
  display: flex;
  height: 100%;
  max-width: 100vw;
  min-height: 100vh;
  grid-template-columns: minmax(fit-content, 330px) auto;
  margin: 0 -15px;
}

.ae_success__ctr {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-self: center;
  align-items: center;
  height: 100%;
  padding: 30px;
  position: relative;
  z-index: 1;
}

.ae_success__template {
  margin: 0 -15px;
  min-height: 100vh;
  max-width: 100vw;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 19px 15px;
}

.ae_success__template>img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 57%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ae_success__template>div:first-child {
  width: 100%;
  height: 57%;
  background: var(--qnb-secondary);
  position: ABSOLUTE;
  top: 0;
}

.ae_success__logo {
  position: absolute;
  top: 35px;
  left: 35px;
  cursor: pointer;
}

.ae_success__logo>img {
  height: 30px;
}

.ae_success__template>a:first-child {
  position: absolute;
  top: 0;
  margin: 15px;
  left: 0;
}

.ae_completed__blbtn {
  margin-top: 50px;
}

.ae_completed__blbtn .bob_back__btn {
  width: 200px;
}

.ae_completed__hdr {
  font-size: 32px;
  font-weight: 600;
  line-height: 37px;
  margin-top: 30px;
}

.ae_completed__dscp {
  font-size: 24px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 40px;
  color: var(--qnb-primary);
}

.ae_success__ctr .ae_completed__dscp>span {
  color: var(--qnb-primary);
  font-weight: bold;
}

.ae_completed__instructions {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
  color: var(--qnb-secondary);
}

.ae_completed__instructions>span {
  font-weight: 700;
}

.ae_success__ctr .ae_completed__back {
  background-color: var(--qnb-background);
  color: var(--qnb-primary);
  padding: 15px 50px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  margin-top: 60px;
  border-radius: 12px;
}

.account_enrollment__helpcenter {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
  height: 40px;
  margin: 0 -10px;
}

.account_enrollment__helpcenter:hover {
  background: var(--qnb-secondary-hover);
}

.account_enrollment__helpcenter>div {
  color: var(--qnb-foreground-inverse);
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.account_enrollment__helpcenter>img {
  margin-right: 15px;
}

.ae_step3b__wrapper .f4newlistview_counter,
.ae_step3b__wrapper .f4newlistview_hdr>div {
  width: unset;
}

.ae_step3b__wrapper .f4newlistview_rowbody .f4newlistview_counter {
  width: 18%;
}

.account_enrollment_leftpanel {
  display: flex;
  background-color: var(--menu-background-color);
  padding: 35px;
  max-height: 100vh;
  position: sticky;
  top: 0;
  width: 330px;
  overflow-y: auto;
}

.account_enrollment_leftpanel+.account_enrollment_contentctr {
  display: flex;
  flex: 1;
}

.account_enrollment_contentctr .form {
  display: contents;
}

.account_enrollment_contentctr {
  padding: 10px 30px 300px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 330px);
  /* width of left panel .account_enrollment_leftpanel */
}

.account_enrollment_leftcontent {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
  align-items: flex-start;
  width: 100%;
}

.ae_header__section {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  position: sticky;
  top: 0;
  height: 65px;
  z-index: 9;
  background: var(--main-bg-color);
  font-size: 22px;
  font-weight: 600;
}

.white__bg .ae_header__section {
  background: var(--qnb-background);
}

.ae_header__section>div {
  padding-left: 15px;
  font-weight: 700;
}

.ae_header__section>div:first-child {
  display: flex;
  gap: 10px;
  align-items: center;
}

.ae_header__section>div>a {
  cursor: pointer;
}

.ae_header__section>div:first-child>div {
  font-size: 22px;
  font-weight: 600;
}

.account_enrollment__stepper {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ae_stepper__item>p {
  color: var(--qnb-foreground-secondary);
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin: 0;
  padding: 0;
}

.ae_stepper__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  z-index: 2;
}

.ae_stepper__itemcheck>p {
  color: var(--qnb-foreground-inverse) !important;
}

.ae_stepper_itemcompleted>p {
  color: var(--qnb-accent);
}

.account_enrollment__stepper .vertical_line__inactive {
  background-color: var(--qnb-secondary);
  width: 2px;
  height: 35px;
  margin-left: 19px;
  margin-top: -5px;
  margin-bottom: -5px;
}

.account_enrollment__stepper .vertical_line__active {
  width: 2px;
  height: 40px !important;
  margin-left: 19px;
  background-color: var(--qnb-primary);
  margin-top: -5px;
  margin-bottom: -5px;
}

.ae_stepper_itemcompleted::after {
  background-color: var(--qnb-primary) !important;
}

.account_enrollment__steps {
  margin-left: 5px;
}

.ae_stepper_num {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  border-radius: 25px;
  border: 2px solid var(--qnb-border);
  color: var(--qnb-foreground-secondary);
  padding: 5px 10px;
  margin: 0 2px 0 2px;
  background-color: var(--menu-background-color);
}

.ae_stepper__itemcheck img {
  margin: 0 5px;
}

.ae_stepper__itemcheck+.vertical_line__active {
  background-color: var(--qnb-secondary);
  height: 35px;
  margin-top: 0px;
}

.ae_contentsection {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  flex: 1;
  align-self: center;
  width: 100%;
}

.ae_contentsection__alt {
  align-items: normal;
  flex: unset;
  align-self: unset;
  flex-flow: unset;
  flex-direction: column;
}

.ae_contentsection>h2 {
  margin: 0;
  text-align: center;
  line-height: 37px;
  font-weight: 600;
  color: var(--hdr-color);
}

.ae_contentsection__alt .bob_view__portlethdr {
  border-bottom: none;
  font-size: 20px;
}

.ae_contentsection__alt .bob_view__field::after {
  display: none;
}

.ae_card__wrapper {
  position: relative;
  border: 0.5px solid var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  transition: border 300ms;
  will-change: border;
}

.ae_card__wrapper--selected,
.ae_card__wrapper:hover {
  border: var(--qnb-border-strong) 2px solid !important;
}

.ae_step__portlet {
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
  border-radius: 13px;
  min-width: 510px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
}

.ae_step__portlet>.row:not(:last-child) {
  margin-bottom: 25px;
}

.ae_step3__wrapper {
  padding: 40px 0 35px;
  flex: 1;
  border: 0.5px solid var(--qnb-border-subtle);
  background-color: var(--qnb-background-muted);
  width: 165px;
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
}

.ae_step3b__wrapper {
  max-width: 650px;
}

.ae_step4__cardcontent .ae_step1__maincontent {
  height: unset;
}

.ae_step4__container {
  max-width: 745px;
  width: calc(100%);
  margin-left: auto;
  margin-right: auto;
}

.ae_step3b__hdr {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  padding: 20px 20px 30px;
  gap: 4px;
}

.ae_step3b__hdr>div:first-child {
  color: var(--hdr-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.ae_step3b__hdr>div:nth-child(2) {
  color: var(--view-fieldlabel-color);
  font-size: 16px;
  font-weight: 500;
}

.ae_inputfield .f4InputField,
.ae_textarea .f4TextAreaNew {
  padding: 15.5px 15px !important;
}

.ae_step1__cardcontent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 250px;
}

.ae_step1__cardcontent>img {
  position: relative;
  z-index: 1;
  /* height: 111px; */
  /* width: 97px; */
}

.ae_step4__cardcontent {
  padding: 35px 0 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  height: unset;
}

.ae_card__contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* height: 100%; */
  align-items: center;
  /* flex: 1;

  align-self: center; */
}

#ae_step1 .ae_card__wrapper {
  height: 289px;
  width: 200px;
}

.ae_card__title {
  color: var(--hdr-color);
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  text-align: center;
}

.ae_step3__content {
  gap: 28px;
}

.ae_step3__content>img {
  height: 95px;
}

.ae_card__subtitle {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  margin: 0;
}

.ae_step1__maincontent {
  display: flex;
  flex-direction: column;
  padding: 25px 20.5px 19.5px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.ae_step1__btbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.ae_step1__btbg>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ae_businesstype_portlet {
  display: flex;
  justify-content: space-between;
}

.ae_businesstype_portlet>div:first-child {
  margin-top: 10px !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.ae_businesstype_portlet>img {
  margin-top: -35px !important;
}

.learnmore_btn {
  display: flex;
  border: none;
  box-shadow: none;
  background: none;
  align-items: center;
  border-top: 1px solid var(--qnb-border-subtle);
  padding-top: 9px;
  width: 100%;
  justify-content: center;
  transition: 0.5s;
  position: relative;
  /* width: calc(100% + 41px); */
  /* height: calc(100% + 10px); */
  margin-bottom: -10px;
  padding: 9px 0 10px 0;
}

.learnmore_btn>i {
  color: var(--qnb-primary);
  font-size: 18px;
  margin-left: 11px;
}

.ae_card__contents:hover .learnmore_btn:hover {
  background-color: var(--qnb-background);
}

.learnmore_btn>div {
  font-size: 14px;
  color: var(--qnb-primary);
  font-weight: 600;
}

.ae_contentsection>p {
  color: var(--subhdr-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
  word-break: break-word;
  margin-top: 10px;
}

.ae_cardgrp {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.ae_cardgrp__step3 {
  padding: 0 15%;
}

.ae_cardgrp--grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  max-width: 650px;
  margin: 0 auto;
}

.ae_cardgrp--grid .ae_card__wrapper {
  width: unset;
  background-color: var(--qnb-background-muted);
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
  border: 0.5px solid var(--qnb-border-subtle);
}

.ae_cardgrp--grid .ae_step5__cardcontent {
  padding: 25px 16px 35px;
  height: 258px;
  justify-content: flex-start;
}

.ae_cardgrp--grid .ae_maincontent {
  display: flex;
  flex-direction: column;
  padding: 15px 0 0 0;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.ae_cardimg__border {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom: 1px solid var(--qnb-border-subtle);
  padding-bottom: 15px;
}

.ae_modal {
  max-width: 30%;
  height: -moz-fit-content;
  height: fit-content;
}

.ae_modal__ctr {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.ae_modal__ctr>div:nth-child(2) {
  color: var(--hdr-color);
  font-size: 30px;
  font-weight: 600;
  line-height: 37px;
  text-align: center;
  margin-top: 30px;
  max-width: 80%;
}

.ae_btns__modal {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 60px;
  align-items: center;
}

.ae_card__horizontal {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
}

.ae_horizontal__contents>div:first-child {
  display: flex;
  justify-content: space-between;
}

.ae_img--fill {
  background-color: var(--qnb-background-muted);
  display: flex;
  justify-content: center;
  align-items: center;
}

.ae_horizontal__contents {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20.5px 20px;
  gap: 10px;
}

.ae_horizontal__contents>div:first-child>div:first-child {
  color: var(--hdr-color);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
}

.ae_horizontal__contents>div:first-child>div:last-child {
  color: var(--sub-label-color);
  font-size: 13px;
  font-weight: 600;
}

.ae_horizontal__contents>p {
  margin: 0;
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
}

.ae_step3__container {
  padding: 0 50px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ae_horizontal__wrapper {
  width: 100% !important;
}

.ae_expandable__ctr {
  display: flex;
  width: 100%;
  opacity: 1 !important;
  flex-flow: column nowrap;
  padding: 20px 0 0 0;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
  max-height: 420px !important;
  overflow: hidden;
  transition: all 0.5s ease-in !important;
  visibility: visible !important;
}

.ae_expanded__collapsed {
  transition: all 0.5s ease-out;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.ae_expandable__ctr>.ae_req--docs>div:first-child {
  color: var(--qnb-foreground-muted);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.ae_expanded__collapsed .ae_req--docs,
.ae_expanded__collapsed .ae_sched--grp {
  opacity: 0;
}

.ae_req--docs {
  padding: 19.5px 20.5px;
}

.ae_sched--grp>.row {
  display: flex;
  flex-flow: row wrap;
}

.ae_expandable__ctr ul {
  list-style: none;
  margin-top: 10px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

.ae_expandable__ctr>div:first-child>ul>li::before {
  content: '- ';
}

.ae_note--sublabel {
  font-size: 13px;
  font-weight: 600;
  height: 100%;
  line-height: 16px;
  line-height: 4.5;
  color: var(--sub-label-color);
}

.ae_sched--grp {
  height: -moz-fit-content;
  height: fit-content;
  border-top: 1px solid var(--qnb-border-subtle);
  padding: 14.5px 15.5px 15.5px;
}

@media (max-width: 796px) {
  .ae_step__portlet {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }

  .ae_layout {
    padding: 0 40px !important;
  }
}

@media (max-width: 1228px) {
  .ae_btns__modal {
    justify-content: center;
    gap: 10px;
  }
}

.ae_hdr--portlet {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.ae_confirmation--hdr {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
}

.ae_hdr--portlet>div:first-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ae_portlet:not(:last-child) {
  margin-bottom: 10px;
}

.ae_portlet {
  padding: 20px;
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
}

.ae_layout {
  padding: 0 99px;
  width: 100%;
}

.ae_view--hdr {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.ae_view--field {
  display: flex;
  flex-flow: column wrap;
  gap: 10px;
}

.ae_view--sublabel {
  color: var(--search-filter-label);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.ae_view--content {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.ae_portlet .ae_view--field {
  margin-top: 30px;
  margin-left: 5px;
  margin-right: 5px;
}

.ae_step3b__wrapper .f4InputField {
  background-color: var(--qnb-background);
  padding: 10px 20px !important;
  border-radius: 0;
}

.ae_step3b__wrapper .f4newlistview_hdr {
  border: 0.7px solid var(--qnb-border-subtle);
  background-color: var(--qnb-background-muted);
  border-radius: 0 !important;
}

.ae_step3b__wrapper .f4newlistview_hdr>div {
  color: var(--qnb-foreground-muted);
}

.ae_controllabel {
  position: unset !important;
}

.ae_card__contents .help-block {
  z-index: 1;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 0px;
  position: absolute;
}

.initialRegistrationMainForm .f4InputField {
  font-size: 13px;
  height: 66px !important;
  border-radius: 2px;
  padding: 18px 10px 0px;
  background: var(--qnb-background-muted) !important;
}

.initialRegistrationMainForm .form-group {
  margin-bottom: 0px;
}

.initialRegistrationMainForm .f4FormFieldLabel-adj {
  padding: 7px 0px;
  left: 0px;
  position: relative;
  z-index: 1;
  font-size: 16px !important;
  font-weight: 700;
  color: var(--hdr-color);
}

.hideReadMore {
  visibility: hidden;
  color: var(--qnb-accent);
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

.wflw-filter-cal-icn {
  margin-right: 0px !important;
  margin-top: 14px !important;
  position: absolute;
  right: 0;
  top: 0;
}

.asf4FormValidate {
  position: relative;
}

.initialPageLeftDetails {
  padding-top: 40px;
  height: 100%;
  position: relative;
  padding-left: 40px;
}

.initialLoginStepsPanel {
  max-width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

.initialLoginIcon {
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 2em;
  background: var(--qnb-background);
  justify-content: center;
  border: 1px solid var(--qnb-border-subtle);
  align-items: center;
}

.initialLoginIconActive {
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 2em;
  background: var(--qnb-info);
  justify-content: center;
  border: 1px solid var(--qnb-info);
  align-items: center;
}

.initialLoginStep1 {
  display: flex;
  align-items: flex-start;
}

.initialLoginStepsLabel {
  margin-left: 15px;
}

.initialLoginStepsMainLabel {
  font-size: 12pt;
  font-weight: 500;
}

.initialLoginStepsSubLabel {
  margin-left: 20px;
  font-size: 10pt;
  font-weight: 400;
  color: var(--qnb-foreground-muted);
}

.initialLoginStep1Icon:after {
  display: inline-block;
  margin: 0px 0px 0px 11px;
  height: 90px;
  content: ' ';
  text-shadow: none;
  background-color: var(--qnb-background);
  z-index: -1;
  position: relative;
  width: 2.5px;
}

.initialRegistrationTitle {
  display: inline-block;
  width: 100%;
}

.initialRegisterForm {
  background-color: var(--qnb-background);
  padding: 40px 60px;
  box-shadow: 0px -2px 11px 5px var(--qnb-shadow-subtle);
  margin-top: 50px;
  border-radius: 40px;
  margin-left: 50px;
}

.initialRegistrationTitle {
  padding: 10px 10px;
}

.initialRegistrationMainTitle {
  font-size: 24px;
  font-weight: 700;
  color: var(--hdr-color);
}

.initialRegistrationSubTitle {
  font-weight: 400;
  font-size: 16px;
  color: var(--qnb-foreground-muted);
}

.initialRegistrationMainForm {
  display: inline-block;
  width: 100%;
  padding: 30px 15px;
}

.portletTitleStyle {
  margin: 15px 15px;
  text-align: left;
}

.portletTitleStyle span {
  position: relative;
  font-weight: 400;
  color: var(--qnb-secondary);
  font-size: 13pt;
}

.initialRegistrationLeftTitle {
  font-weight: 500;
  color: var(--qnb-foreground-muted);
  font-size: 15px;
  text-transform: uppercase;
  padding: 15px 0px;
}

.twoColumnSubBarGrey {
  width: 30px;
  height: 3px;
  margin: 8px 0px;
  background: var(--qnb-background);
}

.initialRegistrationMainForm .f4InputField {
  color: var(--qnb-foreground) !important;
  background: var(--qnb-background-muted) !important;
  border-radius: 8px;
  height: 50px !important;
  padding: 10px;
  font-size: 14px;
}

.initialRegistrationMainForm .has-feedback .form-control {
  padding-right: 42.5px;
}

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

.initialLoginPassword {
  display: flex;
  align-items: flex-start;
  font-size: 13px;
  color: var(--qnb-foreground-muted);
  margin-right: 5px;
}

.passwordRequirements {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.initialRegistrationMainForm .error-msg-container {
  width: 100%;
  margin-top: 15px;
  border-radius: 10px;
  overflow: hidden;
}

.viewPanelLabelsSet {
  margin-bottom: 30px;
}

.viewPanelLabelsSet-highlighted .viewPanelLabel {
  /* color: var(--qnb-foreground-secondary); */
  color: var(--hdr-color);
  font-weight: 700;
  font-size: 16px;
}

.viewPanelLabelsSet-highlighted .viewPanelValue {
  /* font-size: 16pt;
  color: var(--qnb-foreground-secondary);
  font-weight: 400; */
  font-size: 14pt;
  color: var(--qnb-accent);
  font-weight: 600;
}

.initialRegistrationMainForm .viewPanelLabelsSet {
  padding-top: 14px;
}

.initialRegistrationMainForm .viewPanelLabelsSet-highlighted .viewPanelLabel {
  color: var(--hdr-color);
  font-weight: 700;
  font-size: 16px;
}

.initialRegistrationMainForm .viewPanelLabelsSet-highlighted .viewPanelValue {
  font-size: 16pt;
  color: var(--qnb-info);
  font-weight: 400;
}

.viewPanelLabel {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  color: var(--field-label-color);
  margin-bottom: 10px;
}

.viewPanelValue {
  font-size: 14px;
  font-weight: 600;
  white-space: pre-wrap;
}

.initialRegistrationButtons {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.initialRegistrationButtons span {
  width: 50%;
}

.initialRegistrationButtons .f4Button {
  background: var(--qnb-background);
  border: none;
  border-radius: 5px;
  padding: 15px 104px;
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  font-weight: 400 !important;
  position: relative;
  margin-left: 15px;
  min-width: 135px;
  transition: all 0.5s ease;
  width: 100%;
}

.initialRegistrationButtons .f4Button:hover,
.initialRegistrationButtons .f4Button:focus,
.initialRegistrationButtons .f4Button:active {
  box-shadow: none !important;
  transform: translate(0, 2px);
  color: var(--qnb-foreground-inverse);
  outline: 0;
}

.initialRegisterForm .progress-bar_wrap {
  display: flex;
}

.initial_header {
  color: var(--hdr-color);
  font-size: 30px;
  font-weight: 500;
  margin-top: 40px;
}

.initial_logo img {
  height: 35px;
}

.initial_header>div:last-child {
  color: var(--qnb-foreground-muted);
  font-size: 16px;
  font-weight: 500;
}

.no-padding {
  padding: 0px;
}

.progress-bar_item {
  height: 9px;
  width: 33%;
  background: var(--qnb-background-muted);
  margin: 5px 0px;
  border-radius: 5px;
  margin-right: 5px;
}

.progress-bar_item-1.active {
  background-color: var(--qnb-secondary);
}

.progress-bar_item-2.active {
  background-color: var(--qnb-selection);
}

.progress-bar_item-3.active {
  background-color: var(--qnb-secondary);
}

.initialLoginPassword span {
  font-weight: 400 !important;
  font-size: 12px;
}

.initial_line {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.initialRegistrationMainForm .f4InputField::-moz-placeholder {
  color: var(--placeholder-color);
  font-weight: 300;
  font-size: 15px;
}

.initialRegistrationMainForm .f4InputField::placeholder {
  color: var(--placeholder-color);
  font-weight: 300;
  font-size: 15px;
}

.initialRegistrationMainForm .help-block {
  top: unset;
}

.ae_businesstype_portlet {
  display: flex;
  justify-content: space-between;
}

.ae_businesstype_portlet>div:first-child {
  margin-top: 10px !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.ae_businesstype_portlet>img {
  margin-top: -35px !important;
}

.initialRegistrationMainForm .padding-bottom-20 {
  padding-bottom: 10px;
}

.initial-modal-msg>div:first-child {
  color: var(--qnb-foreground);
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.initial-modal-msg>div:last-child {
  color: var(--qnb-foreground-muted);
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  padding: 0px 10px;
}

.initial-modal-btn {
  background: var(--qnb-background);
  border-radius: 8px;
  padding: 15px;
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  margin: auto;
  margin: 60px auto 0px;
  text-align: center;
}

.initialRegistrationMainForm .f4InputField[disabled] {
  background: var(--qnb-selection) !important;
}

.newfeedbackmsg_panel {
  display: flex;
  line-height: 30px;
}

.newfeedbackmsg_panel>div {
  color: var(--negative-color);
}

.bankAdvisoryIconParent {
  text-align: right;
  display: inline-block;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 15px 0px;
  color: var(--qnb-foreground-inverse);
  align-items: center;
  font-size: 15pt;
  font-weight: 300;
}

.bankAdvisoryIconParent>img {
  height: 25pt;
  margin-right: 10px;
  /*content: url(../images/ego_icons/advisory.svg);*/
}

@keyframes anim-1 {
  50% {
    opacity: 0;
    transform: translate3d(1em, 0, 0);
  }

  51% {
    opacity: 0;
    transform: translate3d(-1em, -40%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, -40%, 0);
  }
}

.ripple {
  position: absolute;
  width: 15rem;
  height: 15rem;
  margin-left: -7.5rem;
  margin-top: -7.5rem;
  background: var(--qnb-background-inverse);
  transform: scale(0);
  animation: animRipple 0.4s;
  border-radius: 50%;
}

@keyframes animRipple {
  to {
    transform: scale(3.5);
    opacity: 0;
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  100% {
    transform: translateY(-800px);
    opacity: 0;
  }
}

.loader {
  margin-top: 2px;
}

@keyframes expand {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.55);
  }
}

html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1),
html:not(.mobile-true) #mobile-fologinbg-id img {
  opacity: 1 !important;
}

.dashsettings-addwidget-save {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--qnb-background-inverse);
  color: var(--qnb-foreground-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  font-size: 18pt;
  font-weight: 400;
}

/* bob-transactionals */

/* =============== NEW LOOK STEPPER =================== */

/* LOGIN PAGE NEW */
html body.newlogin_desktopbody {
  height: 100vh;
  overflow: hidden;
}

.bob_container__login {
  display: flex;
  height: 100vh;
  max-width: 100vw;
  position: relative;
  overflow: hidden;
  background-color: var(--qnb-background);
  /* margin: 0 -15px; */
}

.bob_login__layout {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}

.bob_login__image {
  position: relative;
  flex: 0 0 40%;
  height: 100%;
  overflow: hidden;
}

.bob_login__image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(30, 30, 36, 0.3) 45%, rgba(26, 26, 32, 0.8) 80%, rgba(20, 20, 26, 0.95) 100%);
  pointer-events: none;
  z-index: 1;
}

.bob_login__image>img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.bob_login__imagelogo {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 2;
}

.bob_login__leftcontent {
  display: flex;
  justify-content: center;
  padding: 40px;
  position: absolute;
  flex-direction: column;
  color: var(--qnb-foreground-inverse);
  flex: 1;
  height: 100%;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: flex-end;
  text-align: center;
  z-index: 2;
}

.bob_login__lefthdr+.bob_login__leftprgrph {
  margin-top: 20px;
}

.bob_login__lefthdr {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  text-shadow: 2px 2px 5px black;
}

.bob_login__leftprgrph {
  color: var(--qnb-foreground-inverse);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 30px;
}

.bob_login_learnctr {
  position: absolute;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  padding: 24px;
  margin-top: 0;
  width: calc(100% - 80px);
  max-width: 520px;
  text-align: center;
}

.bob_login__learnhdr {
  color: var(--qnb-foreground-inverse);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.35;
}

.bob_login__learnsubhdr {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
}

.bob_login__learnhdr+.bob_login__learnsubhdr {
  margin-top: 15px;
  text-align: left;
}

.bob_login__panel {
  flex: 0 0 60%;
  width: auto;
  background: linear-gradient(180deg, var(--qnb-background-muted) 0%, var(--qnb-background-muted) 100%);
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  padding: 32px clamp(24px, 3.5vw, 56px);
  position: relative;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.bob_login__formcontainer {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  gap: 24px;
  width: min(100%, 520px);
  max-width: 520px;
  flex: 0 1 520px;
  height: auto;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  border: 0;
}

.bob_login__logo {
  display: flex;
  justify-content: flex-end;
}

.bob_login__logo>img {
  height: 25px;
  width: 60px;
}

.bob_login__form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  width: 100%;
  flex: 0 0 auto;
}

.bob_login__versionwlinks {
  width: 100%;
}

.bob_login__leftlinks {
  display: flex;
  justify-content: space-between;
  height: 23px;
  align-items: center;
  margin-bottom: 5px;
}

.bob_login__leftlinks>a {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: var(--sec-btn-color);
  padding-left: 15px;
}

.bob_login__leftlinks>a:not(:last-child) {
  padding-inline: 15px;
  border-right: 1px solid var(--qnb-border-subtle);
}

.bob_login__logo .bob_login__form {
  margin-top: 15px;
}

.bob_login__formhdr {
  font-size: clamp(30px, 2.6vw, 38px);
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
}

.bob_login__formtitle {
  color: var(--qnb-primary);
}

.bob_login__formbrand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 12px;
}

.bob_login__formbrandtext {
  color: var(--qnb-primary);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.bob_login__linkheader {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bob_login__linkheader>img {
  height: 25px;
}

.bob_login__linkstop>a:not(:last-child),
.panel__links>a:not(:last-child) {
  border-right: 1px var(--qnb-border-subtle) solid;
  padding-inline: 15px;
}

.bob_login__linkstop>a {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  padding-left: 15px;
}

.bob_login__appstoreswlink {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}

.bob_login__formhdr>div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bob_login__formhdr>div:nth-child(2)>img {
  height: 30px;
  margin-right: 20px;
  margin-top: -3px;
}

.bob_login__formsubhdr {
  color: var(--hdr-color);
  font-size: 23px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

.bob_login__formsubhdr+.bob_login__fields {
  margin-top: 24px;
}

.bob_login__fields {
  margin-top: 28px;
}

.bob_login__fields>.form {
  width: 100%;
}

.bob_login__fields>.form>div:not(:last-child) {
  margin-bottom: 18px;
}

.bob_login__forgot,
.bob_login__unlock {
  /* position: absolute; */
  color: var(--qnb-primary);
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  top: 14px;
  right: 15px;
  z-index: 1;
  cursor: pointer;
  transition: 0.5s;
}

.bob_login__unlock {
  display: flex;
  gap: 5px;
  align-items: center;
}

.bob_login__forgot:hover,
.bob_login__unlock:hover {
  opacity: 0.5;
}

.bob_login__unlock+.bob_login__forgot {
  padding-left: 14.5px;
}

.bob_login__link {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  align-items: center;
  margin-right: 20px;
}

.bob_login__link>div:first-child:not(div:last-child) {
  padding-right: 14.5px;
  border-right: 1px solid var(--qnb-border-subtle);
}

.bob_login__btnctr {
  margin-top: 28px;
}

.bob_login__btn {
  color: var(--qnb-foreground-inverse) !important;
  background-color: var(--qnb-accent);
  border-radius: 8px;
  box-shadow: 0 2px 8px var(--qnb-overlay-white);
  transition: 0.5s;
  font-size: 15px;
  padding-top: 18.5px;
  padding-bottom: 18.5px;
  width: 100%;
  font-weight: bold;
}

.bob_login__btn:hover,
.bob_login__btn:focus,
.bob_login__btn:active {
  color: var(--qnb-foreground-inverse) !important;
  background: var(--qnb-accent-hover) !important;
  transform: unset;
  box-shadow: 0 2px 8px var(--qnb-overlay-white);
  outline: none !important;
}

.bob_login__appstores {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.bob_login__appstores>div:first-child {
  margin-bottom: 15px;
}

.bob_login__stores {
  margin: 0 -7.5px;
}

.bob_login__stores>img {
  height: 30px;
  margin: 0 7.5px;
  cursor: pointer;
}

.bob_login__apphdr {
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.bob_login_stores {
  display: flex;
}

.bob_login_stores>div:not(:last-child) {
  margin-right: 17px;
}

.bob_learn__btn {
  border-radius: 8px;
  background-color: var(--qnb-background);
  color: var(--qnb-foreground-inverse);
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
  padding: 11px 36px;
}

.bob_learn__btn:hover,
.bob_learn__btn:active,
.bob_learn__btn:focus {
  background-color: var(--qnb-secondary) !important;
}

.bob_login__version {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
  flex-direction: column;
  margin-top: 25px;
  color: var(--sub-text-color);
}

.bob_login__version>div {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

#bob_login__version a {
  color: var(--sec-btn-color) !important;
  text-decoration: underline;
}

.bob_login__version>div:first-child {
  margin-bottom: 3px;
}

.txnstatus_column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: 0 2px;
}

.txnstatus_column>img {
  margin-right: 8px;
}

.amount_column {
  display: flex;
  width: 100%;
  padding: 0 20px;
}

.amount_column .view_amt__formattedwc>span {
  margin-top: 3px;
  margin-right: 3px;
}

.amount_column--right {
  width: 100%;
  justify-content: flex-end;
  padding-left: 20px;
  padding-right: 20px;
}

.amount_column .view_amt__formattedwc {
  font-weight: 600;
}

/* INITIAL FILTERS!!! */
.bob_table__portletchildren .actionchoice-btnicon {
  border: 0;
  box-shadow: none;
}

.datepickrange_initial__apply {
  position: relative;
}

.datepickrange_initial__close {
  position: relative;
}

.newlook_genericform .initial_filter__select .Select-placeholder {
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background);
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  transition: 0.5s;
}

.newlook_genericform .initial_filter__select .Select-control:hover .Select-placeholder {
  border: 1.5px solid var(--qnb-primary);
}

.newlook_genericform .initial_filter__select .Select-control:hover {
  border: unset;
}

.newlook_genericform .initial_filter__select .Select-control i {
  color: var(--qnb-primary);
}

.newlook_paneltemplate__hasaddtlbtns .bob_table__portletchildren,
.newlook_paneltemplate__hasaddtlbtns .bob_paneltemplate__children {
  min-height: 100vh;
}

/* HELP MODAL */

.help_modal__tabctr .ant-tabs {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.help_modal__tabctr .ant-tabs-nav>div:first-child {
  display: flex;
  width: 100%;
}

.help_modal__tabctr .ant-tabs-nav {
  width: 100%;
  display: flex;
}

.help_modal__tabctr .ant-tabs-nav>div:first-child>.ant-tabs-tab {
  flex: 1;
  display: flex;
  justify-content: center;
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: 500;
}

.help_modal__tabctr .ant-tabs-nav>div:first-child>.ant-tabs-tab-active {
  flex: 1;
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  color: var(--qnb-primary);
}

.faq_hdr__section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
}

.faq_hdr__section>div {
  color: var(--hdr-color);
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2;
}

.faq_hdr__section>i {
  cursor: pointer;
  font-size: 26px;
}

.faq_dscp {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  max-height: 100px;
  transition: 0.5s;
}

.faq_dscp__collapsed {
  max-height: 0 !important;
  overflow: hidden;
}

.help_modal__tabctr {
  /* padding: 0 5px; */
  margin-left: -25px;
  margin-right: -25px;
}

.help_file__modal {
  width: 60%;
  height: 90%;
}

.faq_no_records {
  padding-top: 90px;
}

.helpfile_no_records {
  padding-top: 30px;
}

.faq_ctr>.faq_item:nth-child(even) {
  background-color: var(--qnb-background);
}

.faq_item {
  padding-top: 18.5px;
  padding-bottom: 20px;
  padding: 18.5px 30px 20px 30px;
}

.helpfile_ctr {
  padding: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(50% - 20px), 1fr));
  grid-gap: 20px;
}

.helpfile_ctr>.helpfile__item:nth-child(odd) {
  margin-right: 20px;
}

.helpfile__item {
  border: 0.6px solid var(--qnb-border-subtle);
  border-radius: 12px;
  background-color: var(--qnb-background);
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  padding: 10px 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.helpfile__item .helpfile__icon {
  margin-right: 15px;
  height: 40px;
  width: 40px;
  border-radius: 6px;
  background-color: var(--qnb-background-inverse);
  color: var(--qnb-foreground-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
}

.helpfile__item img {
  align-self: flex-end;
  cursor: pointer;
}

.helpfile__item>div:first-child {
  display: flex;
}

.helpfile_hdr {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

.helpfile_size {
  color: var(--datatable-sublabel-color);
  font-size: 14px;
  font-weight: 600;
}

.acctype_column {
  display: flex;
  color: var(--qnb-foreground-inverse);
  padding: 0 20px;
  align-items: center;
  font-weight: 500;
}

.acctype_column>i {
  font-size: 4px;
}

.acctype_column>div:first-child,
.acctype_column>i {
  margin-right: 5.5px;
}

.suspend__modal {
  width: 550px;
  max-width: 100%;
  height: 450px;
  /* height: fit-content; */
}

.suspend__modal .f4N .suspend__modal .form .row:not(:last-child) {
  margin-bottom: 15px;
}

.suspend__modal .form>.row:not(:last-child) {
  margin-bottom: 30px;
}

.suspend__modal .f4ModalBody {
  overflow: visible;
}

.suspend__modal .f4ButtonGroup>span {
  width: 100% !important;
}

.mini_camera__actionbtn {
  position: absolute;
  display: flex;
  bottom: 0;
  right: -8px;
  width: 40px;
  height: 40px;
  padding: 0px;
  border: 3px solid var(--qnb-foreground-inverse);
  background: var(--qnb-primary);
  align-items: center;
  justify-content: center;
}

.mini_camera__actionbtn:hover {
  background: var(--qnb-primary-hover);
}

.mini_camera__actionbtn.actionchoice-btnicon {
  box-shadow: none;
}

.mini_camera__actionbtn.actionchoice-btnicon:hover {
  transform: unset;
}

.security__portlet .newlook_gpbody {
  margin-left: 29.5px;
}

/*start of password checker*/
.pwstr__fieldlabel {
  position: relative;
}

.pwstr__fieldlabel .newlogin_pwchecker_dscp {
  position: absolute;
  top: 0;
  right: 3px;
}

.newlogin_pwchecker_progress {
  width: 100%;
  height: 10px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.newlogin_pwchecker_dscp>span {
  font-weight: bold;
  margin-left: 10px;
}

/*end of password checker*/

.security_inputpw__field {
  position: relative;
}

.security_inputpw__field .f4InputField {
  padding-right: 80px;
}

.security_inputpw__fieldcheck {
  position: absolute;
  border-radius: 50%;
  background: var(--qnb-background);
  color: var(--qnb-foreground-inverse);
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 55px;
  top: 46px;
  font-size: 8px;
  pointer-events: none;
}

.security_inputpw__fieldalt .security_inputpw__fieldcheck {
  /* background: var(--qnb-primary); */
  background-color: var(--qnb-background);
}

.security_inputpw__field+.newlogin_pwchecker {
  margin-top: 15px;
}

.modal-enter {
  opacity: 0;
  transform: scale(0.9);
}

.modal-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 300ms, transform 300ms;
}

.modal-exit {
  opacity: 1;
}

.modal-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 300ms, transform 300ms;
}

.unlock__modal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.unlock__modal .newconfirm_modalpanel {
  padding: 0;
}

.bankad__slider {
  position: absolute;
  z-index: 9;
  width: 400px;
  border-radius: 13px;
  background-color: var(--qnb-background-inverse);
  box-shadow: 0 2px 9px 2px var(--qnb-shadow-subtle), 0 6px 15px 0 var(--qnb-shadow-subtle);
  bottom: 20px;
  right: 20px;
  padding: 20px;
  /* max-height: 70vh;
  overflow-y: auto; */
}

.mblbankad__slider {
  width: 100%;
  right: 0px;
  bottom: 0px;
}

.bankad__slider .slick-track {
  overflow: hidden;
  max-height: 200px;
}

.bankad__content {
  display: flex;
  flex-direction: column;
  max-height: 200px;
}

.bankad__hdr--main {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  color: var(--qnb-foreground-inverse);
}

.bankad__subhdr {
  font-size: 16px;
  line-height: 20px;
  color: var(--qnb-foreground-inverse);
  margin-bottom: 10px;
  display: flex;
}

.bankad__subhdr>span {
  padding-right: 9px;
}

.bankad__subcontent {
  color: var(--qnb-foreground-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  margin-bottom: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-left: 22px;
  text-overflow: ellipsis;
  line-clamp: 3;
}

.bankad__learnmore {
  color: var(--sec-btn-color) !important;
  position: absolute;
  left: 20px;
  bottom: 17px;
}

.bankad__learnmore::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.5px;
  background: var(--sec-btn-color);
}

.bankad__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--qnb-foreground-inverse);
  font-size: 20px;
  font-weight: 600;
  margin: -5px -5px 15px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--qnb-border);
}

.bankad__header>.bob_mini__circlebtn {
  font-size: 25px;
}

.bankad__header>.bob_mini__circlebtn:hover,
.bankad__header>.bob_mini__circlebtn:focus,
.bankad__header>.bob_mini__circlebtn:active {
  background: var(--qnb-selection);
}

.bankad_closebtn {
  position: relative;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  color: var(--qnb-foreground-inverse);
  font-size: 20px;
  height: 28px;
  width: 28px;
  text-align: center;
  transition: 300ms;
}

.bankad_closebtn>i {
  font-weight: bold;
}

.bankad_closebtn:hover {
  background-color: var(--qnb-background-inverse);
}

.bankad__learnmore:hover,
.bankad__learnmore:focus,
.bankad__learnmore:active {
  background: var(--qnb-selection) !important;
  color: var(--sec-btn-color) !important;
}

.bankad__slider>.slick-slider {
  padding-bottom: 15px;
  max-height: 250px;
}

.bankad__slider .slick-arrow {
  background-color: white;
}

.bankad__slider .slick-arrow.slick-prev {
  left: auto;
  right: 30px;
  top: auto;
  bottom: -10px;
  border-radius: 50%;
  transition: 0.5s;
}

.bankad__slider .slick-arrow.slick-next {
  top: auto;
  bottom: -10px;
  right: 0;
  border-radius: 50%;
  transition: 0.5s;
}

.bankad__slider .slick-arrow.slick-prev:hover,
.bankad__slider .slick-arrow.slick-next:hover {
  background: var(--qnb-background) !important;
}

.bankad_acctslider__next,
.bankad_acctslider__prev {
  height: 28px;
  width: 28px;
  background-color: transparent !important;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: var(--qnb-foreground-inverse);
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  transition: 0.5s;
  transform: none;
}

.bankad__slider .slick-dots {
  bottom: -2px;
  width: 50%;
  translate: 50%;
}

.bankad__slider .slick-dots li {
  height: 6px;
  margin: 0 3px;
  width: 6px;
}

.bankad__slider .slick-dots li.slick-active button:before {
  color: var(--qnb-foreground-inverse);
}

.bankad__slider .slick-dots li button::before {
  color: var(--qnb-foreground-secondary);
}

.bankad_acctslider__prev::before {
  content: '\f104';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  opacity: 1;
}

.bankad_acctslider__next::before {
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  opacity: 1;
}

/* AP */

.bms_small__loader .box {
  margin: 0px;
  height: 25px;
  width: 25px;
}

/* .bms_apth__panel {
  display: flex;
} */

.bms_hdrtitle__text {
  display: flex;
}

.bms_hdrtitle__text>div:first-child {
  margin-right: 25px;
  line-height: 23px;
  display: flex;
  align-items: center;
}

.bms_hdrbtnsml__container {
  margin-right: 15px;
}

.payslip_corp__logo .invoice_form__logo {
  text-align: left;
}

.payslip_corp__logo .invoice_form__logoalt {
  height: 70px;
  display: flex;
  margin: 0px;
}

.payslip_corp__logo .invoice_form__logoalt .newlook_primarybtn {
  left: 5%;
}

.payslip_corp__logo .invoice_form__logoalt .sme_negative__btn {
  left: 5%;
}

.bms_ackactions__button {
  background: var(--middle-section-bg);
  box-shadow: none;
  height: 35px;
  width: 35px;
  border-radius: 12px;
  color: var(--hdr-color);
  font-size: 18px;
  position: relative;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bms_ackactions__button>img {
  height: 26px;
}

.bms_ackactions__button:hover {
  transform: unset;
  background: var(--action-grey-hover);
}

.bms_fullview__ackhdr {
  position: relative;
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 0 0 13px 0 var(--qnb-shadow-card);
  padding: 30px;
}

.bms_fullview__ackhdrtop {
  display: flex;
}

.bms_fullview__ackhdrtl,
.bms_fullview__ackhdrtr {
  width: calc(50% - 75px);
}

.bms_fullview__ackhdrtopalt .bms_fullview__ackhdrtr {
  width: calc(100% - 150px);
}

.bms_fullview__ackhdrtl .generated_qr__mini {
  position: absolute;
  top: 15px;
  left: 15px;
}

.bms_fullview__ackhdrtr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.bms_fullview__ackhdrtr>div {
  margin: 0 0 0 15px;
}

.bms_fullview__ackhdrstep {
  width: 150px;
}

.bms_fullview__ackhdrstep .sme_view__ackhdrstep {
  text-align: center;
}

.bms_fullview__ackhdrtopalt .bms_fullview__ackhdrstep .sme_view__ackhdrstep {
  text-align: left;
}

.bms_panel__tmpbtnswcncl .sme_panel__templatesecset {
  flex-direction: column-reverse;
  align-items: center;
}

.bms_panel__tmpbtnswcncl .sme_panel__templatesecset>div {
  margin-left: 0px;
}

.bms_panel__tmpbtnswcncl .sme_panel__templatebtns .f4Button {
  min-width: 200px;
}

.bms_panelbtn__cancelsub {
  margin-top: 30px;
}

.bms_appage__grpclassic .bms_apwidget__grphdr {
  position: absolute;
  padding: 10px 0px;
  display: flex;
  align-items: center;
}

.bms_apwidget__grp {
  margin-bottom: 20px;
}

.bms_apwidget__grp:last-child {
  margin-bottom: 0px;
}

.bms_fullview__ackdtls {
  /* text-align: center;
  margin-top: 30px; */
  text-align: left;
  display: flex;
  margin-top: 20px;
}

.bms_apwidget__grphdr {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.myacct_widget__panelalt .bms_apwidget__grpbody>.f4newlistview_panel {
  margin-bottom: 0px;
}

.bms_fullview__ackhdralt .bms_fullview__ackdtls {
  text-align: center;
  display: block;
}

.bms_fullview__ackdtls>div:first-child>img {
  /* height: 70px;
  width: 70px; */
  width: 55px;
  height: 55px;
}

.bms_fullview__ackhdralt .bms_fullview__ackdtls>div:first-child>img {
  width: 65px;
  height: 65px;
}

.bms_fullview__ackdtls>div:last-child {
  /* margin-top: 30px; */
  margin: 0px;
  padding-left: 15px;
  width: calc(100% - 55px);
}

.bms_fullview__ackhdralt .bms_fullview__ackdtls>div:last-child {
  width: 100%;
  margin-top: 15px;
}

.bms_fullview__ackdtls>div:last-child>div:first-child {
  /* font-size: 26px; */
  font-weight: 700;
  letter-spacing: 0;
  line-height: 35px;
  word-break: break-word;
  font-size: 23px;
}

.bms_fullview__ackdtls>div:last-child>div:last-child {
  /* font-size: 18px;
  margin-top: 10px; */
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  color: var(--dark-label-color);

  font-size: 15px;
  margin: 0px;
}

.bms_apth__left {
  width: 30%;
}

.bms_acct__minipanel {
  position: relative;
  width: 100%;
  background: transparent;
  overflow: unset;
}

.bms_acct__minipanel:hover {
  overflow: unset;
}

.bms_acct__minipanel .right_miniview__body {
  padding: 0px;
}

.bms_apql__textbtn {
  font-size: 17px;
  font-weight: 600;
  margin-top: 5px;
  width: 115px;
  text-align: right;
}

.bms_apql__textbtn>i {
  margin-right: 10px;
}

.bms_ap__qllist {
  width: calc(100% - 115px);
  padding-right: 10px;
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.bms_apth__right {
  width: 70%;
  padding-left: 10px;
}

.bms_apth__panelalt .bms_apth__right {
  width: 100%;
  padding-left: 0px;
}

.bmsth_inquiry__panel {
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 1px 2px 13px 0 var(--qnb-overlay-light);
  padding: 25px 30px;
}

.bmsth_inquiry__panelhdr {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
}

.bmsth_inquiry__panel .f4datatable_optionButtons {
  margin: 0px;
  justify-content: space-between;
  padding: 10px 20px;
}

.bmsth_inquiry__panel .public_fixedDataTable_header {
  background: transparent;
  border-top: none;
  /* border-bottom: none; */
}

.public_fixedDataTable_bodyRow:hover.fixedDataTableRowLayout_main::after {
  display: none;
}

.bmsth_inquiry__panel .public_fixedDataTable_header,
.public_fixedDataTable_scrollbarSpacer,
.bmsth_inquiry__panel .public_fixedDataTable_header .public_fixedDataTableCell_main {
  background: transparent;
}

.bmsth_inquiry__panel .datepick_range__popupbtn {
  background: var(--qnb-background);
}

.bmsth_inquiry__table {
  margin: 0 -20px;
}

.bms_viewacct__miniqr {
  display: flex;
  align-items: center;
  margin-left: -10px;
}

.bms_viewacct__miniqrdtls {
  width: calc(100% - 125px);
  padding-left: 10px;
}

.bms_viewacct__miniqrdtls>div:first-child {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 5px;
}

.bms_viewacct__miniqrdtls .qr_code__btnopt {
  justify-content: flex-start;
  margin: 0 -5px 0 -7px;
}

.bms_viewacct__miniqrdtls .right_miniview__buttonicon>img {
  height: 25px;
}

.bms_apth__acctsel .acct_selector__value {
  padding: 30px 15px;
}

.accts_hdr__panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-right: 50px;
}

.accts_hdr__panel>div:first-child {
  display: flex;
  align-items: center;
}

.accts_hdr__panel>div:last-child {
  padding-left: 30px;
}

.accts_hdr__manage>img {
  filter: brightness(100);
  height: 28px;
  width: 28px;
  margin-right: 5px;
}

.newfologin_inputfield .f4FormFieldLabel {
  position: absolute;
  z-index: 1;
}

.newfologin_inputfield .inputfield_pw__togglebtn {
  top: 0;
  height: 50px;
  width: 50px;
  right: 8px;
}

.sme_accounts__panel {
  min-height: 100vh;
  background: var(--qnb-background);
  margin: 0 -15px;
  padding: 20px;
}

.sme_accounts__group {
  width: 100%;
  border-radius: 15px;
  background-color: var(--qnb-background);
  padding: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid var(--qnb-border);
}

.sme_accounts__grouphdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  /* padding-right: 30px; */
}

.sme_main__fwnhasright .sme_accounts__grouphdr {
  flex-wrap: wrap;
}

.sme_accounts__grouphdrcurr {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}

.sme_accounts__grouphdrcurr>img {
  width: 45px;
  height: 28px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 20px;
}

.sme_accounts__grouphdrbalmain {
  display: flex;
}

.sme_main__fwnhasright .sme_accounts__grouphdrbalmain {
  width: 100%;
  flex-wrap: wrap;
  margin-top: 20px;
}

.sme_accounts__grouphdrbal {
  margin-left: 50px;
}

.sme_main__fwnhasright .sme_accounts__grouphdrbal {
  margin: 5px 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sme_accounts__grouphdrbal>div:first-child {
  font-size: 14px;
  color: var(--label-color);
  font-weight: 500;
}

.sme_accounts__grouphdrbal>div:last-child {
  font-size: 24px;
  font-weight: 800;
  display: flex;
  justify-content: flex-end;
}

.sme_accounts__grouphdrbal .box {
  margin: 0px;
  width: 100%;
  height: 100%;
}

.sme_accounts__groupbody {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}

.sme_accounts__groupbody .slick-disabled {
  visibility: hidden;
}

.sme_accounts__groupbody .slick-track {
  display: flex;
}

.sme_accounts__groupbody .slick-slide {
  height: inherit;
}

.sme_accounts__groupbody .slick-slide>div {
  height: 100%;
}

.sme_slider__acctitem {
  padding: 15px;
  /* height: 100%; */
  /* width: 33.3%; */
  width: 42%;
}

.sme_main__fwnhasright .sme_slider__acctitem {
  width: 100%;
}

.sme_accounts__card {
  border-radius: 25px;
  background-color: var(--qnb-accent);
  box-shadow: 0 2px 8px 3px var(--qnb-overlay-light), 0 0 12px 0 var(--qnb-overlay-light);
  width: 100%;
  height: 100%;
  padding: 20px 25px 65px;
  margin-right: 65px;
  position: relative;
  background-size: cover !important;
  transition: 0.3s;
  text-shadow: 0 1px 8px var(--qnb-shadow-lg);
  /* margin-bottom: 65px; */
}

.sme_accounts__cardactive {
  transform: scale(1.05);
}

.sme_accounts__cardhdr {
  display: flex;
  align-items: center;
}

.sme_accounts__cardhdr>div:first-child {
  color: var(--qnb-foreground);
  font-size: 16px;
  font-weight: 500;
  width: calc(100% - 40px);
}

.sme_accounts__cardqr {
  position: relative;
  width: 40px;
}

.sme_accounts__cardqr>div:first-child {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.5s;
  position: relative;
}

.txn_dtls__actionleft .sme_accounts__cardqr>div:first-child {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.sme_accounts__cardqr>div:first-child:hover {
  background: var(--qnb-accent-hover);
}

.txn_dtls__actionleft .sme_accounts__cardqr>div:first-child:hover {
  background: var(--main-bg-hover);
}

.sme_accounts__cardqr>div:first-child>img {
  width: 40px;
  height: 40px;
}

.txn_dtls__actionleft .sme_accounts__cardqr>div:first-child>img {
  height: 28px;
  width: 28px;
}

.sme_accounts__cardqropt {
  position: absolute;
  /* right: -100%; */
  background: var(--qnb-background);
  padding: 5px;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 8px;
  background-color: var(--qnb-background);
  box-shadow: 0 3px 7px 5px var(--qnb-shadow-subtle), -2px 1px 4px 0 var(--qnb-shadow-subtle),
    2px 1px 4px 0 var(--qnb-foreground-muted);
  min-width: 170px;
  transition: 0.2s;
  transform-origin: top;
  z-index: 101;
}

.txn_dtls__actionright .sme_accounts__cardqropt {
  top: 35px;
  z-index: 9;
  right: 0px;
}

.sme_accounts__cardqroptclose {
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
}

.sme_accounts__cardqropt>div,
.sme_accounts__cardqropt>a {
  position: relative;
  padding: 5px;
  border-radius: 5px;
  transition: 0.5s;
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.sme_accounts__cardqropt>div:hover,
.sme_accounts__cardqropt>a:hover {
  background: var(--main-bg-hover);
}

.sme_accounts__cardqropt>div>img,
.sme_accounts__cardqropt>a>img {
  margin-right: 5px;
  height: 28px;
  width: 28px;
}

.sme_accounts__cardqropt>div>i,
.sme_accounts__cardqropt>a>i {
  font-size: 18px;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.sme_accounts__cardamt {
  display: flex;
  min-height: 40px;
  font-size: 36px;
  font-weight: 900;
  color: var(--qnb-foreground-inverse);
}

.sme_accounts__cardamt>.txnacctsel_viewbal {
  display: flex;
}

.txnacctsel_viewbal--bold {
  font-weight: 800;
}

.sme_accounts__cardamt>.txnacctsel_viewbal>span:first-child {
  font-size: 10px;
  color: var(--qnb-foreground-inverse);
  font-weight: 900;
  padding-top: 6px;
  margin-right: 5px;
}

/*
.sme_accounts__cardamt > .txnacctsel_viewbal > div:last-child {
  font-size: 36px;
  font-weight: 800;
  color: var(--qnb-foreground-inverse);
} */

.sme_accounts__cardamt .txnacctsel_viewbal .box {
  width: 40px;
  height: 40px;
}

.sme_accounts__cardamt .circle-loader-2 {
  border-color: var(--light-loader-color) transparent var(--light-loader-color);
}

.sme_accounts__cardamt .circle-loader-3 {
  border-color: transparent var(--light-loader-color) transparent;
}

.sme_accounts__cardnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  color: var(--qnb-foreground-inverse);
  margin: 0 -8px;
  font-weight: 400;
}

.sme_slider__acctitem .sme_accounts__cardnt,
.sme_accounts__carditemalt .sme_accounts__cardnt {
  font-size: 16px;
  margin-top: 5px;
}

.sme_accounts__cardnt>div {
  padding: 0 8px;
  position: relative;
}

/*
.sme_accounts__cardnt > div:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 1px;
  background: var(--qnb-background);
} */

.sme_accounts__cardtype>img {
  height: 25px;
}

.sme_accounts__carddtls {
  display: flex;
  margin-top: 30px;
}

.sme_slider__acctitem .sme_accounts__carddtls,
.sme_accounts__carditemalt .sme_accounts__carddtls {
  display: block;
  margin: 15px 0px 10px;
}

.sme_accounts__carddtlfield {
  color: var(--qnb-foreground);
  width: 50%;
  word-break: break-word;
}

.sme_slider__acctitem .sme_accounts__carddtlfield,
.sme_accounts__carditemalt .sme_accounts__carddtlfield {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.sme_accounts__carddtlfield>div:first-child {
  font-size: 13px;
  font-weight: 500;
}

.sme_slider__acctitem .sme_accounts__carddtlfield>div:first-child,
.sme_accounts__carditemalt .sme_accounts__carddtlfield>div:first-child {
  width: 40%;
}

.sme_slider__acctitem .sme_accounts__carddtlfield>div:last-child,
.sme_accounts__carditemalt .sme_accounts__carddtlfield>div:last-child {
  width: 60%;
  text-align: right;
  font-weight: 700;
  font-size: 16px;
}

.sme_account__cardbtns {
  display: flex;
  border-top: 1px solid var(--qnb-border-subtle);
  margin-top: 35px;
  height: 40px;
  width: calc(100% - 50px);
  position: absolute;
  bottom: 25px;
}

.sme_account__cardbtns>div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: var(--qnb-foreground-inverse);
  padding: 5px 5px 5px 5px;
  cursor: pointer;
  border-radius: 5px;
  margin: 10px 0px -10px;
  transition: 0.5s;
  flex: 1;
  font-size: 14px;
}

.sme_account__cardbtns>div:first-child {
  margin-left: -7px;
}

.sme_account__cardbtns>div:hover {
  background: var(--qnb-accent-hover);
}

.sme_account__cardbtns>div>div {
  /* width: calc(100% - 28px); */
  padding-left: 5px;
  line-height: 19px;
  position: relative;
  top: 1px;
}

.sme_account__cardbtns>div>img {
  height: 22px;
  filter: brightness(100);
}

.sme_pymtandtrans__panel {
  border-radius: 12px;
  background-color: var(--qnb-background);
  box-shadow: 1px 0 1px 0 var(--qnb-overlay-white), -1px 1px 1px 0 var(--qnb-overlay-white),
    0 2px 1px 0 var(--qnb-shadow-card);
  padding: 55px 40px;
  margin-bottom: 40px;
}

.sme_pymtandtrans__hdr {
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  color: var(--hdr-color);
  margin-bottom: 40px;
}

.sme_pymtandtrans__body {
  display: flex;
  flex-wrap: wrap;
}

.sme_pymtandtrans__bodyitem {
  padding: 25px 0px;
  width: 33.3%;
  border-radius: 20px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
  transition: 0.5s;
  text-align: center;
}

.sme_pymtandtrans__bodyitem:hover {
  border: 1px solid var(--qnb-border-subtle);
  box-shadow: 0 0 10px 0 var(--qnb-shadow-subtle), 0 0 4px 0 var(--qnb-shadow-subtle),
    0 0 9px 3px var(--qnb-shadow-card);
}

.sme_pymtandtrans__bodyitem>img {
  /* height: 100px; */
  height: 150px;
  max-width: 100%;
  margin-top: -30px;
}

.sme_pymtandtrans__bodyitem>div {
  font-size: 18px;
  text-align: center;
  color: var(--hdr-color);
  font-weight: 500;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: 10px auto 0;
}

.sme_accounts__switch {
  margin: -20px -20px 0;
}

.sme_accounts__switch .invoice_table__switch {
  position: relative;
  top: 0px;
}

.sme_accounts__table {
  margin: 0 -20px -20px;
}

.sme_pymtandtrans__bodyitem>div>div:first-child {
  position: absolute;
  background-size: 145px;
  width: calc(100% + 10px);
  height: 15px;
  border-radius: 0 5px 10px 0;
  bottom: -5px;
  left: -5px;
  transition: 0.5s;
  opacity: 0;
}

.sme_pymtandtrans__bodyitem:hover>div>div:first-child {
  opacity: 1;
}

.sme_pymtandtrans__bodyitem>div>img {
  width: 0px;
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  top: 10px;
  left: -10px;
  height: 20px;
}

.sme_pymtandtrans__bodyitem:hover>div>img {
  width: calc(100% + 20px);
  opacity: 1;
}

.sme_pymtandtrans__bodyitem>div>div:last-child {
  position: relative;
}

.sme_pymtandtrans__navhdr {
  display: flex;
  /* align-items: center; */
}

.sme_pymtandtrans__navhdr>div:first-child {
  line-height: 23px;
  display: flex;
  align-items: center;
}

.sme_main__fwnhasmid .sme_pymtandtrans__navhdr>div:first-child {
  font-size: 20px;
}

.sme_pymtandtrans__navhdrbtn {
  height: 45px;
  border-radius: 12px;
  background: var(--qnb-accent);
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.5s;
  padding: 0 15px;
  cursor: pointer;
  margin-left: 25px;
  line-height: 14px;
}

.sme_pymtandtrans__navhdrbtn:hover {
  background: var(--qnb-accent-hover);
}

.cardlist_pill__view {
  position: relative;
  display: flex;
}

.cardlist_pill__viewitem {
  height: 40px;
  width: 40px;
  border-radius: 12px;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.cardlist_pill__viewitem:hover {
  background: var(--input-field-sec);
}

.cardlist_pill__viewitemalt,
.cardlist_pill__viewitemalt:hover {
  background: var(--qnb-selection);
}

.cardlist_pill__viewitem>img {
  height: 23px;
  width: 23px;
  transition: 0.3s;
}

.newlook_abstractcol.fullWidth>.txnacctsel_viewbal {
  width: 100%;
}

.txnacctsel_viewbal__alt {
  display: flex;
  justify-content: flex-end;
}

.txnacctsel_viewbal__alt>span {
  font-size: 8px;
  padding-top: 3px;
  margin-right: 4px;
  font-weight: 600;
}

/* TH SCREEN */
.thwidget_list__item {
  padding: 15px 20px;
  /* border-radius: 10px; */
  /* margin: 0 -8px; */
  /* -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer; */
  position: relative;
}

.thwidget_list__item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  height: 1px;
  background: var(--light-border-color);
}

.thwidget_list__itemhdr {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.thwidget_list__itemhdr>div:first-child,
.thwidget_list__itembal>div:first-child {
  width: 60%;
}

.thwidget_list__itemhdr>div:last-child,
.thwidget_list__itembal>div:last-child {
  width: 40%;
}

.th_amtcol__pos,
.th_amtcol__neg {
  width: 100%;
}

.infinite_scroll__listend {
  text-align: center;
  font-size: 14px;
  color: var(--label-color);
  margin-top: 25px;
  font-weight: 600;
}

.th_amtcol__pos .datatable-amountcolumn,
.th_amtview__pos {
  color: var(--positive-color);
}

.th_amtcol__neg .datatable-amountcolumn,
.th_amtview__neg {
  color: var(--negative-color);
}

.thwidget_list__itembal {
  display: flex;
  font-size: 14px;
  margin-top: 15px;
}

.thwidget_list__itemdt {
  color: var(--sub-hdr-color);
  font-size: 13px;
  font-weight: 500;
}

.thwidget_list__item .datatable-amountcolumn {
  padding: 0px;
  font-weight: 500;
  font-size: 13px;
}

.thwidget_list__item .datatable-amountcolumn>span {
  font-weight: 500;
  padding-top: 4px;
}

.thwidget_list__itembal>div:last-child {
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
}

.thwidget_list__itembal>div:last-child>span {
  font-size: 12px;
  margin-top: 3px;
  margin-right: 5px;
}

.infinite_list__scrollmore {
  position: sticky;
  bottom: 0px;
  z-index: 1;
  background: var(--qnb-background);
  color: var(--qnb-foreground-muted);
  border-radius: 5px;
  text-align: center;
  padding: 5px 7px;
  width: -moz-max-content;
  width: max-content;
  margin: 5px 0 0 auto;
  font-size: 12px;
}

.bms_newap__panel {
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-card), 0 0 4px 0 var(--qnb-shadow-card);
  padding: 20px;
  margin-bottom: 10px;
}

.bms_newap__hdr {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
}

.bms_newap__body {
  display: flex;
  align-items: center;
}

.bms_apth__templatecc {
  width: 100%;
  padding: 15px;
  margin: 0 auto;
}

.bms_apth__templatecc .bms_newap__body {
  flex-direction: column;
  height: 100%;
}

.bms_apth__acctsel {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  display: flex;
  margin-top: -15px;
}

.bms_newap__acct {
  width: 37%;
  padding-right: 15px;
}

.bms_apth__templatecc .bms_newap__acct {
  width: 100%;
  padding: 0px;
}

.bms_newap__dtls {
  width: 63%;
  padding-left: 15px;
}

.bms_apth__templatecc .bms_newap__dtls {
  width: 100%;
  padding: 0px;
}

.bms_newap__quicklinks {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.bms_apth__templatecc .bms_newap__quicklinks {
  padding: 0px;
  flex-direction: column;
  align-items: center;
  margin: 0px;
}

/* .datatable-amountcolumn {
  font-size: 14px;
  font-weight: 700;
  color: var(--hdr-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 25px;
  width: 100%;
} */

.f4newlistview_field .datatable-amountcolumn {
  padding: 0 15px;
}

.datatable-amountcolumn>span {
  font-size: 8px;
  padding-top: 2px;
  margin-right: 4px;
}

.th_panel .bob_table__portlet {
  margin-bottom: 0;
}

.bms_apth__topcc {
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 1px 2px 13px 0 var(--qnb-overlay-light);
  display: flex;
  padding: 30px;
}

.bms_apth__topcc .bms_newap__panel {
  padding: 0 30px 0 0;
  box-shadow: none;
  margin: 0px;
  width: 45%;
}

.bms_apcc__dtls {
  width: 55%;
  border-radius: 13px;
  background-color: var(--expanded-bg);
  padding: 25px;
  margin-top: 35px;
}

.bms_apcc__dtlhdr {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 25px;
  margin-left: -5px;
}

.bms_apcc__dtlbody .sme_view__field {
  margin-bottom: 20px;
}

.bms_apcc__dtlbody>.row:last-child .sme_view__field {
  margin-bottom: 0px;
}

.bms_unsucc__msgfield {
  border-radius: 12px;
  background-color: var(--qnb-background);
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  border: 1px solid var(--qnb-border);
  padding: 20px;
  margin-top: 20px;
  color: var(--qnb-danger);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  word-break: break-word;
}

/* SOA */

.soa_inquiry__panel {
  padding: 0px;
}

.soa_inquiry__hdr {
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 35px;
}

.soa_inquiry__hdr>div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 5px;
}

.soa_inquiry__body {
  border-radius: 12px;
  background-color: var(--qnb-background);
}

.soa_inquiry__bodyhdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.soa_inquiry__bodyhdr>div:first-child {
  font-size: 18px;
  font-weight: 600;
  width: 200px;
}

.soa_inquiry__bodyhdr>div:last-child {
  /* margin-right: -8px; */
  width: calc(100% - 200px);
}

.soa_inquiry__panel .sme_panel__templatebtns {
  position: sticky;
  bottom: 0;
  padding: 20px 0;
  background: var(--qnb-background);
  margin: 35px 0 0;
}

.soa_inquiry__panel .f4datatable-single-parent>.row {
  margin: 0px;
}

.soa_inquiry__panel .f4datatable_optionButtons {
  padding: 0px;
}

.soa_inquiry__panel .f4data_table___portlet {
  display: none;
}

.soa_inquiry__panel .datatableDownloadBtn.actionchoice-btn {
  background: var(--qnb-accent);
  color: var(--qnb-foreground-inverse);
  display: flex;
  justify-content: center;
  min-width: 170px;
  border: 2px solid var(--qnb-accent);
}

.soa_inquiry__panel .datatableDownloadBtn.actionchoice-btn:hover {
  background: var(--qnb-accent-hover);
}

.soa_inquiry__panel .datatableDownloadBtn.actionchoice-btn>span>i {
  color: var(--qnb-foreground-inverse);
}

.soa_inquiry__panel .box {
  margin: 0px;
  width: 30px;
  height: 30px;
}

.soa_inquiry__bodycontent>.row {
  margin-bottom: 30px;
  margin-left: -10px;
  margin-right: -10px;
}

.soa_inquiry__bodycontent>.row:last-child {
  margin-bottom: 0px;
}

.soa_inquiry__modal {
  width: 35%;
  max-width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.soa_inquiry__modal .f4ModalHeader {
  height: 110px;
}

.soa_inquiry__modal.f4Modal_no__footer .f4ModalBody {
  height: calc(100% - 110px);
  overflow: visible;
}

.soa_inquiry__modalhdr {
  font-size: 26px;
  font-weight: 600;
}

.soa_inquiry__modalhdr>div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
}

.soa_inquiry__modal .bob_generic__portlet {
  border: none;
  margin: 0px;
}

.soa_inquiry__modal .bob_generic__portletchildren {
  padding: 0px;
}

.account_widget__qladd {
  height: 30px;
  width: 30px;
  border-radius: 10px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: var(--qnb-accent-hover); */
  /* color: var(--qnb-foreground-inverse); */
  font-size: 17px;
}

.account_widget__qlmodal {
  width: 35% !important;
}

.account_widget__qlmodal .f4ModalHeader {
  height: 90px;
  padding: 25px 25px 0px;
}

.account_widget__qlmodal .f4ModalBody {
  height: calc(100% - 165px);
}

.account_widget__qlmodal__maxlinks {
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

.account_widget__qlmodal__links {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
}

.account_widget__qlmodal__linkitem {
  width: 50%;
  padding: 10px;
}

.myacct_widget__hdrtabs .ant-tabs-bar {
  background: var(--main-plain-bg);
  padding: 0 20px;
}

/* sme */

.sme_viewmain__panel {
  overflow: hidden;
  height: 100%;
  /* position: fixed; */
  /* width: 325px; */
}

.sme_viewmain__panel:hover {
  overflow-y: auto;
}

.sme_view__panel {
  display: flex;
  padding-bottom: 100px;
}

.sme_view__panelfullcenter {
  padding: 0 100px 100px;
}

.sme_view__panelmini {
  border-radius: 12px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 8px 3px var(--qnb-overlay-light), 0 0 12px 0 var(--qnb-overlay-light);
  margin: 0 20px 30px;
  position: relative;
  padding: 0px;
}

.sme_view__hdr {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  color: var(--hdr-color);
  height: 75px;
  width: calc(100% - 2px);
  padding: 0 20px;
  position: sticky;
  top: 0;
  z-index: 9;
  background: var(--middle-section-bgalt);
}

.sme_view__hdr>div:first-child {
  width: calc(100% - 28px);
}

.sme_view__hdr>div:last-child {
  position: relative;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.5s;
  cursor: pointer;
}

.sme_view__hdr>div:last-child:hover {
  background: var(--main-bg-hover);
}

.sme_view__left {
  width: 75%;
}

.sme_panel__hasrightpanel .sme_view__left,
.sme_view__panelfull .sme_view__left,
.sme_view__panelfullcenter .sme_view__left {
  width: 100%;
}

.sme_generic__formconfirm .sme_view__left {
  margin: 0 auto;
  width: 55%;
}

.sme_view__panelmini .sme_view__left {
  width: 100%;
}

.sme_view__portletalt {
  border-radius: 12px;
  background-color: var(--qnb-background);
  /* box-shadow: 1px 0 1px 0 var(--qnb-shadow-sm), -1px 1px 1px 0 var(--qnb-shadow-sm),
    0 2px 1px 0 var(--qnb-primary); */
  padding: 30px;
  margin-bottom: 20px;
}

.sme_view__panelhdrdetached {
  margin-bottom: 10px;
}

.req_money__confirmpanel .sme_view__panelhdrdetached,
.sme_generichdr__transparent .sme_view__panelhdrdetached {
  background: transparent;
  text-align: center;
  box-shadow: none;
  margin-bottom: 20px;
}

.sme_view__panelmini .sme_view__portlet {
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  /* padding: 20px 0px; */
  margin: 0 15px;
  /* border-bottom: 1px solid var(--qnb-border); */
  padding: 0px;
  border-bottom: none;
}

.sme_view__portletcontmain {
  position: relative;
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 0 0 13px 0 var(--qnb-shadow-card);
  padding: 30px;
  margin-bottom: 10px;
}

.sme_view__portletalt .sme_view__portletcontmain,
.sme_view__panelmini .sme_view__portlet .sme_view__portletcontmain {
  background: transparent;
  box-shadow: none;
  padding: 0px;
  border-radius: 0px;
  margin: 0px;
}

.sme_view__panelmini .sme_view__portlet .sme_view__portletcontmain {
  padding: 20px 0px;
  border-bottom: 1px solid var(--qnb-border);
}

.sme_view__panelmini .sme_view__portlet:last-child .sme_view__portletcontmain:last-child {
  border-bottom: none;
}

.sme_view__ackhdr {
  display: flex;
  margin-bottom: 40px;
}

.sme_view__panelhdrdetached .sme_view__ackhdr {
  margin: 0 0 20px;
}

.sme_view__ackhdr>div:first-child {
  width: 40px;
  padding-top: 5px;
}

.sme_view__ackhdr>div:first-child>img {
  width: 40px;
  height: 40px;
}

.sme_view__ackhdr>div:nth-child(2) {
  width: calc(100% - 40px);
  padding: 0 10px;
}

.sme_view__ackhdrwact>div:nth-child(2) {
  width: calc(100% - 170px);
}

.sme_view__ackhdrctgy>div:nth-child(2) {
  width: calc(100% - 330px);
}

.sme_view__ackhdr>div:nth-child(2)>div:first-child {
  font-size: 20px;
  font-weight: 600;
  color: var(--hdr-color);
}

.sme_view__ackhdr>div:nth-child(2)>div:last-child {
  font-size: 14px;
  font-weight: 400;
  color: var(--label-color);
}

.sme_view__ackhdrstep {
  font-size: 18px;
  font-weight: 500;
  color: var(--hdr-color);
  width: 130px;
  text-align: right;
}

.sme_view__field {
  display: flex;
  margin-bottom: 30px;
}

.sme_view__portletbody>.row:last-child>.sme_view__field {
  margin-bottom: 0px;
}

.sme_view__field>div:first-child {
  width: 40px;
}

.sme_view__panelmini .sme_view__field>div:first-child {
  display: none;
}

.sme_view__field>div:first-child>img {
  height: 28px;
  width: 28px;
}

.sme_view__field>div:nth-child(2) {
  width: calc(100% - 40px);
}

.sme_view__panelmini .sme_view__field>div:nth-child(2) {
  width: 100%;
  padding: 0px;
}

.sme_view__fieldlabel {
  color: var(--label-color);
  font-size: 15px;
  font-weight: 500;
  /* text-transform: uppercase; */
  word-break: break-all;
}

.sme_view__panelmini .sme_view__fieldlabel {
  font-size: 14px;
  text-transform: unset;
}

.sme_view__fieldvalue {
  font-size: 17px;
  font-weight: 700;
  color: var(--value-color);
  word-break: break-word;
}

.sme_view__right {
  padding-left: 30px;
  padding-top: 30px;
  width: 25%;
}

.sme_generic__formconfirm .sme_view__right,
.sme_view__panelfull .sme_view__right,
.sme_view__panelfullcenter .sme_view__right {
  display: none;
}

.sme_view__rightactions {
  display: flex;
  position: relative;
  margin: 0 -10px;
}

.ep_hdr>span {
  color: var(--main-color2);
}

.ep_subhdr {
  color: var(--placeholder-alt-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 5px;
}

.ep_dropplaceholder {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ep_dropplaceholder>img {
  margin-right: 20px;
}

.ep_drop {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

/*** Start of Upload field ***/

/*** End of Upload field ***/
.table__wdl--view .f4datatable_optionButtons {
  justify-content: flex-end;
  margin-top: -64px;
  padding: 12px 20px 0;
}

.table__btn--download {
  border: 2px solid var(--qnb-primary);
  border-radius: 15px;
  background-color: var(--qnb-background);
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding: 6px 31.25px;
  color: var(--qnb-primary);
  text-align: center;
  line-height: 1;
  transition: 0.3s;
}

.table__btn--download:hover,
.table__btn--download:focus,
.table__btn--download:active {
  background-color: var(--qnb-secondary-hover);
}

.table__wdl--view .f4datatable-download-new .datatableDownloadBtn:hover,
.table__wdl--view .f4datatable-download-new .datatableDownloadBtn:active {
  background-color: unset;
}

.table__wdl--view .datatableDownloadBtn {
  padding: 0;
}

.table__wdl--view .row {
  margin-bottom: 0 !important;
}

.delete-inTable2>span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
  text-align: right;
  color: var(--qnb-primary);
}

/*** FOR APPROVAL VIEW PAGE ***/

.fors_view__panelalt .fors_view__panelchldrn {
  padding: 0 20px;
  border-radius: 10px;
  background: var(--main-menu-bg);
}

.fors_view__panelack.fors_view__panelalt .fors_view__panelchldrn {
  background: transparent;
  border-radius: 0px;
}

.fors_view__panelalt .fors_view__portlet {
  border-bottom: 1px solid var(--light-border-color);
  border-radius: 0px;
  padding: 30px 0px;
  margin-bottom: 0px;
}

.fors_view__panelackalt .fors_view__portlet:first-child {
  border-radius: 0 0 10px 10px;
}

.fors_view__panelalt .fors_view__portlet:last-child {
  border-bottom: none;
}

.fors_view__panelalt .fors_view__portlet {
  border-bottom: 1px solid var(--light-border-color);
  border-radius: 0px;
  padding: 30px 0px;
  margin-bottom: 0px;
}

.fors_view__panelackalt .fors_view__portlet:first-child {
  border-radius: 0 0 10px 10px;
}

.fors_view__panelalt .fors_view__portlet:last-child {
  border-bottom: none;
}

.fors_view__portlethdr {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--light-border-color);
}

.fors_view__portlettbl .fors_view__portlethdr {
  margin-bottom: 10px;
}

.fors_view__panelalt .fors_view__portlethdr {
  padding-bottom: 0px;
  margin-bottom: 25px;
  border-bottom: none;
}

.fors_grcprt__hdronly .fors_view__portlethdr,
.fors_view__panelalt .fors_grcprt__hdronly .fors_view__portlethdr {
  margin-bottom: 0px;
  border: none;
  padding: 0px;
}

.fors_view__portletsingle .fors_view__portlethdr {
  padding: 0px;
  margin: 0px;
  border: none;
}

.fors_view__panelalt .fors_grcprt__hdrvalalt {
  min-height: unset;
}

.fors_view__panelack {
  border-radius: 10px;
  background: var(--main-menu-bg);
}

.fors_view__panelackalt {
  background: transparent;
  border-radius: 0px;
}

.fors_view__paneltabs {
  margin-top: 50px;
}

.fors_view__panelalt .fors_view__paneltabs {
  margin-top: 0px;
}

.fors_view__panelalt .ssm_results__sectionhdr {
  background: var(--main-plain-bg);
  border-radius: 10px;
  padding: 10px 20px;
}

.fors_view__panelackalt .fors_grcwf__notemain {
  background: var(--main-menu-bg);
  padding: 0 20px;
}

.fors_view__panelalt .cash_brk__currlv {
  padding-bottom: 20px;
}

.fors_view__panelalt .cashbrk_list__gtsection {
  margin-top: 20px;
}

.fors_view__portletcontent {
  position: relative;
}

.fors_view__portletsingle .fors_view__portletcontent {
  display: flex;
  align-items: center;
  width: 100%;
}

.fors_view__portletsingle .fors_view__portletcontent>div {
  width: 50%;
}

.fors_view__portlettbl .fors_view__portletbody {
  margin: 0 -20px -20px;
}

.fors_view__portletbody>.row {
  margin-bottom: 30px;
}

.fors_view__portletbody>.row:last-child {
  margin-bottom: 0px;
}

.fors_view__fieldsptop {
  padding-top: 27px;
}

.fors_view__fieldlabel {
  font-size: 13px;
  color: var(--view-label-color);
  line-height: 16px;
  margin-bottom: 5px;
  font-weight: 600;
}

.fors_view__fieldvalue {
  font-size: 15px;
  font-weight: 600;
  white-space: pre-wrap;
}

.fors_view__portlet {
  background: var(--main-menu-bg);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.fors_view__panelalt .fors_view__portlet {
  border-bottom: 1px solid var(--light-border-color);
  border-radius: 0px;
  padding: 30px 0px;
  margin-bottom: 0px;
}

.bo_view__panelbefore {
  opacity: 0.6;
}

.bo_view__fieldedit .bob_view__fieldvalue,
.bo_view__fieldedit .fors_view__fieldvalue {
  background: var(--qnb-warning);
  border-radius: 5px;
  padding: 0 10px;
  margin: 0 -10px;
  width: -moz-fit-content;
  width: fit-content;
}

.editedListView .f4newlistview_row {
  background: var(--qnb-warning);
}

.editedAccountListView .f4newlistview_field__label {
  background: var(--qnb-warning);
  border-radius: 5px;
}

.bo_view__withchanges {
  text-transform: uppercase;
  height: 20px;
  border-radius: 0 0 10px 10px;
  background-color: var(--qnb-background);
  color: var(--qnb-foreground-inverse);
  position: absolute;
  right: 15px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  z-index: 1;
  font-size: 13px;
}

.fors_confirmmodal__approval>img {
  height: 80px;
  width: 80px;
  margin-bottom: 20px;
}

/* Online Enrollment -REVAMPED */
.oe_layout:not(:last-child) {
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.oe_layout--start {
  max-width: calc(100% - 200px);
  margin-left: auto;
  margin-right: auto;
}

.oe_layout__hdr>h1 {
  color: var(--hdr-color);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}

.oe_layout__subhdr {
  color: var(--qnb-foreground-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 40px;
}

.oe_layout__hdr {
  gap: 9px;
  display: flex;
  flex-direction: column;
}

.oe_layout .row:not(:last-child) {
  margin-bottom: 30px;
}

.oe_layout__hdr>h2 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}

.oe_layout+.oe_layout__border {
  width: calc(100%);
  height: 1px;
}

.oe__container {
  width: 100%;
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
}

.oe__container+.oe__container {
  border-top: 1px solid var(--qnb-border-subtle);
  margin-top: 30px;
  padding-top: 30px;
}

.accounts_loader {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
}

/*** start of custom card ***/
.customize_card__modal {
  width: 60%;
  height: 75%;
}

.customize_card__modal .f4ModalTitle {
  font-size: 24px;
}

.customize_card__modal .f4ModalBody {
  padding-top: 0px;
}

.customize_card__panel {
  display: flex;
  margin: 0 -25px;
}

.customize_card__preview {
  width: 55%;
  padding: 15px 20px;
}

.customize_card__skinspanel {
  width: 45%;
  padding: 15px 20px;
}

.customize_card__previewcard {
  margin-bottom: 30px;
}

.customize_card__previewcard .sme_accounts__card {
  padding: 25px;
}

.customize_card__previewcard .sme_accounts__cardqr {
  pointer-events: none;
}

.customize_card__bgcolorpick {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.customize_card__bgcpitem {
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 3px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  margin: 0 5px 5px;
}

.customize_card__bgcpitem:hover {
  transform: scale(1.05);
}

.customize_card__bgcpitemalt {
  border-color: var(--qnb-foreground-inverse);
  box-shadow: 0 0 4px var(--qnb-border-strong);
}

.customize_card__bgcpitempick {
  border: none;
}

.customize_card__bgcpitempick:hover {
  transform: unset;
}

.customize_card__bgcpitempick .f4color_picker__preview {
  padding: 0px;
  border: none;
  width: 100%;
  height: 100%;
  background: transparent;
}

.customize_card__bgcpitempick .f4color_picker__popup {
  bottom: 0;
}

.customize_card__bgcpitemdot {
  height: 11px;
  width: 11px;
  background-color: var(--qnb-background);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  transition: 0.3s;
}

.customize_card__bgcpitemalt>.customize_card__bgcpitemdot {
  opacity: 1;
  transform: scale(1);
  pointer-events: unset;
}

.customize_card__skinshdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 17px;
  font-weight: 600;
}

/* .customize_card__skinshdr > div:last-child {
  color: var(--qnb-accent);
  cursor: pointer;
  position: relative;
  padding: 0 5px;
  margin-right: -5px;
  border-radius: 5px;
  transition: 0.5s;
} */

/* .customize_card__skinshdr > div:last-child:hover {
  background: var(--main-bg-hover);
} */

.customize_card__skinsbody {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px 20px;
}

.customize_card__skinsbody>div {
  width: 33.3%;
  padding: 7px;
}

.customize_card__skin {
  width: 100%;
  height: 75px;
  position: relative;
  border-radius: 18px;
  box-shadow: 0 2px 8px 3px var(--qnb-overlay-light), 0 0 12px 0 var(--qnb-overlay-light);
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s;
}

.customize_card__skin:hover {
  transform: scale(1.05);
}

.customize_card__skinimg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.customize_card__skincheck {
  height: 30px;
  width: 30px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 5px 0 var(--qnb-shadow-md);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  transition: 0.3s;
  position: absolute;
  z-index: 1;
  color: var(--qnb-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.customize_card__skinalt>.customize_card__skincheck {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: unset;
}

.card_skin__nopath {
  position: relative;
  background: var(--qnb-background-inverse);
  height: 50px;
  width: 80px;
  border-radius: 8px;
}

.accountselector_itemimg .card_skin__nopath {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.right_picker__item .card_skin__nopath {
  width: 50px;
  height: 33px;
  border-radius: 5px;
}

.card_skin__nopath>img {
  width: 100%;
  height: 100%;
}

.card_skin__nopath>div {
  position: absolute;
  height: 5px;
  background: var(--qnb-background);
}

.mc_cc__deladd_pickup_no_val .bob_view__fieldlabel {
  margin-top: 5.6px;
  font-weight: 600;
}

.mc_cc__deladd_pickup_no_val .bob_view__fieldvalue {
  font-size: 14px;
  font-weight: 500;
  margin-top: 9px;
}

.mc_cc__checkdt_picker .f4newlistview_panel {
  padding: 4px;
}

.mc_cc__checkdt_picker .f4newlistview_panel .react-datepicker__input-container input {
  margin: 0 0 4px 4px;
}

.right_picker__item .card_skin__nopath>div,
.accountselector_itemimg .card_skin__nopath>div {
  height: 3px;
}

.card_skin__nopath>div:first-child {
  bottom: 16px;
  left: 7px;
  width: 63px;
}

.accountselector_itemimg .card_skin__nopath>div:first-child,
.right_picker__item .card_skin__nopath>div:first-child {
  left: 5px;
  bottom: 11px;
  /* width: 40px; */
  width: calc(100% - 10px);
}

.card_skin__nopath>div:nth-child(2) {
  bottom: 7px;
  left: 30px;
  width: 11px;
}

.accountselector_itemimg .card_skin__nopath>div:nth-child(2),
.right_picker__item .card_skin__nopath>div:nth-child(2) {
  /* left: 19px; */
  bottom: 5px;
  /* width: 7px; */
  width: 16%;
  left: calc(25% + 7px);
}

.card_skin__nopath>div:last-child {
  left: 7px;
  bottom: 7px;
  width: 19px;
}

.accountselector_itemimg .card_skin__nopath>div:last-child,
.right_picker__item .card_skin__nopath>div:last-child {
  left: 5px;
  bottom: 5px;
  /* width: 11px; */
  width: 25%;
}

/*** end of custom card ***/

.login_security__menubtn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.login_security__menubtn .bob_brd__btn {
  border-radius: 13px;
  height: 40px;
  padding: 5px 15px;
  font-weight: 600;
  border-width: 2px;
}

.login_security__menubtn .bob_brd__btn:hover,
.login_security__menubtn .bob_brd__btn:focus,
.login_security__menubtn .bob_brd__btn:active {
  border-width: 2px !important;
}

.login_security__menumodal {
  width: 430px;
  max-width: 100%;
  max-height: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.login_lockacct__modalalt,
.login_suspacct__modal {
  height: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  width: 535px;
  max-width: 100%;

  max-height: 100%;
}

.login_security__menupanel {
  text-align: center;
}

.login_security__menupanel>img {
  margin-bottom: 10px;
}

.login_security__menuhdr {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}

.login_security__menuhdralt {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 10px;
}

.login_security__menudscp {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.login_security__menubody {
  margin-top: 3.4vh;
}

.login_security__menubody>div {
  position: relative;
  border: 1.5px solid var(--qnb-border);
  background-color: var(--qnb-background);
  border-radius: 13px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s;
  padding: 5px 20px;
}

.login_security__menubody>div:hover {
  background: var(--qnb-selection);
  border-color: var(--qnb-primary);
  color: var(--qnb-primary);
}

.login_security__menubody>div>img {
  margin-left: -5px;
  margin-right: 10px;
  margin-bottom: 3px;
}

.login_security__modalhdr {
  font-size: 26px;
}

.login_security__modalhdr>div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
}

.login_security__menumodal .f4ModalBody {
  padding-top: 0px;
}

.login_lockacct__modal .f4ModalHeader {
  height: 100px;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 25px;
}

.login_lockacct__modal .f4ModalBody {
  height: calc(100% - 175px);
}

.login_lockacct__modal .f4ModalFooter>.f4ButtonGroup {
  justify-content: center;
}

.login_lockacct__modal .f4ModalFooter>.f4ButtonGroup>span {
  flex: 1;
}

.login_suspacct__modal .f4ModalHeader {
  height: -moz-fit-content;
  height: fit-content;
}

.login_lockacct__body {
  text-align: left;
  padding-top: 10px;
}

.login_lockacct__body>div>.row {
  margin-bottom: 30px;
}

.login_lockacct__instr {
  /* margin: 40px -25px 0; */
}

.login_security__menubody {
  margin-top: 3.4vh;
}

.ae_left__logo {
  cursor: pointer;
  height: 30px;
}

.ae_template__leftbody {
  display: flex;
  width: 100%;
  color: var(--qnb-foreground-inverse);
  padding: 30px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.ae_template__lefthdr {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 90px;
}

.ae_steps__section {
  margin: 0 -35px;
}

.ae_steps__list {
  list-style: none;
  padding: 0px;
}

.ae_steps__item {
  position: relative;
  height: 55px;
  display: flex;
  align-items: center;
  color: var(--ae-steps-inactive);
  border-left: 5px solid var(--ae-steps-inactive);
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s;
}

.ae_steps__itemcurr {
  border-color: var(--qnb-primary);
  color: var(--qnb-primary);
  background: var(--ae-steps-activebg);
}

.ae_steps__itemfin {
  border-color: var(--ae-steps-success);
  color: var(--qnb-foreground-inverse);
}

.ae_steps__itemicon {
  width: 50px;
  padding-left: 30px;
}

.ae_steps__itemtext {
  padding: 0 20px;
  width: calc(100% - 50px);
  font-weight: 600;
}

.ae_steps__itempointer {
  width: 10px;
  height: 10px;
  background: var(--qnb-primary);
  position: absolute;
  left: -6px;
  transform: rotate(45deg);
}

/** User group **/

.cgs-servicetblclass {
  width: 100%;
  height: 100%;
  display: flex;
  /* border-right: 1px solid var(--qnb-border-subtle);
  border-left: 1px solid var(--qnb-border-subtle); */
}

.cgs-servicetbl-noclass {
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  border: 1.5px solid var(--light-border-color);
  border-radius: 10px;
  background-color: var(--qnb-background-muted);
  position: relative;
  overflow: hidden;
  color: var(--qnb-foreground-muted);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  padding-left: 20px;
  align-items: center;
  display: flex;
}

/** for f4RadioButton with link **/
.linkInRadio {
  color: white;
  text-decoration: underline;
}

.cgs-servicetblfield,
.cgs-servicetblclass,
.userGroupViewMainServices {
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 15px;
}

.cgs-servicetblfield .corpGroupServiceListTableData {
  width: 100%;
  padding-right: 10px;
}

.userGroupPanels .f4CheckboxTreeSearch_parent {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

.userGroupPanels .f4newlistview_hdr>div,
.userGroupPanels_accts .f4newlistview_hdr>div {
  padding: 5px 58px;
}

.userGroupPanels_enroll .f4newlistview_hdr>div {
  padding: 5px 50px;
}

.userGroupPanels_accts_enroll .f4newlistview_hdr>div {
  padding: 5px 45px 5px 58px;
}

.bob_panel__templatemainsm .userGroupPanels_accts_enroll .f4newlistview_hdr>div {
  padding: 5px 0px 5px 20px;
  width: 85px;
}

.bob_panel__templatemainsm .userGroupPanels_enroll .f4newlistview_hdr>div {
  padding: 5px 10px 5px 50px;
}

.userGroupPanels_accts_enroll .f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer,
.userGroupPanels_accts .f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer {
  padding-top: 25%;
}

.userGroupPanels_enroll .f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer,
.userGroupPanels .f4newlistview_rowbody .f4newlistview_selectall .f4CheckboxNewMainContainer {
  padding-top: 43%;
  padding-bottom: 35%;
}

.cgs-servicetblfield .f4cbt-searchandtemplate {
  position: absolute;
  right: 0px;
}

.cgs-servicetblfield .f4CheckboxTreeSearch_parent .f4CheckboxTree_parent .rc-tree li {
  margin: 10px 0;
}

.cgs-servicetblfield .f4cbt-searchandtemplate-hasopen {
  position: relative;
}

.additionalServicesDiv {
  background: white;
  display: inline-block;
  width: 100%;
  padding: 15px 10px;
  box-shadow: var(--qnb-shadow-sm) 0px 1px 2px 1px;
  margin-bottom: 25px;
  border-radius: 2px;
}

.additonalServiceDivTitle {
  /* font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 15px;
  padding-top: 15px;
  color: var(--qnb-foreground); */
  padding-left: 15px;
  text-transform: uppercase;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 600;
}

.listViewFlatView .listview-radiobtn-flex .radioButtonClass .ant-radio-group {
  display: flex;
  height: 100%;
}

.listViewFlatView .listview-radiobtn-flex .radioButtonClass .ant-radio-wrapper {
  margin-bottom: 0px;
  margin-right: 5px;
  /* border-radius: 0px; */
  height: 100%;
  border: 1px solid transparent;
}

.listViewFlatView .listview-radiobtn-flex .radioButtonClass .ant-radio-wrapper:last-child {
  margin-right: 0px;
}

.listview-radiobtn-flex {
  /* padding: 7px 10px; */
  display: inline-block;
  width: 100%;
  /* height: 52px; */
  height: 33px;
}

.listview-radiobtn-flex .radioParentClass,
.listview-radiobtn-flex .radioButtonClass {
  height: 100%;
}

.listview-radiobtn-flex .ant-radio-group {
  display: flex;
  /* -ms-flex-wrap: wrap;
  flex-wrap: wrap; */
  margin: 0 -5px;
  width: calc(100% + 10px);
}

.listview-radiobtn-flex .ant-radio-wrapper {
  width: 40%;
  height: 30px !important;
  margin: 0px 5px 0px 5px;
}

/** End of User group **/

.ae_userinfo__section {
  width: 100%;
}

.ae_userinfo__sectionph {
  text-align: center;
}

.ae_userinfo__sectionph>div:nth-child(2) {
  color: var(--sub-hdr-color);
  font-weight: 500;
  font-size: 16px;
  margin: 30px 0 10px;
}

.ae_adduser__modal {
  width: 55%;
  height: 80%;
}

.import_loc_docu_modal {
  width: 40%;
  height: 88%;
}

.import_loc_docu_modal .f4ModalHeader {
  border-bottom: 1px solid var(--qnb-border);
}

.add_update_docu_modal {
  border: none !important;
}

.add_update_docu_modal .bob_generic__portletchildren {
  padding: 0;
}

.import_loc_docu_modal_save_btns_panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.import_loc_docu_modal_save_btns_panel .f4Button {
  width: 230px;
}

.role_adduser__field {
  font-size: 10px !important;
  font-weight: 500 !important;
  padding-left: 10px !important;
}

.bankadv_readmr__modal {
  width: 80%;
  height: 80%;
}

.bankadv_readmr__modal .f4ModalHeader {
  padding: 15px 25px 45px 20px;
  height: 60px;
}

.bankadv_readmr__modal .f4ModalTitle {
  height: 35px;
  font-size: 20px;
}

.bankadv_readmr__modal .f4ModalBody {
  padding: 5px 25px;
}

.bankadv_rm__view {
  display: flex;
}

.bankadv_rm__viewicon {
  height: 20px;
  width: 20px;
  padding-top: 15px;
  /* border-radius: 50%; */
  /* background: var(--qnb-selection); */
  display: flex;
  justify-content: center;
  align-items: center;
}

.bankadv_rm__viewright {
  width: calc(100% - 55px);
}

.bankadv_rm__viewhdr {
  margin-bottom: 15px;
  padding-left: 20px;
}

.bankadv_rm__viewhdr>div:first-child {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 32px;
}

.bankadv_rm__viewhdr>div:last-child {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  color: var(--sub-text-coloralt);
  margin-top: 5px;
}

.bankadv_rm__viewbody {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.main_dashboard__panel {
  padding: 0px;
  margin: 0 -15px;
}

.main_dashboard__panel .ant-tabs-nav .ant-tabs-tab {
  padding: 20px 40px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.17px;
  line-height: 1.2;
}

.main_dashboard__panel .ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 700;
}

.main_dashboard__panel .ant-tabs-bar {
  margin-bottom: 0px;
}

.dash_tab__withcount {
  display: flex;
  align-items: center;
}

.dash_tab__withcount>div:first-child {
  padding: 3px 6.5px 2px;
  background: var(--qnb-secondary);
  color: var(--qnb-foreground-inverse);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  line-height: 16px;
  height: 18px;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  letter-spacing: 0.15px;
  line-height: 1.2;
}

.acct_widget__section {
  min-height: 100vh;
  background: var(--qnb-background);
  padding: 20px;
}

.acct_widget__sectblhdr {
  font-size: 17px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 10px;
}

.acct_widget__sectbltitle {
  display: flex;
  align-items: center;
}

.acct_widget__sectbltitle>img {
  width: 14px;
  height: 32px;
  margin-right: 16px;
}

.acct_widget__seccurr {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
}

.acct_widget__seccurr>img {
  height: 20px;
  margin-top: -1px;
  margin-right: 10px;
}

.acct_widget__sectbl {
  padding: 0 20px 20px;
  margin: 0 -20px 20px;
}

.acct_widget__secgrp:last-child>.acct_widget__sectbl:last-child {
  border-bottom: none;
}

.acct_widget__sectbl .f4datatable>.row {
  display: none;
}

.dashboard_widget__item {
  margin: 0 10px 20px;
  border: 1px solid var(--qnb-border);
  border-radius: 15px;
  padding: 20px;
  background: var(--qnb-background);
}

.dashboard_widget__itemhdr {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  margin: -20px -20px 20px;
  padding: 15px 20px;
  background: var(--qnb-background);
  border-bottom: 1px solid var(--qnb-border-subtle);
  color: var(--qnb-foreground);
}

.dash_widget__itemhdrcount {
  background: var(--qnb-foreground);
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
  height: 25px;
  display: flex;
  align-items: center;
  padding: 1px 10px 1px;
  border-radius: 12px;
  margin-left: 15px;
}

.singledashboard>.task_list__widget,
.widgets_list__section {
  min-height: 0px !important;
}

.task_list__widget,
.widgets_list__section {
  min-height: calc(100vh - 143px);
  background: var(--qnb-background-muted);
}

.widgets_list__section {
  padding: 20px 5px;
}

.task_list__widget {
  margin: 0px;
  border: none;
  border-radius: 0px;
}

.task_list__body {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}

.task_list__item {
  width: calc(33.3% - 15px);
  margin: 0 7.5px 15px;
  height: 60px;
  border-radius: 10px;
  position: relative;
  border: 1px solid var(--qnb-border-subtle);
  background-color: var(--qnb-background);
  cursor: pointer;
  transition: 0.5s;
  display: flex;
  align-items: center;
  padding: 10px 15px;
}

.task_list__item:hover {
  background-color: var(--qnb-background);
  border-color: var(--qnb-border);
  box-shadow: 0 2px 8px var(--qnb-shadow-sm);
}

.task_list__itemicon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--qnb-selection);
  display: flex;
  justify-content: center;
  align-items: center;
}

.task_list__itemtxt {
  width: calc(100% - 100px);
  padding: 0 15px;
  font-size: 15px;
  font-weight: 600;
}

.task_list__itemcount {
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  min-width: 35px;
  margin-left: auto;
  margin-right: 0;
  /* color: var(--qnb-foreground-secondary); */
}

.acct_widget__view {
  display: flex;
  align-items: flex-start;
  padding: 20px 5px;
  width: 100%;
  display: grid;
  grid-template-columns: 58% 42%;
}

.acct_widget__view>.tran_hist__widget {
  flex: 1 0 calc(65% - 20px);
}

.acct_widget__view>.acctwg_view__section {
  flex: 1 0 calc(35% - 30px);
}

.accwdg_view__card {
  position: relative;
  /* min-height: 140px; */
  min-height: 80px;
  border-radius: 15px;
  background: url("/fo/images/Card BG.61e3058f.svg") no-repeat;
  background-size: auto;
  background-size: cover;
  color: var(--qnb-foreground-inverse);
  padding: 15px 15px 15px 20px;
  margin: 0 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.accwdg_viewcard__border {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--qnb-background);
}

.accwdg_viewcard__top {
  display: flex;
  justify-content: space-between;
}

.accwdg_viewcard__dtls {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
}

.accwdg_viewcard__acctdtls>div:first-child {
  height: 22px;
  color: var(--qnb-foreground-inverse);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
}

.accwdg_viewcard__acctdtls > div:last-child {
  color: var(--qnb-foreground-placeholder);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
}

.accwdg_viewcard__dtls>div:last-child {
  font-weight: 600;
}

.accwdg_viewcard__avbal>div:first-child,
.accwdg_viewcard__type {
  font-size: 11px;
  font-weight: 500;
  color: var(--qnb-foreground-muted);
}

.accwdg_viewcard__avbal>div:last-child {
  font-weight: 600;
}

.acctwdg_view__hdr>div:first-child {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.acctwdg_view__hdr>div:first-child>div:nth-child(2) {
  display: flex;
  margin-right: -5px;
}

.acctwdg_view__soabtn {
  margin-right: 20px;
  position: relative;
}

.acctwdg_view__hdr .bob_nb__btn {
  height: 35px;
  padding: 0 10px;
}

.acctwdg_view__hdr .acctwdg_view__soabtn::after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--qnb-border);
}

.accwdg_qcklnks__list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.accwdg_qcklnks__item {
  position: relative;
  min-height: 100px;
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
  margin: 0 10px 10px;
  padding: 5px;
}

.accwdg_qcklnks__itemicon {
  height: 45px;
  width: 45px;
  border-radius: 12px;
  background: var(--qnb-background-muted);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  transition: 0.5s;
}

.accwdg_qcklnks__item:hover .accwdg_qcklnks__itemicon {
  background: var(--light-main-hover);
  background: var(--qnb-background);
  box-shadow: 0px 1px 1.6px 0px var(--qnb-shadow-lg);
  transform: translateY(-2px);
}

.accwdg_qcklnks__itemdscp {
  color: var(--qnb-primary);
  font-weight: 500;
  transition: 0.5s;
  text-align: center;
  line-height: 18px;
  font-size: 15px;
  word-break: normal;
}

.accwdg_qcklnks__item:hover .accwdg_qcklnks__itemdscp {
  color: var(--qnb-primary-hover);
  font-weight: bold;
  color: var(--qnb-warning-emphasis);
}

.acctwdg_view__balances {
  margin-top: 20px;
}

.acctwdg_view__balitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--mbl-details-bg);
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 10px;
}

.acctwdg_view__balitem>.view_amt__formatted span:last-child {
  font-weight: 800;
}

.acctwdg_view__balitem:last-child {
  margin-bottom: 0px;
}

.acctwdg_view__balitem>div:first-child {
  font-weight: 600;
  font-size: 12px;
  color: var(--acct-view-color);
}

.acctwdg_view__balitem>div:last-child {
  font-weight: 700;
}

.tranhist_widget__hdr>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.tranhist_widget__hdr .bob_sec__btn {
  border-radius: 20px;
  height: 30px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 600;
}

.tranhist_widget__amountcol {
  font-weight: 700;
}

.tranhist_table__section {
  margin: 0 -20px;
}

.tranhist_table__btn {
  position: relative;
  border-top: 1px solid var(--qnb-border);
  padding: 10px 10px 0;
  margin-bottom: -10px;
}

.h2h_files__widgetbody {
  margin: 0 -20px -20px;
}

.cff_widget__pills {
  display: flex;
}

.cff_widget__pills>div {
  position: relative;
  background: var(--qnb-background);
  border: 1px solid var(--qnb-border);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 30px;
  padding: 0 20px;
  font-size: 13px;
  margin: 0 5px;
  transition: 0.5s;
  font-weight: 500;
}

.cff_widget__pills>.cff_widget__pillalt,
.cff_widget__pills>div:hover {
  background: var(--qnb-selection);
  color: var(--qnb-primary);
  border-color: var(--qnb-primary);
}

.cff_widget__hdr>div:first-child {
  width: 65%;
  display: flex;
  justify-content: space-between;
  padding-right: 55px;
}

.ae_subheader__wspan {
  display: flex;
  justify-content: center;
}

.ae_subheader__wspan>span {
  margin: 0px;
  font-size: 16px;
}

.bob_compare__plansmodal .f4ModalHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: transparent;
}

.bob_compare__plansmodal .f4ModalBody {
  height: 100%;
  padding: 0;
}

.ae_confirm__secwicon {
  margin-top: -15px;
  font-weight: 500;
}

.ae_confirm__secwicon>img {
  position: absolute;
  top: 9px;
  right: 20px;
  height: 70px;
}

.ae_ack__reqdocs {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  background-color: var(--qnb-background);
  box-shadow: 0 8px 14px 0 var(--qnb-shadow-sm);
  padding: 10px;
  margin-top: 40px;
  width: 60%;
}

/* 
.ae_ack__rdhdr {
  border-radius: 10px;
  background-color: var(--qnb-background-muted);
  text-align: center;
  padding: 15px;
  font-size: 20px;
  font-weight: 600;
}

.ae_ack__rdbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ae_ack__rditem {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 20px;
  border-bottom: 1px solid var(--qnb-border);
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}

.ae_ack__rditem > div:first-child {
  height: 7px;
  width: 7px;
  background-color: var(--qnb-background);
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 8px;
}

.ae_ack__rditem > div:last-child {
  width: calc(100% - 7px);
}

.ae_ack__rdbtn {
  margin-top: 10px;
} */
.bms_generic__sxnplaceholder {
  text-align: center;
  padding: 30px;
  /* min-height: 700px; */
  height: calc(100vh - 200px);
  /* border: 1px solid var(--qnb-border-subtle); */
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 4px 0 var(--qnb-overlay-light);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.bms_generic__sxnplaceholder>img {
  height: 120px;
  margin: -20px 0 20px;
}

.bms_generic__sxnplaceholder>div:nth-child(2) {
  font-weight: 600;
  font-size: 17px;
  color: var(--no-records-label);
}

.bms_generic__sxnplaceholder>div:nth-child(3) {
  color: var(--no-records-label);
  font-size: 13px;
  font-weight: 500;
}

/***** Start of Avail Services ******/

.avail_services___radio {
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.avail_services___radio .radioParentClass,
.avail_services___radio .radioButtonClass {
  height: 100%;
}

.avail_services___radio .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  gap: 10px;
  width: calc(100% + 10px);
}

.avail_services___radio .ant-radio-wrapper {
  flex: 1 1 calc(50% - 10px);
  height: 40px;
  margin: 0 5px;
}

.avail_services___radio .ant-radio {
  display: none;
}

.avail_services___radio .f4FormFieldLabel {
  font-size: 16px;
  margin-bottom: 20px;
  color: var(--qnb-primary);
  font-weight: 500;
}

.avail_services___checkboxes .groupcheckboxes-main {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

.avail_services___checkboxes .groupcheckboxes-main>.checkbox-parentdiv {
  margin: 10px;
  flex: 1 1 calc(33.3% - 20px);
}

.avail_services__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 10px;
}

.avail_services__item {
  border-radius: 10px;
  background: var(--light-hover-color);
  position: relative;
  cursor: pointer;
  height: 100%;
}

.avail_services__itemtop {
  display: flex;
}

.avail_services__itemdtls {
  padding: 15px 10px 15px 20px;
  height: 100%;
  width: calc(100% - 40px);
}

.avail_services__itemdtls>div:first-child {
  font-size: 16px;
  font-weight: 600;
}

.avail_services__itemdtls>div:last-child {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  color: var(--sub-hdr-color);
}

.avail_services__itembd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  z-index: 1;
  background-color: var(--qnb-background-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.avail_services__itemdtls:hover+.avail_services__itembd,
.avail_services__itembd:hover,
.avail_services__itemalt .avail_services__itembd {
  opacity: 1;
  pointer-events: unset;
}

.avail_services__itemalt .avail_services__itembd {
  background: var(--qnb-background);
}

.avail_services__itembd>div {
  position: absolute;
  right: 15px;
  border-radius: 50%;
  border: 1.5px solid var(--qnb-foreground-inverse);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: transparent;
}

.avail_services__itemalt .avail_services__itembd>div {
  background: var(--qnb-background);
  color: var(--qnb-primary);
}

.avail_services__iteminfo {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 0;
  cursor: pointer;
  transition: 0.5s;
}

.avail_services__iteminfo:hover {
  background: var(--light-container-color);
}

.avail_services__itemaddtl {
  padding: 10px;
  border-top: 1px solid var(--qnb-border);
  margin: 0 10px;
}

.avs_addtl__dtlitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}

.avs_addtl__dtlitem>div:first-child {
  font-size: 12px;
}

.avs_addtl__dtlitem>div:last-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 0.6;
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

.avs_addtl__dtlitem>div:last-child>span {
  font-size: 10px;
  margin-right: 3px;
}

.avs_flnv__addtlcol {
  width: 100%;
}

.avs_flnv__addtlcol .avs_addtl__dtls {
  display: flex;
  margin: 0 -5px;
  width: calc(100% + 10px);
}

.avs_flnv__addtlcol .avs_addtl__dtlitem {
  flex-direction: column;
  flex: 1 1 calc(33.3% - 10px);
  margin: 0 10px;
  text-align: center;
}

.avs_flnv__addtlcol .avs_addtl__dtlitem>div {
  width: 100%;
  justify-content: center;
}

.avs_flnv__addtlcol .avs_addtl__dtlitem>div:first-child {
  margin-bottom: 10px;
}

.avail_services__model {
  width: 33%;
  margin: 0 auto;
  display: flex;
  border-radius: 20px;
  background: var(--qnb-selection);
  padding: 15px;
}

.avail_services__model>img {
  width: 100px;
  margin-left: 20px;
}

.avail_services__modeldtls {
  width: calc(100% - 135px);
  text-align: center;
  padding-right: 20px;
}

.avail_services__modeldtls>div:first-child {
  font-weight: 600;
}

.avail_services__modeldtls>div:nth-child(2) {
  font-size: 12px;
  color: var(--sub-label-color);
  font-weight: 500;
  margin-bottom: 10px;
}

.avail_services__modeldtls .f4Button {
  height: 35px;
  font-size: 13px;
  margin: 0 auto;
}

/***** End of Avail Services ******/
.h2hfiles_records__viewpanel,
.manage_acct__panel {
  padding: 0 15px;
}

.acct_widget__sectbl .public_fixedDataTable_header {
  border-radius: 10px 10px 0 0;
  border-top: none;
}

.acct_widget__sectbl .f4data_table__section {
  border-radius: 10px;
  border: 1px solid var(--qnb-border);
  overflow: hidden;
}

.itemperpage_select .Select-menu-outer {
  top: unset;
  bottom: 100%;
}

.manage_acct__section {
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  margin: 0 -10px;
  row-gap: 10px;
}

.manage_acct__dtls {
  flex: 1 1 55%;
  margin: 0 10px;
}

.manage_acct__qlsection {
  flex: 1 1 45%;
  margin: 0 10px;
  border-radius: 10px;
  background-color: var(--qnb-background);
  border: 1px solid var(--qnb-border);
  padding: 20px;
}

.custom_card__section {
  background: var(--qnb-background-muted);
  border-radius: 10px;
  padding: 30px;
}

.custom_card__colors {
  display: flex;
  align-items: center;
  margin-top: 25px;
  justify-content: space-between;
  width: 100%;
}

.custom_card__colorslbl {
  font-size: 20px;
  font-weight: 600;
  max-width: 155px;
  /* width: 135px; */
}

.custom_card__colorslist {
  display: flex;
  margin: 0 -5px;
  -webkit-box-flex: 1;
  /* -ms-flex: 1 1 calc(100% - 135px);
  flex: 1 1 calc(100% - 135px); */
  padding-left: 20px;
}

.custom_card__colorslist>.f4color__picker {
  margin: 0 5px;
}

.custom_card__coloritem {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 3px;
  margin: 0 5px;
  cursor: pointer;
  transition: 0.3s;
}

.custom_card__coloritemalt,
.custom_card__coloritem:hover {
  border: 2px solid var(--qnb-border);
}

.custom_card__coloritem>div {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: var(--qnb-foreground-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.manage_acct__qlsechdr {
  margin-bottom: 30px;
}

.manage_acct__qlsechdr>div:first-child {
  font-size: 20px;
  font-weight: 600;
}

.manage_acct__qlsechdr>div:last-child {
  font-size: 16px;
}

.manage_acct__nicksec {
  margin-top: 30px;
}

.manage_acct__nicksechdr {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.manage_acct__dtlsbtn {
  margin-top: 60px;
}

.manage_acct__qlsecitem {
  margin-bottom: 10px;
}

.manage_acct__qlsecitem .f4CheckboxMainContainer {
  height: 60px;
  border-radius: 13px;
}

.manage_acct__qlsecitem .modal-check-container {
  flex-direction: row-reverse;
}

.manage_acct__qlsecitem .modal-check-lbl {
  padding: 0 15px 0 0;
}

.manage_acct__qlsilbl {
  display: flex;
  align-items: center;
}

.manage_acct__qlsilbl>div:first-child {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--qnb-selection);
  display: flex;
  align-items: center;
  justify-content: center;
}

.manage_acct__qlsilbl>div:last-child {
  width: calc(100% - 40px);
  padding-left: 15px;
}

.oldNewPanelTitle,
.oldNewPanelTitle-new {
  padding-bottom: 7px;
  color: var(--qnb-primary-hover);
  font-size: 14px;
  font-weight: 600;
}

.push_notif__switch_parent {
  font-weight: 600;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.push_notif__switch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--qnb-background-muted);
  border: 1px solid var(--border-color-alt);
  border-radius: 10px;
  min-height: 70px;
  padding: 5px 20px;
  overflow: hidden;
}

.bob_generic__portlet .push_notif__switch:not(:last-child) {
  margin-bottom: 10px;
}

.push_notif__switchdr {
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  align-items: flex-start !important;
  flex: 1;
  margin-left: 8px;
}

.push_notif__switch>div {
  display: flex;
  align-items: center;
}

.push_notif__switchtxt {
  font-size: 15px;
  font-weight: 600;
}

.push_notif__switchtxt_sub {
  font-size: 13px;
  font-weight: 400;
}

.push_notif__switchtxt_sub_bold {
  font-size: 13px;
  font-weight: 600;
}

.push_notif__switchtxt>img {
  margin-right: 15px;
  position: relative;
  top: -1px;
}

.push_notif__switchbrd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--qnb-secondary-hover);
}

.push_notif__inline {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* Space between elements */
}

.push_notif__input_container {
  margin-top: 8px;
}
.push_notif__input {
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  height: 45px;
  width: 50px;
  border-radius: 10px;
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
}



.push_notif__btn_group {
  display: inline-flex;
  gap: 4px; /* Space between buttons */
}

.push_notif__btn {
  padding: 6px 12px;
  border: 2px solid var(--qnb-border); /* Default border for inactive button */
  background-color: var(--qnb-background); /* White background for inactive button */
  color: var(--qnb-secondary); /* Gray text for inactive button */
  cursor: pointer;
  border-radius: 30px;
  font-size: 14px;
  text-align: center;
  transition: background-color 0.2s, color 0.2s; /* Smooth hover/active effects */
}

.push_notif__btn.active {
  background-color: var(--qnb-selection); /* Light teal background for active button */
  color: var(--qnb-secondary); /* Teal text color for active button */
  border-color: var(--qnb-secondary); /* Teal border for active button */
}

.push_notif__btn:hover {
  background-color: var(--qnb-background-muted); /* Slightly lighter teal background on hover */
  color: var(--qnb-foreground-secondary); /* Teal text on hover */
  border-color: var(--qnb-border-strong); /* Teal border on hover */
}

.bob_ap__panel {
  margin: 0 -15px;
  min-height: 100vh;
  background: var(--qnb-background-muted);
  padding: 0 20px 20px;
}

.bob_ap__tabs {
  margin: 0 -20px;
}

.bob_ap__grp {
  background: var(--qnb-background);
  border: 1px solid var(--qnb-border);
  border-radius: 15px;
  padding: 10px 20px 20px;
  margin-bottom: 10px;
  position: relative;
}

.bob_ap__grphdr {
  font-size: 17px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 235px);
  align-items: center;
  position: absolute;
  top: 10px;
  height: 40px;
  padding-bottom: 3px;
}

.bob_ap__grphdr>div:nth-child(2) {
  width: 150px;
}

.bob_ap__grphdr>div:first-child {
  display: flex;
  align-items: center;
  font-weight: 700;
}

.bob_ap__grphdr>div:first-child>span {
  color: var(--qnb-foreground-muted);
  font-size: 13px;
  font-weight: 600;
  margin-left: 7.5px;
  padding-left: 7.5px;
  border-left: 1px var(--light-border-color) solid;
  line-height: 30px;
}

.th_acctdtls__hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.th_acctdtls__hdrbtns {
  margin-right: -7px;
}

.th_acctdtls__hdrbtns .bob_nb__btn {
  height: 35px;
  padding: 5px 10px;
}

.th_acctdtls__others>div:first-child {
  margin-bottom: 20px;
}

.th_acctdtls__others>div .radioParentClass.f4radio_btn__flex {
  margin-top: 20px;
}

.th_acctdtls__acfield .Select-control {
  height: 150px;
}

.crdr_memo__modal {
  width: 55%;
  height: 70%;
}

.memo_modal__hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 25px;
  /* border-right: 1px solid var(--qnb-border); */
  margin-right: 20px;
}

.memo_modal__icon {
  font-size: 26px;
  font-weight: 600;
}

.memo_modal__icon>img {
  height: 30px;
  margin-bottom: 10px;
}

.memo_modal__refno {
  font-size: 14px;
  margin-top: 25px;
}

.memo_modal__refno>span {
  font-weight: 600;
}

.memo_modal__dtls {
  border: 1px solid var(--qnb-border);
  border-radius: 10px;
  margin-top: 15px;
}

.memo_modal__dtlitem {
  display: flex;
  min-height: 45px;
  border-bottom: 1px solid var(--qnb-border);
}

.memo_modal__dtlitem:last-child {
  border-bottom: none;
}

.memo_modal__dtlitem>div {
  padding: 15px;
  font-weight: 500;
}

.memo_modal__dtlitem>div:first-child {
  width: 35%;
  border-right: 1px solid var(--qnb-border);
  color: var(--light-text-color);
  font-size: 12px;
}

.memo_modal__dtlitem>div:nth-child(2) {
  width: 65%;
  font-size: 14px;
}

.memo_modal__particulars {
  margin-top: 15px;
}

.th_amt__dmcmfield .dbcr_amount__viewer {
  transition: 0.5s;
  padding: 0 5px;
  margin: 0 -5px;
  border-radius: 5px;
  cursor: pointer;
}

.th_amt__dmcmfield .dbcr_amount__viewer:hover {
  background: var(--light-hover-color);
}

.soa_inquiry__panel .bob_panel__tmpchildren {
  width: 60%;
  margin: 0 auto;
}

.soa_inquiry__panel .bob_generic__formhdr {
  text-align: center;
}

.soa_inquiry__panel .bob_generic__portlet {
  background: var(--mbl-details-bg);
  border: none;
}

.soa_inquiry__dlbtn {
  margin-top: 50px;
}

.bob_enroll__confpcktype .bobcpspl {
  margin: 0px;
}

.bob_ap__mainhdr {
  margin: 0 -20px 20px;
  padding: 0 20px 20px;
  border-bottom: 1px solid var(--qnb-border);
}

.bob_ap__casahdr {
  display: flex;
  margin: 0 -10px;
  width: 55%;
}

.bob_ap__balcard {
  position: relative;
  flex: 1;
  margin: 0 10px;
  border-radius: 13px;
  background: var(--qnb-background);
  overflow: hidden;
  padding: 20px 20px 20px 25px;
}

.bob_ap__bcbrd {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 7px;
}

.bob_ap__bclbl {
  font-size: 13px;
  margin-top: 20px;
}

/*Start of F4Tabs */

.invoiceActionButtons {
  height: 50px;
  width: 50px;
  background: var(--qnb-background);
  /* position: fixed; */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16pt;
  border-radius: 5px;
  /* border-radius: 50%; */
  border: 2px solid var(--qnb-primary) !important;
  /* box-shadow: 0 2px 9px var(--qnb-border-subtle); */
  color: var(--qnb-info);
  cursor: pointer;
  z-index: 9;
  transition: 0.5s;
  border: none;
}

.generic-adtlBtns {
  z-index: 1;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  top: -25px;
}

.expregbtn-listmain {
  position: absolute;
  /* right: 50px;
  top: 5px; */
  /* right: 51px;
  top: 1px; */
  right: calc(197% - 53px);
  top: calc(230% - 45px);
  display: none;
}

.expregbtn-list {
  /* display: none; */
  background: var(--qnb-background);
  width: 115px;
  box-shadow: 0 1px 9px var(--qnb-border-subtle);
  border-radius: 4px;
  overflow: hidden;
  transform: scale(0.6);
  opacity: 0;
  animation: expreglistanim 0.5s ease-in forwards;
  transform-origin: top left;
  font-size: 15px;
}

@keyframes expreglistanim {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.expregbtn-list>div {
  padding: 10px 15px;
  border-bottom: 1px solid var(--qnb-border-subtle);
  cursor: pointer;
  font-weight: 500 !important;
  transition: 0.5s;
}

.expregbtn-list>div:hover,
.expregbtn-selected {
  /* background: var(--qnb-background);
  color: var(--qnb-secondary); */
  background: var(--qnb-primary);
  color: var(--qnb-foreground-inverse);
}

.expregbtn-list>div:last-child {
  border-bottom: none;
}

.expRegButton:hover .expregbtn-listmain {
  display: block;
}

/*End of F4Tabs */

.fullPanelWithButtons .bob_panel__tmpchildren {
  padding: 20px 5px 100px;
}

.removeOptionalAndLbl .searchfilter_initial__panel .formfield_label__optional {
  display: none !important;
}

.withWorkFlowAndBackBtn {
  width: 70%;
  display: flex;
  align-items: center;
}

.withWorkFlowAndBackBtn .bob_back__btn {
  width: 210px;
  margin-right: 10px;
}

.withWorkFlowAndBackBtn .asf4FormValidate {
  width: 450px;
  padding-right: 10px;
}

.bob_mainmenu__item>i {
  margin-left: 7px;
}

.serviceField_rmvOptionsLbl .formfield_label__optional>span:last-child {
  display: none;
}

.serviceField_rmvOptionsLbl {
  margin-top: 1px;
}

.ap_widget__totals {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--qnb-border);
  height: 60px;
  font-weight: 500;
}

.ap_widget__totals>div {
  padding: 0 20px;
}

.ap_widget__totals>div:first-child {
  flex: 1;
}

.ap_widget__totals>.view_amt__formatted {
  width: 297px;
  text-align: right;
  font-weight: 700;
}

/*start of f4DownloadTray*/
.f4DownloadTray {
  bottom: 30px;
  position: fixed;
  right: 100px;
  z-index: 999;
}

.f4DownloadTray_box {
  min-width: 200px;
  border-radius: 6px;
  background-color: var(--qnb-background-inverse);
  box-shadow: 0 0 38px 4px var(--qnb-shadow-md), -1px 2px 4px 0 var(--qnb-shadow-lg);
  color: var(--qnb-foreground-inverse);
  padding: 10px 15px;
}

.f4DownloadTray_open {
  background-color: var(--qnb-background-inverse);
  box-shadow: 0 0 38px 4px var(--qnb-shadow-md), -1px 2px 4px 0 var(--qnb-shadow-lg);
  color: var(--qnb-foreground-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}

.f4DownloadTray_row {
  display: flex;
  align-items: center;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid var(--qnb-border);
  font-weight: 600;
}

.f4DownloadTray_head {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: white;
  font-weight: 400;
  border-top: none;
  margin: 0px;
  padding: 0px;
}

.f4DownloadTray_head>div:first-child {
  width: calc(100% - 25px);
  padding-right: 10px;
}

.f4DownloadTray_close>button {
  background: transparent;
  box-shadow: none;
  border: none;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f4DownloadTray_filename {
  width: calc(100% - 25px);
}

.f4DownloadTray_icon {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*end of F4DownloadTray*/

.ackMessageYourRefNo {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 8px;
}

.ackMessageYourRefNo>.ackRefNo {
  font-weight: 600;
  color: var(--qnb-primary);
}

.f4EditModal {
  overflow-y: hidden !important;
}

.f4EditModal .modal-content,
.f4EditModal .modal-dialog {
  width: 90%;
  height: 95%;
  margin: inherit;
  /* margin: 0px !important; */
}

.acct_view__backbtn {
  padding: 0 15px 15px 15px;
}

.acct_view__backbtn .bob_back__btn {
  width: 200px;
}

.loans_inqtbl__hdr>span {
  color: var(--sec-btn-color);
}

.bob_ap__grptl .bob_ap__grphdr {
  position: relative;
  top: 0px;
}

.bob_aptl__grp {
  position: relative;
  border-bottom: 1px solid var(--qnb-border);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.bob_aptl__grphdr {
  position: absolute;
  top: 13px;
  font-weight: 600;
  font-size: 14px;
  color: var(--qnb-foreground-secondary);
}

.bob_aptl__grpbody {
  margin: 0 -20px;
}

.bob_ap__tlmenu {
  margin-bottom: 10px;
}

.tranhist_widget__hdrdrp {
  display: flex;
  align-items: center;
}

.tranhist_widget__hdrdrp>div:last-child {
  margin-left: 15px;
  width: 240px;
}

.tranhist_widget__hdrdrp .Select-control {
  height: 40px;
}

.tranhist_widget__hdrdrp .Select--single>.Select-control .Select-value {
  padding: 3px 15px;
}

.tranhist_widget__hdrdrp .Select-input {
  padding-top: 5px;
}

.tranhist_widget__hdrcustom {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.tranhist_widget__hdrcustom .bob_generic__nofieldlbl {
  width: 100%;
  max-width: 420px;
}

.tranhist_widget__hdrcustom .f4DatePickerBetweenParent {
  width: 100%;
  gap: 10px;
}

.tranhist_widget__hdrcustom .f4DatePickerBetweenParent>.cal-div {
  min-width: 0;
}

.task_list__group {
  margin-bottom: 10px;
}

.task_list__grouphdr {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
  background: var(--qnb-background-muted);
  color: var(--qnb-foreground);
  padding: 10px 20px;
  border-radius: 10px;
}

.task_list__grouphdr>div:last-child {
  background: var(--qnb-foreground);
  color: var(--qnb-foreground-inverse);
  padding: 0 12px;
  border-radius: 16px;
  font-size: 12px;
  height: 23px;
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-left: 10px;
}

.reject_message__hdr {
  font-weight: 600;
}

.reject_message__text {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
}

.corpgrp_checkboxtree .services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item {
  background: unset;
  padding: 0;
}

.corpgrp_checkboxtree .services_treecb__itemmain__vertical>.services_treecb__grp {
  flex-direction: column !important;
  gap: 0 !important;
}

.corpgrp_checkboxtree .services_treecb__itemmain__vertical .services_treecb__grp .services_treecb__itemmain:not(.services_treecb__itemmain__alt) {
  margin-bottom: 0;
}

.corpgrp_checkboxtree .services_treecb__grproot .services_treecb__grp {
  display: flex;
  gap: 10px;
  padding-left: 25px;
  margin-bottom: 0;
  flex-wrap: wrap;
}

.corpgrp_checkboxtree .services_treecb__grproot .services_treecb__grp .f4CheckboxNewMainContainer {
  border: 1.5px solid var(--light-border-color);
  border-radius: 8px;
  background-color: var(--qnb-background);
  padding: 9.3px 16px;
  height: 35px;
  cursor: pointer;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}

.corpgrp_checkboxtree .services_treecb__grproot .services_treecb__grp .f4CheckboxNewMainContainer.f4checkboxnew_checked {
  border: 1.5px solid var(--qnb-primary);
}

.corpgrp_checkboxtree .services_treecb__grproot .services_treecb__grp .small-check-container>label {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  word-break: keep-all;
  white-space: nowrap;
}

.corpgrp_checkboxtree .services_treecb__item .small-check-box {
  margin-right: 14.7px;
}

.corpgrp_checkboxtree .services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 15px;
  font-weight: 600;
}

.corpgrp_checkboxtree .small-check-container {
  cursor: pointer;
}

.corpgrp_checkboxtree .small-check-container:hover {
  background-color: none;
}

.corpgrp_checkboxtree .services_treecb__grp .services_treecb__itemmain .services_treecb__item {
  margin-bottom: 0;
}

.corpgrp_checkboxtree .services_treecb__grp .services_treecb__itemmain {
  margin-top: 10px;
}

.corpgrp_checkboxtree .services_treecb__grp .services_treecb__itemmain:not(.services_treecb__itemmain__alt) {
  margin-bottom: 15px;
}

.services_treecb__grp {
  padding-left: 25px;
  margin-bottom: 20px;
}

.services_treecb__grproot {
  padding-left: 0px;
  margin-bottom: 0px;
}

.services_treecb__grpfg {
  padding-left: 10px;
}

.services_treecb__item {
  margin-bottom: 10px;
}

.services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item {
  background: var(--main-plain-bg);
  border-radius: 8px;
  padding: 10px;
}

.services_treecb__item .small-check-container {
  background: transparent;
}

.services_treecb__item .small-check-box {
  margin-right: 20px;
}

.services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 17px;
  font-weight: 600;
}

.services_treecb__panelvw .small-check-box {
  display: none;
}

.services_treecb__sechdr {
  display: flex;
  align-items: center;
  margin-top: -7px;
}

.services_treecb__sechdr>div:first-child {
  width: 55%;
}

.services_treecb__srchfld {
  position: relative;
  width: 45%;
}

.services_treecb__srchfld>img {
  position: absolute;
  width: 15px;
  height: 15px;
  pointer-events: none;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  color: var(--placeholder-color);
}

.services_treecb__srchfld .f4InputField {
  padding-right: 45px;
  border: 1px solid transparent;
  border-radius: 0px;
  background: var(--qnb-background);
  text-align: right;
}

.services_treecb__srchfld .f4InputField:hover {
  border: 1px solid transparent !important;
  border-bottom: 1px solid var(--qnb-border) !important;
}

.services_treecb__srchfld .f4InputField:active,
.services_treecb__srchfld .f4InputField:focus {
  border: 1px solid transparent !important;
  border-bottom: 1px solid var(--qnb-primary) !important;
}

/*Corp grp service tree view  */
.cgs_cbtree__view .services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}

.cgs_cbtree__view .services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item {
  background-color: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
  padding-right: 10px;
  margin-top: 5px;
  border-right: 1px solid var(--qnb-border);
  height: -moz-fit-content;
  height: fit-content;
}

.cgs_cbtree__view .services_treecb__itemmain {
  display: flex;
}

.cgs_cbtree__view .services_treecb__grpfg .services_treecb__itemmain {
  flex-direction: column;
}

.cgs_cbtree__view .services_treecb__grp:not(.services_treecb__grproot) {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.cgs_cbtree__view .services_treecb__grp:not(.services_treecb__grproot)>.services_treecb__itemmain>.services_treecb__item {
  font-size: 14px;
  font-weight: 600;
  padding: 9px 15px;
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  background-color: var(--qnb-background);
}

.cgs_cbtree__view .services_treecb__grpfg .services_treecb__itemmain .services_treecb__item+.services_treecb__grp {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  flex-wrap: wrap;
}

.cgs_cbtree__view .services_treecb__grpfg .services_treecb__itemmain__vertical>.services_treecb__item+.services_treecb__grp {
  display: flex;
  flex-direction: column;
}

.cgs_cbtree__view .services_treecb__grp:not(.services_treecb__grproot) .small-check-container>label {
  font-size: 14px;
}

/* ||cb overrides */
.txnmatrix_showmore {
  background-color: var(--qnb-background);
  padding: 15px 20px;
  display: flex;
  gap: 15px;
  background-color: var(--qnb-background-muted);
}

.txnmatrix_showmore--view {
  padding: 0;
  background-color: var(--qnb-background);
}

.txnmatrix_showmore--view:first-child,
.txnmatrix_showmore--view+.txnmatrix_showmore--view:not(:last-child) {
  margin-bottom: 12px;
}

.txnmatrix_showmore--view>.txnmatrix_showmore__label {
  font-weight: 600;
}

.txnmatrix_showmore__label {
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: bold;
  line-height: 25px;
  padding-right: 10px;
  margin-top: 5px;
  border-right: 1px solid var(--qnb-border);
  height: -moz-fit-content;
  height: fit-content;
}

.txnmatrix_showmore__values {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.f4newlistview_tbody .f4newlistview_row__hasshowmore:not(:last-child) .f4newlistview_addtl__fields .txnmatrix_showmore {
  border-block-end: 1.2px solid var(--qnb-border-subtle);
}

.txnmatrix_showmore__value {
  padding: 9px 15px;
  color: var(--hdr-color);
  line-height: 1.2;
  border-radius: 8px;
  background-color: var(--qnb-background);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
}

.txnmatrix_showmore__value_lvl_three {
  padding: 9px 15px;
  color: var(--hdr-color);
  line-height: 1.2;
  border-radius: 8px;
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-primary);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
}

.f4newlistview_row:last-child .f4newlistview_rowbody+.f4newlistview_addtl__fieldsalt>.txnmatrix_showmore {
  border-block-start: 1.2px solid var(--qnb-border-subtle);
}

/** FOR ACA TOTALS **/
.aca_listview__totals {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.aca_listview__totalsalt {
  margin-top: 10px;
  border-top: 1px solid var(--qnb-border-subtle);
}

.aca_listview__totals>div {
  display: flex;
}

.aca_listview__totals>div>div {
  width: 303px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.aca_listview__totals>div>div:last-child {
  font-size: 20px;
  text-align: right;
  justify-content: flex-end;
  padding-right: 65px;
  width: 348px;
}

/** END OF ACA TOTALS **/

.ww_tour__contenthdr {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 25px;
}

.ww_tour__contentdscp {
  color: var(--label-color);
  font-size: 14px;
  line-height: 20px;
}

.react-joyride__tooltip {
  border-radius: 15px !important;
  padding: 20px !important;
}

.ww_tour__tooltip {
  background-color: var(--qnb-background);
  border-radius: 15px;
  color: var(--hdr-color);
  font-size: 14px;
  padding: 20px;
  position: relative;
  width: 350px;
  text-align: center;
}

.ww_tour__tooltiphdrbtns {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.ww_tour__tooltiphdrbtns .f4Button {
  height: 30px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 15px;
  border-radius: 20px;
}

.biller_selector__control {
  border: 2px solid var(--qnb-border-subtle);
  border-radius: 13px !important;
  background-color: var(--qnb-background-muted);
  height: 130px;
}

/* || Biller Address Book */
.biller_address__panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 80px);
  border-left: 1.5px solid var(--qnb-border-subtle);
}

.biller_address__panelhdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.biller_address__panelhdr>div:first-child {
  color: var(--hdr-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.biller_address__panelhdr>div:last-child {
  width: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}

.biller_address__panelhdr>div:last-child:hover {
  background-color: var(--light--hover-color);
}

.biller_address__panelhdr>div>i {
  font-size: 21px;
  cursor: pointer;
}

.biller_address__paneltop {
  padding: 20px;
  background-color: var(--qnb-background);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.biller_right__panel {
  padding: 0;
  height: calc(100% - 80px) !important;
}

.biller_list__search {
  position: relative;
}

.biller_list__search>img {
  position: absolute;
  z-index: 99;
  left: 10px;
  top: 8.5px;
}

.biller_list__search .f4FormFieldLabel {
  display: none;
}

.biller_list__search input {
  padding-left: 45px;
  background: var(--search-input-bg);
}

.biller_list__search input::-moz-placeholder {
  color: var(--search-input-placeholder);
}

.biller_list__search input::placeholder,
.biller_list__search input::-moz-placeholder {
  color: var(--search-input-placeholder);
}

.biller_tabs .ant-tabs-bar {
  background-color: var(--qnb-background-muted);
  border-block: 1px solid var(--qnb-border-subtle);
  margin-bottom: 0;
}

.biller_tabs .ant-tabs-nav .ant-tabs-tab {
  font-weight: 500;
  flex: 1;
  display: flex;
  justify-content: center;
}

.biller_tabs .ant-tabs-nav>div:first-child {
  display: flex;
}

.biller_tabs .ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 700;
}

.biller_tabs .ant-tabs-nav {
  width: 100%;
}

.biller_addbook__item {
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 10px;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  /* align-items: center; */
  min-height: 64px;
  transition: 0.3s;
  width: calc(100% - 40px);
}

.biller_addbook__favitem {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: calc(100% - 40px);
}

.biller_addbook__item>.biller_addbook__iteminfo {
  display: flex;
}

.biller_addbook__dtls {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.emp_addbook__item {
  flex-direction: row;
}

.biller_addbook__itemsuspended {
  cursor: not-allowed;
}

.biller_addbook__itemsus,
.biller_addbook__itemsus:hover {
  background-color: var(--qnb-background-muted);
  pointer-events: none;
}

.biller_addbook__itemsus {
  overflow: hidden;
}

.biller_addbook__itemsus .biller_addbook__dtls>div:first-child {
  color: var(--qnb-foreground-disabled);
}

.biller_addbook__dtls>div:first-child {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.biller_addbook__itemsus .biller_addbook__dtls>div:nth-child(2) {
  color: var(--qnb-foreground-muted);
}

.biller_addbook__img>img {
  height: 40px;
  width: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 15px;
  border-radius: 50%;
}

.biller_addbook__dtls>div:nth-child(2) {
  font-size: 13px;
  color: var(--mblsubhdr-color);
  font-weight: 600;
  line-height: 16px;
}

.biller_addbook__content {
  padding: 0px 20px 20px 20px;
  background-color: var(--qnb-background);
  position: relative;
}

.biller_addbook__content--favorite {
  padding: 30px 20px;
}

.biller_addbook__itemmain {
  margin-top: 10px;
}

.biller_addbook__item:not(:last-child) {
  margin-bottom: 9px;
}

.biller_addbook__item:hover,
.biller_addbook__item--selected,
.biller_addbook__itemsfavorite:hover {
  border: 2px solid var(--qnb-primary) !important;
  background-color: var(--selected-light-color) !important;
}

.biller_addbook__icon {
  align-self: center;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  margin-left: 10px;
}

.biller_letter {
  color: var(--subhdr-color);
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 20px;
  background: var(--qnb-background);
  position: sticky;
  top: 0;
  height: 35px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.biller_addbook__contentbox {
  height: 100%;
  flex: 1;
  background: var(--qnb-background);
}

.biller_addbook__icon--favorite {
  opacity: 0;
}

.biller_addbook__itemsfavorite:hover .biller_addbook__icon--favorite {
  opacity: 1;
  cursor: pointer;
}

.biller_addbook__item--favorite:hover {
  /* background-color: var(--qnb-background-muted) !important;
  border: 1px solid var(--qnb-border-subtle) !important; */
}

.biller_addbook__itemsfavorite_suspended {
  pointer-events: none;
  background-color: var(--qnb-background-muted) !important;
}

.biller_addbook__itemsfavorite_suspended:hover {
  border: 1px solid var(--qnb-border-subtle) !important;
  background: none !important;
  background-color: var(--qnb-background-muted) !important;
}

.biller_addbook__itemsuspended .biller_addbook__icon--favorite {
  /* opacity: 1 !important; */
}

.biller_addbook__itemsuspended .biller_addbook__icon--favorite>img {
  cursor: pointer;
  pointer-events: auto;
}

.biller_letterlist {
  /* position: absolute;
  right: 0;
  margin-top: 30px; */
  position: sticky;
  top: 30px;
  left: calc(100% - 40px);
  z-index: 2;
  font-size: 12px;
  background: var(--qnb-background-muted);
  /* background: transparent; */
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.biller_letterparent {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  left: calc(100% - 40px);
}

.biller_tabs .biller_addbook__contentbox .biller_letterlist {
  top: 260px;
}

/* .biller_letterlist > div {
  font-size: 12px;
  font-weight: 500;
  color: var(--qnb-foreground-placeholder);
  cursor: pointer;
  text-align: center;
  position: relative;
} */

.biller_address__panel:hover .biller_letterlist {
  opacity: 1;
  pointer-events: unset;
}

.biller_letterlist>div {
  font-weight: 400;
  color: var(--qnb-foreground-placeholder);
  padding: inherit;
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.5s;
  position: relative;
}

.biller_letterlist>div:hover {
  color: var(--qnb-primary-hover);
  font-weight: 600;
}

.ww_tour__tooltiphdrbtns>div:last-child {
  display: flex;
}

.ww_tour__tooltiphdrbtns>div:last-child>button {
  margin-left: 10px;
}

.welcome_widget__trydrop {
  /* position: absolute; */
  position: fixed;
  background: var(--qnb-background);
  border-radius: 10px;
  /* top: 45px; */
  top: 350px;
  padding: 5px;
  z-index: 9;
  border: 1px solid var(--qnb-border);
  box-shadow: 0 0px 3px var(--qnb-border-subtle);
  transition: opacity 175ms, transform 175ms;
  width: 250px;
}

.welcome_widget__trydropclose {
  opacity: 0;
  transform: scale(0.9) translateY(-20px);
  pointer-events: none;
}

.welcome_widget__trydrop>div {
  display: flex;
  border-radius: 8px;
  padding: 10px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.5s;
}

.welcome_widget__trydrop>div:hover {
  background: var(--light-hover-color);
}

.body_height__100 {
  height: 100%;
}

.dummy_txn__account,
.dummy_txn__destacct {
  padding-bottom: 100px;
}

.bob_generic__portletchildren>.dummy_txn__acctrow {
  margin-bottom: -80px;
  display: flex;
}

.biller_acksubhdr {
  color: var(--qnb-foreground-secondary);
  font-size: 16px;
  font-weight: 500;
}

/* || EMPLOYEE LISTVIEW */
/* Start of Employee List view */
.bene_with__qrbtn .bene_autosugg__field .f4AutoSuggest .react-autosuggest__container>.Select-control {
  padding-right: 40px;
}

.pay_employees__dtllist .bene_with__qrbtnfocused .f4InputField,
.pay_employees__dtllist .bene_with__qrbtn:hover .f4InputField {
  padding-right: 40px;
}

.pay_employees__dtllist .bene_with__qrbtn .actionchoice-btnpanel {
  top: 5px;
  opacity: 0;
  pointer-events: none;
}

.pay_employees__dtllist .bene_with__qrbtnfocused .actionchoice-btnpanel,
.pay_employees__dtllist .bene_with__qrbtn:hover .actionchoice-btnpanel {
  opacity: 1;
  pointer-events: unset;
}

.bene_with__qrbtn .bene_auto__suggesthasadd .f4AutoSuggest .react-autosuggest__container>.Select-control {
  padding-right: 80px;
}

.pay_employees__dtllist .bene_with__qrbtn .f4InputField {
  padding-right: 15px;
}

.pay_employees__dtllist .bene_with__qrbtn .actionchoice-btnpanel {
  top: 5px;
  opacity: 0;
  pointer-events: none;
}

.pay_employees__dtllist .bene_with__qrbtnfocused .actionchoice-btnpanel,
.pay_employees__dtllist .bene_with__qrbtn:hover .actionchoice-btnpanel {
  opacity: 1;
  pointer-events: unset;
}

.pay_employees__dtllist .bene_with__qrbtn .actionchoice-btnpanel {
  top: 5px;
  opacity: 0;
  pointer-events: none;
}

.pay_employees__dtllist .bene_with__qrbtnfocused .actionchoice-btnpanel,
.pay_employees__dtllist .bene_with__qrbtn:hover .actionchoice-btnpanel {
  opacity: 1;
  pointer-events: unset;
}

.pay_employees__addtotals {
  align-items: center;
  display: flex;
  height: 60px;
  margin-right: 0;
  justify-content: space-between;
  width: 100%;
  flex-direction: row-reverse;
}

.pay_employees__addtotals .f4newlistview_addbtn {
  /* width: 245px; */
  font-weight: 600;
  padding: 10px;
}

.pay_employees__totalamt {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 800;
  margin-left: 10px;
}

.pay_employees__totalcount {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 800;
  margin-right: 10px;
}

.pay_employees__dtllist .f4newlistview_add {
  justify-content: flex-end;
}

.pay_employees__totalamt>div:first-child {
  margin-right: 13px;
  font-size: 14px;
  font-weight: 500;
  color: var(--qnb-foreground-secondary);
}

.pay_employees__totalamt>div:last-child {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
}

.pay_employees__totalcount>div:first-child {
  margin-right: 13px;
  font-size: 14px;
  font-weight: 500;
  color: var(--qnb-foreground-secondary);
}

.pay_employees__totalcount>div:last-child {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
}

.pay_employees__dtllist .f4newlistview_rowdelete>.f4newlistview_rowdeletebtn {
  background: url(/fo/images/Remove.0d8b066f.svg) no-repeat;
  width: 28px;
  height: 28px;
}

.pay_employees__totalamt>div:last-child>span {
  font-size: 10px;
  margin-top: 1px;
  margin-right: 3px;
}

.pay_employees__totalcount>div:last-child>span {
  font-size: 10px;
  margin-top: 1px;
  margin-right: 3px;
}

.pay_slip__modal {
  width: 45%;
}

.pay_slip__modal .f4ModalHeader {
  display: none;
}

.emp_fields__columnlabel>img {
  height: 28px;
  width: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.pay_slip__modalview .f4ModalHeader {
  display: block;
}

.pay_slip__modal .f4ModalBody {
  height: 100%;
  padding: 0 40px 30px;
}

.pay_slip__modalview .f4ModalBody {
  height: calc(100% - 75px);
  padding-top: 30px;
}

.pay_slip__modalview .sme_view__portletcontmain {
  padding: 0px;
}

.payslip_modal__hdr {
  display: flex;
  align-items: center;
  background: var(--qnb-background);
  position: sticky;
  top: 0;
  z-index: 1;
  height: 95px;
}

.payslip_modal__hdr>div:not(:nth-child(2)) {
  width: 100px;
}

.payslip_modal__hdr>div:nth-child(2) {
  width: calc(100% - 200px);
  text-align: center;
  font-size: 24px;
  font-weight: 800;
}

.payslip_modal__body {
  border-radius: 6px 6px 0 0;
  border-top: 7px solid var(--qnb-primary);
  padding: 20px 15px;
}

.payslip_modal__bodyhdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  word-break: break-word;
  /*needed by the name field*/
}

.payslip_modal__bodyhdr>img {
  width: 90px;
  height: 45px;
}

.payslip_modal__bodyhdr>div {
  width: 55%;
  text-align: right;
  font-size: 18px;
  color: var(--hdr-color);
  font-weight: 700;
}

.payslip_modal__bodyhdr>.payslip_corp__logo {
  width: 45%;
  display: flex;
}

.payslip_modal__addr {
  color: var(--label-color);
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 19px;
}

.payslip_modal__empname {
  word-break: break-word;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 16px;
}

.payslip_modal__body .invoicelines_modaldetails>.row {
  margin-bottom: 60px;
}

.payslip_modal__body .invoicelines_modaldetails>.row:last-child {
  margin-bottom: 0px;
}

.payslip_modal__body .f4newlistview_field {
  padding: 0px;
}

.payslip_modal__body .genericvoucher_singularfields_row>div {
  width: 50%;
  margin-bottom: 5px;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4InputField_parent>div,
.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker {
  display: flex;
  align-items: center;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4FormFieldLabel {
  margin: 0px;
  width: 40%;
  font-size: 12px;
}

.payslip_modal__body .genericvoucher_singularfields_row .formfield_label__optional>span:first-child {
  width: 100%;
}

.payslip_modal__body .genericvoucher_singularfields_row .formfield_label__optional>span:last-child {
  display: none;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4InputField {
  width: 60%;
  padding: 0 15px;
  border: 2px solid transparent;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker>.form-group {
  width: 60%;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .f4DatePicker-icn {
  display: none;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input {
  padding: 0 15px;
  border: 2px solid transparent;
}

.payslip_modal__body .react-datepicker-popper {
  left: unset !important;
  right: 85px;
}

.payslip_modal__body .react-datepicker {
  transform: scale(0.7);
}

.payslip_modal__body .react-datepicker-popper[data-placement^='bottom'] .react-datepicker {
  transform-origin: top;
}

.payslip_modal__body .react-datepicker-popper[data-placement^='top'] .react-datepicker {
  transform-origin: bottom;
}

.payslip_modal__body .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.payslip_modal__body .react-datepicker__year-read-view--down-arrow::before,
.payslip_modal__body .react-datepicker__month-read-view--down-arrow::before,
.payslip_modal__body .react-datepicker__month-year-read-view--down-arrow::before {
  border-top: none;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::-moz-placeholder, .payslip_modal__body .genericvoucher_singularfields_row .f4InputField::-moz-placeholder {
  color: var(--qnb-foreground-placeholder);
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::placeholder,
.payslip_modal__body .genericvoucher_singularfields_row .f4InputField::placeholder {
  color: var(--qnb-foreground-placeholder);
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::-moz-placeholder,
.payslip_modal__body .genericvoucher_singularfields_row .f4InputField::-moz-placeholder {
  color: var(--qnb-foreground-placeholder);
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::-webkit-input-placeholder,
.payslip_modal__body .genericvoucher_singularfields_row .f4InputField::-webkit-input-placeholder {
  color: var(--qnb-foreground-placeholder);
}

.payslip_modal__body .f4newlistview_hdr {
  background: transparent;
  border: none;
  border-bottom: 4px solid var(--qnb-primary);
  height: unset;
  min-height: 40px;
}

.payslip_modal__body .f4newlistview_hdr>div {
  font-size: 14px;
  color: var(--hdr-color);
  font-weight: 600;
  word-break: break-word;
  line-height: 18px;
}

.payslip_modal__body .f4newlistview_table {
  margin: 0px;
}

.payslip_modal__body .f4newlistview_add {
  display: flex;
  justify-content: flex-end;
}

.payslip_modal__body .f4newlistview_addbtn {
  padding: 0px 5px;
}

.lvcol_fields__column {
  position: relative;
  width: 100%;
}

.emp_fields__column {
  width: 100%;
  position: relative;
}

.emp_listview--isview .f4newlistview_add {
  justify-content: flex-end;
  border-bottom: none;
}

.emp_fields__columnlabel {
  display: flex;
  align-items: center;
  /* padding: 10px 7px; */
  margin: 0 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  border: 1px solid transparent;
  min-height: 55px;
}

.emp_fields__columnlabel:hover {
  background: var(--main-bg-hover);
}

.emp_fields__columnlabel>img {
  height: 30px;
  width: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-left: 10px;
}

.emp_fields__columnlabel>div {
  width: calc(100% - 30px);
  padding-left: 10px;
  gap: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.emp_fields__columnlabel>div>div:first-child {
  color: var(--qnb-primary);
  font-size: 14px;
  font-weight: 500;

  line-height: 17px;
  word-break: break-word;
}

.emp_fields__columnlabel>div>div:nth-child(2) {
  word-break: break-word;
  color: var(--light-text-color);
  font-size: 11px;
  font-weight: 500;

  line-height: 13px;
}

.emp_fields__columnplaceholder {
  color: var(--placeholder-color) !important;
  font-size: 14px;
  font-weight: 500;
}

.lvcol_fields__columnerrors>div>div:last-child,
.lvcol_fields__columnerrors .emp_fields__columnplaceholder {
  color: var(--qnb-danger);
}

.emp_fields__dropdown {
  position: absolute;
  top: 100%;
  transition: 0.3s;
  background: var(--qnb-background);
  z-index: 99;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-sm);
  border: 1.3px solid var(--qnb-border-subtle);
  padding: 15px 20px 20px 20px;
  min-width: 800px;
  max-width: 100%;
}

.emp_fields__dropdownclose {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.emp_fields__dropdown>.row:not(:last-child) {
  margin-bottom: 32px;
  display: flex;
  flex: 1;
  align-items: flex-end;
}

.emp_fields__dropdown .f4FormFieldLabel {
  display: unset;
  margin: 0 5px 5px;
}

.emp_fields__dropdown .formfield_label__optional {
  display: flex;
  margin: 0 5px 5px;
}

.emp_fields__dropdown .f4InputField {
  font-size: 14px;
  color: var(--hdr-color);
  font-weight: 500;
  box-shadow: none;
  /* height: 45px; */
  border-radius: 12px !important;
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-border);
  padding: 0px 42px 0 15px;
}

.emp_fields__dropdown .f4InputField[disabled] {
  background-color: var(--qnb-background);
}

.emp_fields__dropdown .field_info__btn {
  top: 32px;
}

.lv_fields__colhdr {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  width: 100%;
  z-index: 1;
}

.lv_fields__colhide {
  position: relative;
  height: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  transition: 0.5s;
}

.lv_fields__colhide:hover {
  /* background: var(--button-grey); */
  color: var(--clear-color);
}

.bene_with__qrbtn .bene_autosugg__field .f4InputField {
  padding-right: 40px;
}

.bene_autosugg__field .react-autosuggest__suggestion {
  border-bottom: 1px solid var(--qnb-border);
}

.bene_autosugg__field .react-autosuggest__suggestion:last-child {
  border-bottom: none;
}

.show_allbene__btn {
  width: 35px;
  height: 35px;
  min-width: auto;
  padding: 0px;
  position: relative;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--middle-section-bg);
  border-radius: 12px;
}

.bene_auto__suggest {
  position: relative;
}

.bene_with__qrbtn .bene_auto__suggestenroll {
  right: 40px;
}

.bene_auto__suggestenroll>img {
  height: 28px;
}

.bene_autosugg__item {
  display: flex;
  align-items: center;
}

.bene_autosugg__item>img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bene_autosugg__item>div {
  width: calc(100% - 40px);
  padding-left: 10px;
}

.bene_autosugg__item>div>div:first-child {
  font-size: 14px;
  font-weight: 600;
  word-break: break-word;
}

.bene_autosugg__item>div>div:nth-child(2) {
  font-size: 13px;
  color: var(--label-color);
  word-break: break-word;
}

.bene_autosugg__item>div>div:last-child {
  font-size: 13px;
  width: -moz-max-content;
  width: max-content;
  background: var(--qnb-selection);
  color: var(--qnb-accent);
  font-weight: 400;
  padding: 0 5px;
  border-radius: 5px;
  margin-top: 5px;
  word-break: break-word;
}

.bene_autosugg__field {
  position: relative;
}

.bene_autosugg__fieldimg {
  position: absolute;
  z-index: 1;
  top: 29px;
  left: 5px;
  pointer-events: none;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sf_bene__autosugg .bene_autosugg__fieldimg {
  height: 30px;
  width: 30px;
  top: 7px;
  left: 7px;
}

.bene_autosugg__fieldimg>img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bene_autosugg__fieldimgalt>img {
  -o-object-fit: contain;
     object-fit: contain;
  /* padding: 5px; */
  border-radius: 0px;
  height: 32px;
}

.bene_autosugg__fieldimgalt>.card_skin__nopath {
  height: 27px;
  width: 40px;
  padding: 0px;
  border-radius: 5px;
}

.bene_autosugg__fieldimgmt>img {
  -o-object-fit: contain;
     object-fit: contain;
  width: unset;
  height: 28px;
}

.bene_auto__suggestenrollalt {
  position: absolute;
  top: 0px;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  font-weight: 700;
  right: 5px;
  font-size: 14px;
  color: var(--qnb-primary);
}

.bene_auto__suggestenrollalt>i {
  margin-right: 7px;
  /* position: relative;
  top: -3px; */
}

.bene_with__qrbtn .bene_auto__suggestenroll {
  right: 40px;
}

.bene_with__qrbtn .bene_autosugg__field .f4InputField {
  padding-right: 40px;
}

.bene_autosugg__field .react-autosuggest__suggestion {
  border-bottom: 1px solid var(--qnb-border);
}

.bene_autosugg__field .react-autosuggest__suggestion:last-child {
  border-bottom: none;
}

.show_allbene__btn>img {
  height: 28px;
  position: relative;
  left: -1px;
}

.lvcol_fields__column {
  position: relative;
  width: 100%;
}

.lvcol_fields__columnlabel {
  display: flex;
  align-items: center;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  padding: 10px 2px;
  margin: 0 12px;
  min-height: 55px;
  border: 1px solid transparent;
}

.lvcol_fields__columnlabel:hover {
  background: var(--main-bg-hover);
}

.lvcol_fields__columnerrors {
  background: var(--qnb-danger-subtle);
  color: var(--qnb-danger);
}

.lvcol_fields__columnerrors:hover {
  background: var(--qnb-danger-subtle);
}

.lvcol_fields__columnlabel>img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lvcol_fields__columndtls {
  width: calc(100% - 30px);
  padding-left: 10px;
}

.lvcol_fields__columnlabelalt>.lvcol_fields__columndtls {
  width: 100%;
  padding: 0px;
}

.lvcol_fields__columndtls>div:first-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.lvcol_fields__columndtls>div:nth-child(2) {
  font-size: 13px;
  color: var(--label-color);
}

.lvcol_fields__columndtls>.lvcol_fields__columnplaceholder {
  color: var(--placeholder-color) !important;
  font-size: 14px !important;
}

.lvcol_fields__columnerrors .lvcol_fields__columndtls>div:nth-child(2),
.lvcol_fields__columnerrors .lvcol_fields__columndtls>.lvcol_fields__columnplaceholder {
  color: var(--qnb-danger) !important;
}

.lvcol_fields__dropdown {
  position: absolute;
  top: 100%;
  transition: 0.3s;
  z-index: 9;
  border-radius: 10px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-sm);
  border: 1px solid var(--qnb-border-subtle);
  padding: 25px 30px;
  min-width: 400px;
}

.lvcol_fields__dropdownclose {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
}

.lvcol_fields__dropdown .f4InputField {
  height: 40px;
  border-radius: 20px !important;
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-border);
}

.lvcol_fields__dropdown .f4InputField[disabled] {
  background-color: var(--qnb-background);
}

.lvcol_fields__dropdown .Select-control {
  height: 45px;
  border-radius: 10px !important;
  background-color: var(--qnb-background);
  border: 2px solid var(--qnb-border);
}

.lvcol_fields__dropdown .Select-clear-zone,
.lvcol_fields__dropdown .Select-arrow-zone,
.lvcol_fields__dropdown .Select-placeholder {
  opacity: 1;
  pointer-events: unset;
}

.lvcol_fields__dropdown .f4FormFieldLabel {
  display: block;
}

.lvcol_fields__dropdownhdr {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.lvcol_fields__dropdownbody>.row {
  margin-bottom: 20px;
}

.lvcol_fields__dropdownbody>.row:last-child {
  margin-bottom: 0px;
}

.lvcol_fields__view {
  width: 100%;
}

.lvcol_fields__view>div:first-child {
  margin-bottom: 2px;
  color: var(--sub-text-coloralt);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.lvcol_fields__view>div:last-child {
  font-size: 15px;
  font-weight: 500;
  color: var(--qnb-primary);
  word-break: break-word;
}

.lvcol_fields__view_payroll>div:last-child {
  min-height: 22.5px;
}

/* Enr of Employee List view */

.sme_view__inputfield>div:first-child {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: var(--label-color);
}

.sme_view__inputfield>div:last-child {
  font-size: 17px;
  font-weight: 700;
  word-break: break-word;
  color: var(--value-color);
}

.lv_fields__hdr {
  color: var(--hdr-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.lv_fields__colhdrclose {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  z-index: 1;
}

/* ||Add Contact Icon */
.fixedDataTableRowLayout_rowWrapper:hover .add_contact__btn {
  display: flex;
}

.fixedDataTableRowLayout_rowWrapper .add_contact__btn {
  display: none;
}

.add_contact__btn {
  color: var(--qnb-primary);
  transition: color 0.3s;
}

/* ||Employee Popup */
.employee_btn__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}

.employee_enroll__btn {
  color: var(--qnb-primary);
  font-size: 14px;
  font-weight: 600;
  transition: 0.3s;
  display: flex;
  gap: 13px;
  align-items: center;
  height: 45px;
  border-radius: 10px;
  padding: 15px;
  white-space: nowrap;
  cursor: pointer;
}

.employee_enroll__btn:hover {
  background: var(--light-main-hover);
}

.employee_btn__actions span {
  width: 100%;
}

.employee_btn__actions span .bob_sec__btn {
  width: 100%;
  height: 45px;
}

.emp_fields__dropdown .field_info__btn {
  filter: brightness(0) saturate(100%) invert(15%) sepia(1%) saturate(0%) hue-rotate(335deg) brightness(92%) contrast(87%);
}

.employee_enroll__modal {
  width: 510px;
  max-width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
}

.employee_upload__photo>img:first-child {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}

.employee_upload__photo {
  display: flex;
  justify-content: center;
}

.employee_enroll__fields {
  margin-top: 40px;
  margin-bottom: 40px;
}

.employee_enroll__fields>.row:not(:last-child) {
  margin-bottom: 32px;
}

.emp_addbook__btn {
  display: flex;
  color: var(--qnb-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  gap: 7px;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 5px;
  border-radius: 8px;
  padding: 8px 10px;
  transition: 300ms;
}

.save_favorites_btn {
  display: flex;
  color: var(--qnb-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  gap: 7px;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 5px;
  border-radius: 8px;
  padding: 8px 10px;
  transition: 300ms;
}

.save_bene__link>.actionchoice-btn:active {
  background-color: var(--light-hover-color);
}

/* .save_bene__link:hover{
  background-color: var(--light-hover-color);
position:relative;
} */
.emp_addbook__btn:hover {
  background-color: var(--light-hover-color);
}

.employee_addbook__email {
  /* border-radius: 6px;
  background-color: var(--qnb-background-muted);
  color: var(--hdr-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 7px; */
}

.biller_addbook__item.emp_addbook__item {
  min-height: 95px;
  align-items: flex-start;
}

.biller_addbook__item.emp_addbook__item_alt {
  min-height: 64px;
  align-items: center;
  flex-direction: row;
}

.biller_addbook__dtls.employee_addbook__dtls_alt {
  vertical-align: middle;
}

.employee_addbook__phone {
  font-weight: 500;
}

.employee_addbook__content>div:nth-child(2)>.biller_letter {
  margin-top: 0;
}

.pay_employees__dtllist {
  margin: -20px -10px;
}

.emp_listview--isview {
  margin: -20px;
}

.emp_listview--isview .emp_listview_expand {
  margin: -10px;
}

.pay_employees__dtllist .f4newlistview_panel,
.emp_listview--isview .f4newlistview_panel {
  border: none;
}

.accselector--centered {
  display: flex;
  justify-content: center;
}

.accselector--centered .newacctsel_hdr {
  display: none;
}

.accselector_view--centered {
  padding-block: 10px;
}

/* || Field Inst Tooltip  for User */
.select_wicon {
  position: relative;
  cursor: pointer;
}

.inst__bullet {
  height: 5px;
  width: 5px;
  min-width: 5px;
  background-color: var(--qnb-accent);
  border-radius: 50%;
  /* margin-right: 9px; */
  display: inline-block;
  margin: 3px 9px 3px 0;
}

.select_wicon img {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  padding: 4px;
}

.select_wicon .field__inst-inner {
  border-radius: 13px;
}

.fieldinst__tooltip {
  border-radius: 13px !important;
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-md), 0 5px 15px 0 var(--qnb-shadow-lg) !important;
  background-color: var(--qnb-background-inverse) !important;
  max-width: 400px;
}

.fieldinst__tooltip>span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.external-link-header {
  color: var(--qnb-primary);
  padding-top: 10px;
  padding-left: 5px;
  font-size: 22px;
}

.external-link-warning {
  padding-top: 10px;
  text-align: left;
  font-weight: 400;
  font-size: 20px;
}

.inst__line {
  display: inline-block;
  /* display: flex; */
  font-weight: 500;
  /* align-items: flex-start; */
  font-size: 15px;
}

.fieldinst__tooltip .inst__line:first-child .inst__bullet {
  background-color: var(--qnb-primary);
}

.fieldinst__tooltip .inst__line:nth-child(2) .inst__bullet {
  background-color: var(--qnb-background);
}

.fieldinst__tooltip .inst__line:nth-child(3) .inst__bullet {
  background-color: var(--qnb-background);
}

.fieldinst__tooltip .inst__line:nth-child(4) .inst__bullet {
  background-color: var(--qnb-background);
}

.fieldinst__tooltip .inst__line:nth-child(5) .inst__bullet {
  background-color: var(--qnb-background);
}

.fieldinst__tooltip .inst__line:nth-child(6) .inst__bullet {
  background-color: var(--qnb-background);
}

.inst__bullet+span {
  font-weight: 700;
  white-space: nowrap;
  align-self: flex-start;
}

.fieldinst__tooltip .inst__line:not(:first-child) {
  margin-top: 3px;
}

/* || End of Field Inst Tooltip  for User */

/* Enrollment Terms and Conditions */
.bob_agree__tnc {
  display: flex;
  justify-content: center;
}

.bobtnc_btn__link[disabled] {
  filter: opacity(0.7);
}

.bobtnc_btn__linkinline {
  position: relative;
  border-radius: 5px;
  color: var(--qnb-primary);
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  transition: 0.5s;
  cursor: pointer;
}

.pay_employees__dtllist .f4newlistview_rowbody:hover {
  background-color: var(--qnb-background-muted);
}

.pay_employees__dtllist .f4newlistview_hdr>div {
  font-size: 12px;
  font-weight: 600;
  color: var(--light-text-color);
}

.contacts_dtls .myprofile_dtls__secdp {
  width: 80px !important;
  height: 80px !important;
}

.enrollment_account_checkbox {
  margin-top: -30px;
  margin-bottom: 15px;
  /* width: 100%; */
}

.enrollment_account_checkbox .small-check-container>label {
  line-height: 1.2;
  font-size: 15px;
}

.enrollment_account_checkbox_label {
  font-size: 16px;
  display: -ms-flexbox;
  align-items: center;
}

.viewField_txnType .bob_view__fieldvalue {
  width: calc(100% - 28px);
  word-break: break-word;
  padding-left: 5px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--sub-label-color);
}

.viewField_txnType_withValue .bob_view__fieldvalue {
  width: calc(100% - 28px);
  word-break: break-word;
  padding-left: 5px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--hdr-color);
}

.displaytemplate_action .actionchoice-btnicon:hover {
  background: transparent;
}

.f4newlistview_field .acct_selector__field .Select-input {
  position: absolute;
}

.merchant_selector__optitemsus {
  font-size: 11px;
  color: var(--qnb-foreground-secondary);
  background: var(--qnb-background);
  word-break: break-word;
  line-height: 16px;
  font-weight: 200;
  margin-top: 3px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 5px;
  border-radius: 5px;
  margin-left: -5px;
}

.biller_addressbook__optitemsus {
  font-size: 11px !important;
  color: var(--qnb-foreground-secondary);
  background: var(--qnb-background);
  word-break: break-word;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 3px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 5px;
  border-radius: 5px;
  margin-left: -5px;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--qnb-background-muted);
  color: var(--qnb-foreground-muted);
  width: calc(100% + 20px);
  margin: 9px -10px -12px;
  border-radius: 0;
  padding: 5px 10px;
}

.biller_addressbook__fave_optitemsus {
  font-size: 11px !important;
  color: var(--qnb-foreground-secondary);
  background: var(--qnb-background);
  word-break: break-word;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 3px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 5px;
  border-radius: 5px;
  margin-left: -5px;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--qnb-background-muted);
  color: var(--qnb-foreground-muted);
  width: calc(100% + 20px);
  margin: 9px -10px -12px;
  border-radius: 0;
  padding: 5px 10px;
  display: inline-block;
}

.bob_compare__plansmodal .f4ModalBody {
  background: url(/fo/images/CompareBG.94a357db.svg);
  padding: 15px 0 0 0;
}

/*|| compare plans mobile */
/* .bob_compare__plansmodal .f4ModalBody {
  background: url('../images/svg/CompareBG.svg');
  padding: 15px 0 0 0;
}
.bobcpsh > div:first-child {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}
.bobcpsh > div:last-child {
  color: var(--qnb-foreground-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.bobcbsp__mblbody,
.bobcbsp__mblhdr {
  display: grid;
  grid-template-columns: 150px 1fr 1fr 1fr;
}
.bobcbsp__mblhdr > div {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
}
.bobcbsp__mblbody > div {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-rows: repeat(11, 1fr);
  background-color: var(--qnb-background);
  padding-bottom: 40px;
}
.bobcpsh {
  margin-bottom: 29px;
  margin-top: 40px;
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
}

.bobcbsp__mblbodydscp > div:first-child {
  border-top: 0.5px solid var(--qnb-border-subtle);
}
.bobcbsp__mblbodydscp > div {
  min-height: 65px;
  color: var(--qnb-primary);
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  border-bottom: 1px solid var(--qnb-border-subtle);
  border-left: 1px solid var(--qnb-border-subtle);

  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 15px;
}
.bobcbsp__mblvalue > div {
  border-bottom: 1px solid var(--qnb-border-subtle);
  border-left: 1px solid var(--qnb-border-subtle);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.bobcpsplamt > span:last-child {
  align-items: flex-end;
  margin-bottom: -1px;
  font-size: 12px;
  padding: 0;
  border: none !important;
  outline: 1px solid var(--qnb-background-muted);
}
.bobcpsplh > img {
  height: 35.54px;
  width: 25px;
}
.bobcpsplamt {
  font-weight: 700;
  margin-bottom: 0;
}
.bobcpspl {
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none;
}
.bobcpsplhbv {
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  height: 15px;
  top: 0;
}
.bobcbsp__mblhdr > .bobcpspl:nth-child(2) {
  border-left: 1px solid var(--qnb-border-subtle);
}
.bobcpspl {
  border: none;
  border-top-width: 10px;
  border-top-style: solid;
  border-right: 1px solid var(--qnb-border-subtle);
}
.bobcbsp__mblbodydscp .bobcbsp_mbltotal {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  border-bottom: none;
}
.bobcpsplh {
  flex-direction: column;
  padding: 15px 3px;
}
.bobcpsplh > div:nth-child(2) {
  padding: 8px 0 0 0;
  font-size: 15px;
  font-weight: 700;
  width: 100%;
}
.bob_compare__plansmodal {
  width: 100%;
}
.bobcbsp__mblbody .bobcbsp__mblvalue:nth-child(2) > div:last-child {
  background-color: var(--qnb-background-muted);
}
.bobcbsp__mblbody .bobcbsp__mblvalue:nth-child(3) > div:last-child {
  background-color: var(--qnb-background-muted);
}
.bobcbsp__mblbody .bobcbsp__mblvalue:nth-child(4) > div:last-child {
  background-color: var(--qnb-background-muted);
} */

/*  compare plans mobile */
.ae_userinfo__addbtn {
  display: flex;
  justify-content: center;
}

.ae_userinfo__addbtn .bob_nb__btn {
  width: -moz-fit-content;
  width: fit-content;
}

.form__layout>.row:not(:last-child) {
  margin-bottom: 30px;
}

.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: var(--qnb-background);
  }

  100% {
    background-color: var(--qnb-background);
  }
}

.skeleton_text {
  width: 150px;
  height: 10px;
  border-radius: 0.25rem;
}

.login_sxi_logo>img {
  height: 40px;
  position: absolute;
  top: 20px;
  left: 13px;
}

.isEdit_crpgrp_srvcs {
  background: var(--qnb-warning);
}

/* WF REMARKS NEWLOOK */
.fo_wfremarks__ctr {
  margin-top: 15px;
}

.fo_wfremarks {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fo_wfremarks__hdr {
  display: flex;
  flex-direction: column;
}

.fo_wfremarks__hdr>div:first-child {
  font-size: 15px;
  font-weight: 600;
  line-height: 17px;
}

.fo_wfremarks__hdr>div:nth-child(2) {
  font-size: 13px;
  font-weight: 500;
  margin-top: 5px;
  line-height: 17px;
}

.fo_wfremarks__input {
  width: 50%;
}

.fo_wfremarks__input .f4FormFieldLabel {
  display: none;
}

.txn_trail__cardnmdt>span {
  position: relative;
  float: right;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--sub-label-color);
}

.f4newlistview_field__label_edited {
  background: var(--qnb-warning) !important;
  border-radius: 5px;
  padding: 0 10px;
  /* margin: 0 -10px; */
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 5px;
}

s .f4newlistview_field__label_edited>.labelListView {
  background: var(--qnb-warning) !important;
  border-radius: 5px;
  padding: 0 10px;
  /* margin: 0 -10px; */
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 5px;
}

.f4newlistview_field__label_edited_nopadding>.labelListView {
  background: var(--qnb-warning) !important;
  border-radius: 5px;
  padding: 0px 3px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0px 0px;
}

.view_checkbox_new__fieldedit {
  background: var(--qnb-warning) !important;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
}

.reference_html__editor {
  margin-top: 10px;
}

/* START OF LOGIN BANNER */

.login_banner__popupoverlay,
.dash_banner__popupoverlay {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--qnb-background-inverse);
}

.login_banner__popupoverlay {
  background-color: var(--qnb-overlay);
}

.dash_banner__popupoverlay {
  background-color: var(--qnb-overlay);
}

.login_banner__popuppanelalt,
.dash_banner__popuppanelalt {
  width: 0;
  height: 0;
  pointer-events: none;
}

.login_banner__popuppanel .fo_acctslider__next,
.login_banner__popuppanel .fo_acctslider__prev {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-lg);
  padding: 0px;
  font-size: 14px;
  top: 50%;
  transform: translate(0, -50%);
}

.login_banner__popuppanel .fo_acctslider__prev,
.dash_banner__popuppanel .fo_acctslider__prev {
  left: -60px;
}

.login_banner__popuppanel .fo_acctslider__next,
.dash_banner__popuppanel .fo_acctslider__prev {
  right: -60px;
}

.login_banner__popuppanel .slick-slider,
.dash_banner__popuppanel .slick-slider {
  position: relative;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
}

.login_banner__popuplist,
.dash_banner__popuplist {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99;
}

.login_banner__popuplistlink.login_banner__popuplist,
.dash_banner__popuplistlink.dash_banner__popuplist {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.login_banner__popupclose {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  /* display: none; */
}

@media (max-width: 811px) {

  .login_banner__popup,
  .dash_banner__popup {
    width: unset;
  }

  .dash_banner__img,
  .login_banner__img {
    width: auto;
  }
}

/* END OF LOGIN BANNER */

/* START OF DASHBOARD BANNER */

.login_banner__popupmobile {
  width: 100%;
  height: 70px;
  right: 0px;
  bottom: 0px;
  border-radius: 0px;
  box-shadow: none;
}

.login_banner__popuplistlink .login_banner__popupmobile {
  height: 100%;
  margin: 0px;
}

.mbllogin_banner__popuppanel .slick-slider {
  width: 100%;
  padding: 0 30px;
}

.mbllogin_banner__popuppanel .login_banner__popup,
.mbllogin_banner__popuppanel .dash_banner__popup {
  height: 600px;
  width: 390px;
  border-radius: 23px;
  padding: 0;
}

.mbllogin_banner__popuppanel .slick-dots {
  position: relative;
}

.login_banner__popuppanel .fo_acctslider__next,
.login_banner__popuppanel .fo_acctslider__prev,
.dash_banner__popuppanel .fo_acctslider__prev,
.dash_banner__popuppanel .fo_acctslider__next {
  display: none !important;
}

/* END OF DASHBOARD BANNER */
/* || NEW CHECKBOXTREE */
.services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item {
  background-color: unset;
  padding: 0 0 5px 0;
}

.cgs_cbtreenew__view .services_treecb__grproot>div>div>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.services_treecb__grproot>.services_treecb__itemmain>.services_treecb__item .small-check-lbl {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.cgs_cbtreenew__view .services_treecb__itemmain {
  border-radius: 8px;
  /* padding: 15px; */
  background-color: var(--qnb-background-muted);
}

.cgs_cbtreenew__view .services_treecb__grp {
  margin-bottom: 0;
}

.cgs_cbtreenew__view .services_treecb__grproot {
  padding-left: 0;
}

.cgs_cbtreenew__view .services_treecb__grproot>div>div>.services_treecb__itemmain {
  padding: 15px 20px;
}

.cgs_cbtreenew__view .services_treecb__item .small-check-container {
  background: transparent;
  display: list-item;
  list-style-type: disc;
  color: var(--qnb-foreground-muted);
  width: unset;
}

.cgs_cbtreenew__view .services_treecb__grproot>div>div>.services_treecb__itemmain>.services_treecb__item .small-check-container {
  display: unset;
}

.cgs_cbtreenew__view .small-check-container>label {
  color: var(--qnb-primary);
  word-break: break-all;
}

.fors_grcwf__note {
  margin: 20px 0px;
  display: inline-block;
  width: 100%;
  background: var(--main-plain-bg);
  text-align: center;
  padding: 20px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
}

.bob_view__portlethdr .fors_grcwf__note {
  margin: 0px;
}

.fors_grcwf__note>div:nth-child(2) {
  color: var(--qnb-primary);
  margin-top: 10px;
}

.fors_grcwf__notealt>div:nth-child(2) {
  margin-top: 0px;
}

.fors_grcwf__note>div:first-child>span {
  padding: 0 5px;
  text-transform: capitalize;
}

.fors_grcwf__note>div:first-child>span>img {
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.Select .accountselector_itemdtls__wplaceholder {
  display: none;
}

.Select.has-value.is-open .accountselector_itemdtls__wplaceholder {
  position: absolute;
  display: flex;
  z-index: 99;
  /* top: 10px; */
  /* left: 20px; */
  /* background:var(--qnb-background-inverse); */
  background: url("/fo/images/Card BG.61e3058f.svg") no-repeat;
  /* background-position-y: -20px; */
  color: var(--qnb-foreground-inverse);
  font-size: 15px;
  font-weight: 700;
  padding-inline: 0px 2px;
  height: 100%;
  width: 200px;
  /* margin-top: 20px; */
}

.Select.has-value.is-open .accountselector_itemdtls__wplaceholder>span {
  margin-left: 20px;
  margin-top: 15px;
}

.ft_form_show_menu .doftw_item {
  font-size: 12.5px;
}

.save_merchant__opt {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 0px;
}

.save_merchant__panel {
  margin: 0px;
}

.save_merchant__panel .save_bene__hdr {
  width: 100%;
}

.save_merchant__panel .save_bene__btn {
  width: 100%;
  margin-top: 20px;
}

.save_bene__panel {
  padding: 15px 20px 20px;
  position: relative;
  width: 100%;
  border: 1.3px solid var(--qnb-border);
  border-radius: 10px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 8px 6px var(--qnb-shadow-sm), 0 4px 8px 0 var(--qnb-shadow-sm),
    0 11px 20px 9px var(--qnb-primary);
}

.save_bene__dtls {
  display: flex;
  align-items: center;
}

.save_bene__hdr {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.save_bene__hdrdtl {
  color: var(--qnb-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.save_bene__subhdr {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.save_bene__hdr>div:nth-child(2) {
  margin-bottom: 30px;
}

.save_bene__btn {
  width: 130px;
}

.save_bene__btn .sme_save__btn {
  border-color: var(--qnb-foreground-inverse);
  color: var(--qnb-foreground-inverse) !important;
  background: transparent;
}

.save_bene__btn .sme_save__btn:hover {
  background: var(--qnb-accent-hover) !important;
}

save_merchant__input {
  margin-top: 20px;
}

.save_merchant__input .f4FormFieldLabel {
  display: none;
}

.save_merchant__input .f4InputField {
  /* background: var(--qnb-background);
  border: 2px solid var(--qnb-border-subtle); */
  /* background: var(--qnb-background);
  border: 2px solid var(--qnb-border-subtle); */
  color: var(--hdr-color);
  padding: 10px;
}

.save_bene__btn {
  width: 130px;
}

.save_bene__btn .f4Button {
  height: 40px;
}

.save_bene__btn .sme_save__btn {
  border-color: var(--qnb-foreground-inverse);
  color: var(--qnb-foreground-inverse) !important;
  background: transparent;
}

.save_bene__btn .sme_save__btn:hover {
  background: var(--qnb-accent-hover) !important;
}

.bob_ap__grpbody .f4datatable_optionButtons {
  margin-bottom: 0;
}

.bob_txnamount__field .view_amt__formatted>span:last-child {
  font-weight: 800;
}

#dash_settings__btnid {
  margin-top: 15px;
}

.savemerchant__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.savemerchant__btn>img {
  margin-right: 6px;
}

.no_announcements {
  padding-top: 90px;
  padding-bottom: 90px;
}

.no_announcements>div {
  font-size: 14px;
  margin-top: 15px;
}

.no_announcements>img {
  height: 125px;
  width: auto;
}

.bob_wf_instr__section .bob_instr__section {
  margin-bottom: 50px;
}

.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--qnb-primary);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}

.ant-radio-input:focus+.ant-radio-inner {
  box-shadow: 0 0 0 3px var(--qnb-shadow-subtle);
}

.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: var(--qnb-background);
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}

.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.ant-radio-checked .ant-radio-inner {
  border-color: var(--qnb-primary);
}

.ant-radio-disabled .ant-radio-inner {
  background-color: var(--qnb-background-muted);
  border-color: var(--qnb-border) !important;
  cursor: not-allowed;
}

.ant-radio-disabled .ant-radio-inner::after {
  background-color: var(--qnb-shadow-lg);
}

.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}

.ant-radio-disabled+span {
  color: var(--qnb-primary);
  cursor: not-allowed;
}

.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: var(--qnb-primary);
  background: var(--qnb-background);
  border-color: var(--qnb-primary);
  box-shadow: -1px 0 0 0 var(--qnb-primary);
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: var(--qnb-primary) !important;
  opacity: 0.1;
}

.f4radio_btn_isApprove_deleted {
  margin-bottom: 10px;
}

@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}

/* ANTD-V4 Radio */

.ant-radio-inner:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: var(--qnb-background);
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}

.ant-radio-input {
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: var(--qnb-border-subtle);
}

.ant-radio-checked .ant-radio-inner:after {
  transform: scale(0.5);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-radio-disabled+span {
  color: var(--qnb-primary);
  cursor: not-allowed;
}

span.ant-radio+* {
  padding-right: 8px;
  padding-left: 8px;
}

.enrollment_account_checkbox .small-check-container {
  border: 1.3px solid var(--qnb-border);
  border-radius: 6px;
  background-color: var(--qnb-background);
  width: 100%;
  padding: 10px 15px;
}

.enrollment_account_checkbox .small-check-box {
  border: 1.5px solid var(--light-text-color);
}

.enrollment_account_checkbox .f4checkboxnew_checked .small-check-box {
  border: 1.5px solid var(--qnb-primary);
}

.faq_section__item .headerBackgroundCollapsible a,
.faq_section__item .headerBackgroundCollapsible a:hover,
.faq_section__item .headerBackgroundCollapsible a:visited {
  color: var(--qnb-primary);
}

.th_inquiry__noacctplaceholder {
  text-align: center;
  padding: 70px 0px 30px;
  min-height: 260px;
}

.th_inquiry__noacctplaceholder>img {
  height: 80px;
}

.th_inquiry__noacctplaceholder>div:nth-child(2) {
  /* font-weight: 500; */
  font-size: 17px;
  margin-top: 15px;
}

.th_inquiry__noacctplaceholder>div:nth-child(3) {
  color: var(--label-color);
}

.th_inquiry__noacctplaceholder>div:nth-child(3)>span {
  cursor: pointer;
  font-weight: 600;
  color: var(--qnb-accent);
}

.th_inquiry__noacctplaceholder>div:nth-child(3)>span:hover {
  color: var(--qnb-accent-hover);
}

.th_inquiry__noaccthdr {
  font-size: 16px;
  font-weight: 700;
  color: var(--no-records-label);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.th_inquiry__noaccthdr>div:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* Custom forex */

.forex_ctr {
  border-radius: 10px;
  background-color: var(--qnb-background);
  padding: 20px;
  height: 100%;
}

.forex__blocks {
  display: flex;
  gap: 23px;
  justify-content: center;
  align-items: center;
}

.forex_input__grp {
  display: flex;
  gap: 10px;
}

.forex_convert__button {
  height: 45px;
  width: 45px;
  padding: 0;
  border-radius: 50%;
  background-color: var(--qnb-primary);
}

.forex_convert__button:hover,
.forex_convert__button:active {
  background-color: var(--qnb-foreground-secondary);
  transition: 0.3s;
}

.forex_convert__button>i {
  color: var(--qnb-foreground-inverse);
  font-size: 20px;
}

.forex_input__grp .f4InputField,
.forex_input__grp .Select-control {
  border-radius: 0 !important;
  border: none;
  font-size: 20px;
  border-bottom: 2px solid var(--qnb-border);
}

.forex_input__grp .f4InputField:hover,
.forex_input__grp .f4InputField:focus,
.forex_input__grp .Select-control:hover,
.forex_input__grp .is-focused .Select-control {
  border-inline: none !important;
  border-top: none !important;
}

.forex_input__grp .ssv_field__valuelbl>div {
  font-size: 20px;
}

.forex_rates__link,
.forex_rates__link:link {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.forex_rates__ctr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1.3px solid var(--qnb-border);
}

.forex_rates__convert {
  font-size: 13px;
  font-weight: 500;
}

.forex_rates__link:hover>img {
  filter: brightness(0) saturate(100%) invert(38%) sepia(82%) saturate(811%) hue-rotate(316deg) brightness(90%) contrast(86%);
}

.forex_rates__link:hover,
.forex_rates__link:visited,
.forex_rates__link:focus {
  color: var(--qnb-info);
}

.checkbox__input {
  margin-top: 32px;
}

.forex_rates__ctr+.row {
  padding-top: 20px;
}

.forex_input__grp>div:first-child {
  flex: 4;
}

.forex_input__grp>div:nth-child(2) {
  flex: 3;
}

.forex__blocks>div:nth-child(2) {
  height: 100%;
  display: flex;
  align-self: flex-end;
}

.bob_rates__iconwdscp>img {
  height: 19px;
}

.bob_rates__iconwdscp {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}

.fx_modal {
  width: 1200px;
  max-width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
}

.fx_buy {
  color: var(--qnb-success);
}

.fx_sell {
  color: var(--qnb-danger);
}

.rates__container .f4newlistview_rowbody>div:not(:last-child) {
  border-right: 1.3px solid var(--qnb-border);
}

.rates__container .f4newlistview_hdr>div {
  font-size: 12px;
}

.rates__container {
  margin-inline: -25px;
  margin-top: -20px;
}

.rates__container .f4newlistview_hdr {
  border-radius: 0;
}

.rates__container .f4newlistview_panel {
  border-radius: 0;
}

.rates_header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.rates_header>div:first-child {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.23px;
  line-height: 1.2;
}

.rates_header>div:nth-child(2) {
  color: var(--qnb-foreground-secondary);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.currencyconverter_view {
  border: 1.5px solid var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background);
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.currencyconverter_view .forex_rates__ctr {
  padding: 15px 0 0 0;
  border: none;
}

.currencyconverter_view .row>.bob_view__fieldvalue {
  font-size: 20px;
}

.currencyconverter_view .row>.bob_view__field:nth-child(2):after {
  content: none;
}

.currencyconverter_view .row>div:nth-child(1) .bob_view__fieldvalue,
.currencyconverter_view>.row>div:nth-child(4) .bob_view__fieldvalue {
  font-size: 28px;
  font-weight: 700;
}

.th_panel .containerBelowTable {
  /* margin-top: 0;*/
  margin-bottom: 0;
}

.workflow_ack__portlet .bob_view__portlettbl .bob_generic__portlethdr,
.workflow_con__portlet .bob_view__portlettbl .bob_generic__portlethdr {
  margin-bottom: -60px;
}

.generic_txnpromo__panel .charge__dtl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: 500;
}

.generic_txnpromo__panel .charge__dtl>div:first-child {
  color: var(--qnb-foreground-muted);
  font-size: 15px;
  font-weight: 400;
  flex: 1;
}

/* .generic_txnpromo__panel .charge__dtl .charge__dtl_amt > span {
  font-size: 8px !important;
  padding-top: 2px !important;
  margin-right: 4px !important;
} */
.generic_txnpromo__total>div:first-child {
  font-weight: 500;
}

.generic_txnpromo__panel .charge__dtl .charge__dtl_amt {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  /* padding: 0 20px; */
  width: 100%;
}

.userGroupPanels_accts_enroll .f4newlistview_table {
  margin: -20px;
  width: calc(100% + 40px);
}

.userGroupPanels_accts_enroll .bob_instr__sectionalt {
  margin-top: 35px;
}

.userGroupPanels_accts_enroll .f4newlistview_row:last-child {
  border-radius: 0;
  border-bottom: 1px solid var(--qnb-border);
}

.userGroupPanels_enroll .f4newlistview_row {
  border-radius: 0 0 10px 10px;
}

.compute_panel {
  padding: 15px 20px;
  height: unset;
}

.ewt-parent .f4newlistview_rowbody_gridlines>div:first-child {
  background-color: var(--qnb-background-muted);
}

.ewt-parent .f4newlistview_rowbody_gridlines>div:not(:first-child) {
  background-color: var(--qnb-background-muted);
}

.ewt_grid .f4newlistview_field__label {
  font-weight: 600;
}

.ewt_grid .f4newlistview_rowbody>div:not(:last-child) .f4newlistview_field {
  border-right: 1.3px solid var(--qnb-border);
}

.ewt-parent .f4newlistview_rowbody_gridlines>div:first-child>div {
  font-weight: 700;
}

/* select group */
.select_grp {
  pointer-events: none;
}

/* Start of Check Deposit */

.check_deposit__imgctr {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.check_deposit__imgctr>div {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2px;
  text-align: center;
  margin-top: 10px;
}

.check_deposit__imgbank {
  display: flex;
}

.check_deposit__imgbank>div .check_deposit__banknm {
  padding-left: 25px;
}

/* End of Check Deposit */

.businessReqFO .bob_tmpright__panel {
  height: calc(100% - 80px) !important;
}

.ewt-view .f4newlistview_rowbody_gridlines>div {
  padding: unset;
}

.bob_view__portlettbl:has(.ewt-view) {
  overflow: hidden;
}

.cwt_templatetable__view {
  margin: -22px -20px;
}

.bob_ap__grphdr .bob_generic__nofieldlbl {
  height: 35px;
}

.bob_ap__grphdr .bob_generic__nofieldlbl .Select-control {
  height: 40px;
}

.abstract_input_listview_field {
  width: 100%;
}

.abstract_input_listview_field .field_info__btn {
  top: 9px;
}

.aca_transactional__listview {
  width: 100%;
}

.aca_transactional__listview .accountselector_placeholder {
  padding: 0;
  color: var(--placeholder-color);
  font-weight: 500;
  font-size: 14px;
}

.sms_otp__modal .newconfirm_modalmsg {
  margin-bottom: 0;
}

.push_notif__switch>img {
  align-self: flex-start;
  margin-top: 7px;
}

.txn_trail__remarks {
  display: flex;
  gap: 3px;
  flex-direction: column;
  margin-top: 25px;
}

.txn_trail__remarks>div:first-child {
  color: var(--sub-text-coloralt);
  font-size: 13px;
  font-weight: 500;
}

.txn_trail__remarks>span {
  color: var(--qnb-primary);
  font-size: 12px;
}

.txn_trail__createddt {
  color: var(--sub-label-color);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.searchfilter_adv__fieldgrp .headerBackgroundCollapsible>a {
  color: var(--hdr-color);
}

.react-datepicker__input-container input[class='react-datepicker__input-container__advanced-filters'] {
  font-size: 13px;
  padding-left: 5px;
  padding-right: 5px;
}

.newlook_searchfilter__field .react-autosuggest__suggestion {
  padding: 0px !important;
  cursor: pointer;
  transition: 0.5s;
}

.upload_paybills__modal .bob_instr__viewer {
  margin-top: 10px;
}

.newconfirm_modalmsg:has(.upload_paybills__modal) {
  margin-bottom: 5% !important;
}

.ae_left__logo>img {
  width: 100px;
}

.upload_paybills__modal .upload_error__viewhdr {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.upload_paybills__modal .upload_error__viewhdr>div:last-child {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

.lang_settings__options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lang_settings__option {
  width: 100%;
  border: 1px solid var(--qnb-border);
  border-radius: var(--btn-border-radius);
  background: var(--qnb-background);
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.lang_settings__option:hover {
  border-color: var(--qnb-primary);
  background: var(--lighter-main-color);
}

.lang_settings__option--selected {
  border-color: var(--qnb-primary);
  background: var(--selected-light-color);
  box-shadow: 0 0 0 1px var(--qnb-selection);
}

.lang_settings__option--pending {
  background: var(--table-row-alt);
}

.lang_settings__optionCopy {
  padding-right: 12px;
}

.lang_settings__optionTitle {
  color: var(--hdr-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.lang_settings__optionDescription {
  color: var(--sub-hdr-color);
  font-size: 13px;
  line-height: 18px;
  margin-top: 4px;
}

.lang_settings__optionHint {
  color: var(--qnb-primary);
  font-size: 12px;
  line-height: 17px;
  margin-top: 8px;
}

.lang_settings__optionIndicator {
  color: var(--qnb-primary);
  font-size: 18px;
  line-height: 18px;
  min-width: 18px;
  margin-top: 2px;
}

.bir_payment__amountdue {
  color: var(--qnb-danger);
}

.bir_payment__icon>img {
  margin-left: 10px;
}

.paybills_acct__view .biller_view__fielditemlabel {
  margin-left: 20px;
  margin-right: 20px;
}

.react-viewer-list {
  margin-left: 0 !important;
}

.contactmaintenance_code__modal {
  width: 500px;
  height: 300px;
}

.contactaddressbook_edit__modal {
  width: 1000px;
  height: 700px;
}

.newlook_column {
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 15px;
  color: var(--qnb-primary);
}

.memo_modal__body .f4newlistview_rowbody>div:last-child .f4newlistview_field {
  border-left: 1px solid var(--qnb-border);
}

.crdr_memo__modal .modal-header {
  padding: 25px 25px 25px 20px;
  border-bottom: 1px solid var(--qnb-border-subtle);
  margin: 0px 20px;
}

.crdr_memo__modal div.f4ModalHeader .close {
  font-size: 25px;
  font-weight: 300;
  border-left: 1px solid var(--qnb-border);
  padding-left: 15px;
  border-radius: 0px;
}

.crdr_memo__modal div.f4ModalHeader button:hover {
  background: transparent;
}

.def_bankrate {
  position: absolute;
  right: 1.5%;
}

.def_bankrate>span {
  font-size: 15px;
  color: var(--qnb-primary);
  font-weight: 600;
}

.view_field_custom_design {
  margin: 5% 0% 5%;
}

.view_field_custom_design .bob_view__fieldlabel {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
}

.view_field_custom_design .bob_view__fieldvalue .view_amt__formattedwc>span {
  font-weight: 600;
}

.view_field_custom_design .bob_view__fieldvalue .view_amt__formattedwc .view_amt__formatted>span {
  font-size: 16px;
}

.view_field_custom_design_2 {
  padding-left: 0px;
}

.view_field_custom_design_2 .bob_view__fieldlabel {
  margin-bottom: 2px;
  color: var(--sub-text-coloralt);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.inputField_withContacts {
  position: absolute;
  top: 6.1%;
  right: 0.1%;
}

.inputField_withContacts .emp_fields__dropdown {
  margin-left: -600px;
}

.input_hideasterisk__field .f4FormFieldLabel_requiredast {
  display: none;
}

.single_multi__switch {
  position: absolute;
  top: 7px;
  right: 5px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.benepayor_selector_plc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 7px;
}

.bob_view__panelchldrn .f4datatable_optionButtons {
  margin-bottom: 0px;
}

.soa_inquiry__modal .f4ModalHeader {
  padding-left: 25px;
  padding-right: 21px;
}

.searchfilter_adv__fieldgrp--body .F4DateandTimeBetweenEnhanced {
  margin-bottom: 20px;
}

.emp_addbook__btn .add_row__btn {
  padding-right: 5px;
}

.inquiry_expanded__container .paybills_acct__view .acct_view__fieldexp {
  max-width: none;
}

.inquiry_expanded__details .view_amt__formattedwc>span {
  font-weight: 900;
}

.newtxntype_panel .txn_sched__initfield {
  padding-left: 0px;
}

.sss_total__field .view_amt__formattedwc>span {
  font-weight: 900;
}

.accselector_view--centered .col-md-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.asf4FormValidate_hasinstr .has-feedback .form-control {
  padding-right: 40px;
}

.ap_totalbal__cont {
  display: flex;
}

/* .ap_totalbal__cont > div:first-child {
  margin-right: 10px;
} */

.ap_totals__label {
  font-size: 12px;
  font-weight: 500;
  color: var(--sub-hdr-color);
}

.ap_totals__value {
  display: flex;
  justify-content: flex-end;
}

.ap_totals__value .view_amt__formatted {
  font-weight: 600;
}

.otherBelowCont {
  /* width: 1528px; */
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
}

.mobile_workflow__icon {
  position: absolute;
  bottom: -1px;
  right: -2px;
  z-index: 1;
  width: 14px !important;
  height: 14px !important;
}

.workflow_icon__container {
  position: relative;
}

.workflow_icon__container>img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.fieldlbl_hdr__custom {
  display: flex;
  align-items: center;
  height: 45px;
  font-size: 20px;
  font-weight: 600;
  color: var(--hdr-color);
}

.inner_custom__port {
  border: unset;
}

.inner_custom__portbtop {
  border: unset;
  border-top: 1px solid var(--qnb-border);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bob_generic__formhdrcustom {
  display: flex;
  justify-content: space-between;
}

.voucher_actn__btn {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px;
}

.voucher_actn__btn .actionbtn_panel {
  opacity: 1;
  pointer-events: unset;
}

.contactaddresbook_panelopt .public_fixedDataTable_bodyRow {
  padding-top: 5px;
  background: transparent;
  align-items: right;
}

.contactaddresbook_panelopt>.public_fixedDataTable_bodyRow:hover {
  box-shadow: none;
  border: none;
  top: 2px;
  color: transparent;
}

.payemployees_addbook__dtls {
  display: flex;
  flex-direction: row;
  width: calc(100% - 50px);
}

.payemployees_addbook__dtls>.biller_addbook__dtls {
  justify-content: center;
}

.accountsweeping_item {
  background: var(--qnb-background);
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
  font-size: 11pt;
  font-weight: 500;
  /* box-shadow: 0 3px 16px -5px var(--qnb-border-strong); */
  border: 1px solid var(--qnb-border);
  display: flex;
  align-items: center;
  line-height: 14pt;
  color: var(--hdr-color);
}

.accountsweeping_item>div:first-child {
  /* width: calc(100% - 25px); */
  padding: 0px 10px;
  position: relative;
  top: 1px;
}

.accountsweeping_itemicon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
}

.accountsweeping_itemicon>img {
  height: 20px;
}

.accountsweeping_list {
  padding: 0 30px;
  height: calc(100% - 42px);
  overflow: hidden;
  width: calc(100% - 60%);
  position: absolute;
}

.accountsweeping_list:hover {
  overflow: auto;
}

.ae_sysad__checkbox {
  margin-top: 30px;
}

.ae_sysad__header {
  font-weight: 600;
  /* margin-top: -30px; */
}

.ae_sysad__subheader {
  font-size: 12px;
  position: absolute;
  font-weight: 500;
}

.ae_sysad__row {
  margin-top: -20px;
  margin-bottom: 20px;
}

.ae_sysad__col .small-check-container {
  margin-top: 23px;
  padding-left: 0;
}

#ae_Step4 .ae_contentsection>p {
  color: var(--subhdr-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
  word-break: break-word;
  margin-top: 10px;
  max-width: 1000px;
}

#ae_Step6 .ae_contentsection>p {
  display: flex;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: var(--qnb-foreground-secondary);
  line-height: 20px;
  margin-bottom: 15px;
}

.radiobtn_portgroups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  width: 100%;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 15px;
}

.radiobtn_portgroups>div {
  padding: 20px;
  position: relative;
  background: var(--qnb-background);
  border-radius: 10px;
  border: 1px solid var(--qnb-border);
}

.radiobtn_portgroups>div:only-child>.radioParentClass {
  width: 35%;
}

.view_list__dtl .f4newlistview_panel {
  border-radius: unset;
  border: none;
  border-top: 1.3px solid var(--qnb-border);
}

.bob_instr__sectionalt {
  margin-top: 15px;
}

.sms_otp__inputfields .help-block {
  display: none;
}

.sweepdtl_add {
  align-items: center;
  display: flex;
  height: 60px;
  margin-right: 0;
  justify-content: space-between;
  width: 100%;
  padding: 5px 15px 0px;
}

.sweepdtl_add .f4newlistview_addbtn {
  font-weight: 600;
  padding: 10px;
}

.sweepdtl_deletebtn {
  background: transparent;
  border: none;
  font-weight: 500;
  color: var(--qnb-primary);
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 45px;
  justify-content: end;
}

.sweepdtl_list__main {
  display: flex;
  align-items: center;
  word-break: break-word;
}

.sweepdtl_list__container {
  transition: 0.2s;
  background: var(--qnb-background);
  border-bottom: 1px solid var(--qnb-border);
  padding: 20px;
}

.sweepdtl_list__inputs {
  width: 100%;
}

.sweepdtl_deletebtn>.f4newlistview_rowdeletebtn {
  background: url(/fo/images/Remove.0d8b066f.svg) no-repeat;
  width: 30px;
  height: 30px;
}

.sweepdtl_list__inputs>.row {
  margin-bottom: 20px;
}

.sweepdtl_list__inputs>.row:last-child {
  margin-bottom: 0px;
}

.sweepdtl_acct__col {
  display: flex;
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  border: 1px solid transparent;
  min-height: 45px;
  width: 100%;
  padding: 0px 15px;
  background-color: var(--qnb-background);
}

.sweepdtl_acct__colplaceholder {
  color: var(--placeholder-color) !important;
  font-size: 14px;
  font-weight: 500;
}

.sweepdtl_list__counter,
.sweepdtl__view-counter {
  width: 40px;
  font-weight: 500;
}

.outward_benecurrency {
  margin: 35px 0% 1%;
}

.acct_sweep__dtl-extrafield {
  margin-top: 15px;
}

.sweepdtl__view-dtls {
  width: 100%
}

.sweepdtl__view-dtls>.row:first-child {
  margin-bottom: 20px;
}

.sweep_dtl__view-main {
  display: flex;
  align-items: center;
  transition: 0.2s;
  background: var(--qnb-background);
  padding: 15px;
  border: 1px solid var(--qnb-border);
  border-radius: 8px;
  margin-bottom: 15px;
}

.tx_acct__dd-value {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}

.acct_sweep_dtl-amountfield {
  display: unset;
  width: 100%;
}

.acct_sweeptype__viewcol {
  display: unset;
}

.txn_status__secitem .txn_status_secitem--status-label {
  margin-right: -20px;
}

.custom_acctsweep__port .bob_generic__portlethdr {
  border-bottom: unset;
}

.sweep_dtl__extra-main {
  display: flex;
  justify-content: space-between;
}

/* Apply flex-end when there's only one child */
.sweep_dtl__extra-main > *:only-child {
  margin-left: auto;
}

/* Alternative using :has() if you need more modern browsers */
.sweep_dtl__extra-main:has(> :only-child) {
  justify-content: flex-end;
}


.sweep_dtl__extra--cont {
  background-color: var(--light-container-color);
  border-radius: 8px;
  height: 41px;
  display: flex;
  align-items: center;
  padding: 10px 0px;
}

.sweep_dtl__extra-value {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0px 15px;
}

.sweep_dtl__extra-value>div:first-child {
  color: var(--sub-text-coloralt);
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  margin-right: 5px;
  font-weight: 500;
}


.sweep_dtl__extra-value::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: var(--qnb-border);
}

.sweep_dtl__extra-value:last-child::after {
  display: none;
}

.acct_sweep_listview {
  margin-left: -15px;
  margin-right: -15px;
}

.acct_sweep_listview .f4newlistview_panel {
  border-radius: 0;
  border: unset;
  border-top: 1.3px solid var(--qnb-border);
}

.acct_sweep_listview .f4newlistview_hdr {
  border-radius: unset;
}

.is-consolidated {
  border: 2px solid var(--qnb-border);
  height: 50px;
  padding-top: 7px;
  padding-left: 4px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.accountMultipleSelect .f4MultipleSelect .Select-multi-value-wrapper label.addbtn {
  background: transparent;
  border-radius: 7px;
  padding: 0px 5px;
  margin: 0 -5px;
  min-height: 32px;
  font-weight: 600;
  color: var(--qnb-primary) !important;
  position: relative;
  font-size: 15px;
  margin: 6px 0px 3px 12px;
  pointer-events: none;
}

.accountMultipleSelect .f4MultipleSelect .Select-multi-value-wrapper label.addbtn i.fas.fa-plus {
  margin-right: 15px;
  position: relative;
  font-weight: 500;
}

.Select--multi .Select-value {
  background-color: var(--qnb-selection);
  border-radius: 6px;
  font-size: 14px;
  margin: 5px;
}

.Select--multi .Select-value.isSoa {
  word-break: break-word !important;
  background-color: transparent;
  font-size: 15px;
  font-weight: 500;
  color: var(--mblsubhdr-color);
  border-radius: 0px !important;
  border-bottom: 1px solid var(--qnb-border);
  padding-bottom: 15px;
  margin: 10px 15px;
}

.Select--multi .Select-value-label.isSoa {
  padding: 0px;
}

.accountMultipleSelect .f4MultipleSelect .Select--multi .Select-value {
  border-radius: 1px;
  width: 100%
}

.accountMultipleSelect .multi-value-label>strong {
  color: black;
  font-size: 17px;
  font-weight: 600;
}

.accountMultipleSelect .multi-value-subLabel {
  display: block;
}

.accountMultipleSelect .fa-minus-circle {
  font-size: 24px;
  position: absolute;
  right: 0px;
  margin-top: 10px;
  margin-right: 24px;
}

.accountMultipleSelect .multi-select-close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
}

.total-soa-count {
  position: absolute;
  right: 0px;
  font-size: 12px;
}

.soa-account-list {
  position: absolute;
  font-size: 12px;
}

.soa-account-list .asterisk {
  color: red;
}

.is-consolidated-account-select .transactionalAccountSelector_multipleSelection .acct_selector__fieldcust .Select-input {
  padding-top: 0px;
  padding-left: 7px;
}

.is-consolidated-account-select .accountMultipleSelect .Select-menu-outer {
  top: 90%;
}

.checkbook_reorder_control_label {
  margin-left: 10px;
  margin-right: 15px;
}

.outward_payment_txn__sched .newtxntype_panel .txn_sched__initfield {
  padding-left: 10px;
}

.collapsed-active {
  display: none !important;
}

.collapsed-active-padding {
  padding-bottom: 0 !important;
}

.collapsed-active-margin {
  margin-bottom: 0 !important;
  border-bottom: none;
}

.generic-portlet-collapse-btn {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
}

.generic-portlet-collapse-btn .fal {
  font-size: 35px;
  cursor: pointer;
}

.ack-header-buttons {
  display: flex;
}

.ack-header-buttons:first-child {
  margin-right: 15px;
}

.ack-header-buttons .ack-header-btn {
  position: relative;
  border-radius: 8px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  font-weight: 600;
  padding: 5px 10px 5px;
  height: 40px;
  width: 150px;
}

.fors_download__btn>img,
.fors_print__btn>img {
  margin-right: 10px;
}


.fors_print__btn {
  background: var(--qnb-background-inverse);
  border: 2px solid white;
  margin-right: 15px;
  color: white;
}

.fors_print__btn>img {
  filter: brightness(100);
}

.fors_print__btn:hover {
  background: var(--qnb-background-inverse);
}

.fors_download__btn {
  background: white;
  color: var(--qnb-foreground);
}

.fors_download__btn:hover {
  background: var(--qnb-background);
}


.input-view,
.input-view-2 {
  pointer-events: none;
}

.input-view .f4InputField,
.input-view-2 .f4InputField {
  border: none;
  padding-left: 0px;
  background-color: transparent !important;
}

.input-view .f4FormFieldLabel,
.input-view-2 .f4FormFieldLabel:last-child {
  opacity: 0;
}

.addchecks-btn {
  margin-top: 10px;
  color: var(--qnb-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  width: -moz-fit-content;
  width: fit-content;
}

.addchecks-btn:hover {
  color: var(--qnb-primary-hover);
  cursor: pointer;
}

/* .enrolled_inputs_fields .form-group {
  margin-left: 9px;
} */

.enrolled_inputs_fields .enrolled_single_fields .asf4FormValidate {
  margin-left: 9px;
}

.small-check-container:has(.bob_agree__tnc) {
  width: inherit;
}

.small-check-lbl:has(.bob_agree__tnc) {
  width: 95%;
}

.bobtnc_btn_label {
  position: relative;
  border-radius: 5px;
  padding: 0 5px;
  color: var(--qnb-primary);
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  transition: 0.5s;
  cursor: pointer;
}

.bobtnc_btn_label2 {
  margin-left: -5px;
}

.libt_tc_create_view_page {
  margin-top: 15px;
}

.enrolled_pill {
  display: inline-flex;
  margin-right: 10px;
}

.bene_account_number_note {
  font-size: 10px;
}

.good_dscp {
  margin-top: 10px;
  display: flex;
}

.libt_note {
  margin-top: -25px;
  margin-bottom: -20px;
}

.libt_note .bob_instr__subhdr {
  padding: 5px 5px 2px 0px;
  font-size: 14px;
  font-weight: 600;
}

.libt_note .svg-Info_Filled-dims {
  margin-bottom: 30px;
}


.bob_instr__subhdrp {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.libt_note .bob_instr__subhdrp {
  margin-top: -4px;
  padding: 0px 5px 5px 0px;
}

.import_loc_shipment_field {
  position: relative;
}

.import_loc_shipment_field .import_loc_shipdest_icon {
  position: relative;
  z-index: 1;
  margin-left: 8px;
}

.import_loc_shipment_field .import_loc_shipdest_icon>img {
  position: absolute;
  margin-left: 3px;
  margin-top: 40px;
}

.import_loc_shipment_field .import_loc_shipdest_icon .shipdest_mainicon {
  background: var(--qnb-selection);
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  margin-top: 37.5px;
  margin-left: 8px;
}

.import_loc_shipment_field .f4InputField {
  padding-left: 68px !important;
}

.bob_generic__portletchildren .import_loc_shipping_field {
  margin-top: 15px !important;
  border-bottom: 2px solid var(--qnb-border);
  margin-bottom: 15px;
  padding-left: 5px;
  max-width: 100%;
}

.acct_sweep__totals-ctr {
  height: 90px;
  background-color: var(--qnb-background-muted);
  border-radius: 10px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.acct_sweep_total {
  display: flex;
  gap: 8px;
  position: relative;
  width: 100%;
  padding: 0px 20px;
}

.acct_sweep_total::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: var(--qnb-border);
}

.acct_sweep_total:last-child::after {
  display: none;
}

.acct_sweep_total img {
  height: 25px;
  width: 25px;
}

.acct_sweep_total__amt>div:first-child {
  color: var(--qnb-foreground-secondary);
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}


.acct_sweep_total__amt .view_amt__formattedwc {
  font-weight: 600;
}

.purpose_view {
  margin: 6px;
}

.purpose_field_enrolled {
  margin-right: 10px;
}

.purpose_field_enrolled .has-feedback {
  margin-top: 20px;
}

.libt_view_grp {
  margin-left: 10px;
}

.fo_purpose_dtl_mrgn {
  margin: 20px 10.5px 0px 10.5px;
}

.fo_purpose_dtl_mrgn2 {
  margin-top: 20px;
}

.fo_purpcd__field_mrgn {
  margin-right: 10.5px;
  margin-left: 10.5px;
}

.custom_bp_payor_port {
  padding: 20px;
  margin-bottom: 30px;
}

.custom_bp_payor_details_port {
  margin-left: -20px;
  margin-right: -20px;
}

.monthyear_picker__dropdown {
  transform: translateY(-320px);
}

.libt_address1 {
  margin-top: -25px;
}

.acct_selector__fieldwithval {
  caret-color: transparent;
}

.allorspecific_gear {
  margin-bottom: 2px;
  padding: 0px;
  width: 25px;
}

.custom-viewfield_libt_foreign {
  background-color: var(--qnb-background);
  padding: 10px;
  border-left: 5px solid var(--qnb-border);
  color: var(--qnb-foreground);
  font-size: 16px;
  display: flex;
  margin-top: 20px;
}

.custom_bp_payor_port {
  padding: 20px;
}

.custom_bp_payor_port>.row {
  margin-bottom: 20px;
}

.merch_selector__value-plc {
  color: var(--hdr-color);
  background: var(--qnb-background);
  border-radius: 9px;
  width: 100%;
  position: absolute;
  display: flex;
  z-index: 99;
  top: 0;
  left: 0;
  font-size: 15px;
  font-weight: 600;
  padding-inline: 0 2px;
  height: 100%;
}

.merch_selector__value-plc>span {
  margin-left: 20px;
  margin-top: 15px;
}

.viewfield-optional {
  margin-left: -5px;
  margin-top: 2px;
}

.settlement_acc_tooltip__ap {
  margin-top: 14px !important;
}

#settlement_acc_tooltip {
  background-color: var(--qnb-background) !important;
  background: var(--qnb-background) !important;
  border: 0.5px solid var(--qnb-border-subtle) !important;
  border-radius: 5px !important;
  box-shadow: 0 5px 16px 10px var(--qnb-shadow-sm), 0 3px 15px 3px var(--qnb-shadow-sm) !important;
  max-width: 200 !important;
  height: 55px !important;
  opacity: 1 !important;
}

.settlement_acc_tooltip_msg {
  color: var(--qnb-foreground-muted) !important;
  font-family: 'qnb-sans' !important;
  font-size: 12px !important;
  line-height: 14px !important;
  width: 250px !important;
  text-align: left !important;
}

.acct_sweep_total__amt .view_amt__formattedwc>span {
  font-size: 15px !important;
  padding-top: 1px;
}

.acct_sweep_total__amt-exp>div:last-child {
  font-weight: 700 !important;
}

.tranhisttable__no_records_msg {
  font-size: 15px;
  color: var(--qnb-foreground-placeholder);
  font-weight: 500;
  line-height: 14px;
}

.checkmaintenances_initial__panel {
  padding-top: 16px;
  padding-left: 6px;
  padding-right: 6px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 60px;
  display: flex;
}

.f4tabs__checkmaintenance {
  background-color: var(--txn-right-bg);
  border-radius: 10px;
  padding: 3px;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper {
  height: 40px;
  padding: 4px 15px 0px 15px;
  background: var(--txn-right-bg);
  font-weight: 500;
  border: 0px;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: transparent !important;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper:hover {
  color: black;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: var(--qnb-background);
  font-weight: 700;
  border-color: var(--qnb-border-subtle);
  color: black;
  box-shadow: 0px 2px 10px var(--qnb-border-strong) !important;
  border-radius: 10px;

}

.f4singleselect__checkmaintenance {
  position: absolute;
  right: 20px;
  width: 290px;
}

.f4singleselect__checkmaintenance__rightpanel {
  right: 340px;
}

.f4singleselect__checkmaintenance__rightviewpanel {
  right: 390px;
}

.checkmaintenances_initial__panel .f4FormFieldLabel {
  display: none;
}

.single-value-labelField {
  color: var(--sub-label-color);
  margin-right: 6px;
}

.libt_benecurrency {
  margin-top: 35px;
}

.loans_th_btn:hover {
  background: unset;
}

.login_instr__links__mobile {
  position: fixed;
  bottom: 20px;
  z-index: 2000;
}

.login_lockacct__modalmobile .f4ModalBody {
  padding-bottom: 135px;
}

.login_security__menumodal__footer_lockacct .f4ModalFooter {
  position: relative;
  bottom: 150px;
  width: 100%;
  z-index: 2000;
}

.login_security__menumodal__footer_suspend .f4ModalFooter {
  position: relative;
  bottom: 160px;
  width: 100%;
  z-index: 2000;
}

/*start of invoice modal*/
.invoice_view__button {
  color: var(--qnb-primary);
  text-decoration: underline;
}

.fullmodal_payinvoice .f4ModalHeader {
  display: none;
}
.fullmodal_payinvoice .bob_panel__tmpchildren {
  padding: 0px;
}

.fullmodal_payinvoice .bob_generic__formhdr {
  display: none;
}

.fullmodal_payinvoice .f4ModalBody {
  padding: 0px;
}

.fullmodal_payinvoice .invoice_view__logo > img {
  width: 4.5vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.invoice_checkbox_financing {
  display: flex;
  justify-content: end;
  margin-right: 20px;
}

.invoice_checkbox_financing > div {
  width: 37%;
  margin-top: 15px;
}

.invoice_financing_checkbox_confirm{
  margin: 20px 0;
}

.invoice_financing_checkbox_confirm .f4CheckboxMainContainer {
  background: white;
}

.invoice_financing_details_labels {
  color: var(--qnb-foreground-muted);
  font-size: 16px;
}

.invoice_view__header {
  margin: 10px 0 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--qnb-border);
  padding-bottom: 20px;
}

.invoice_view__logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.invoice_view__date {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.invoice_view__logo > img {
  margin-right: 1vw;
  width: 7vw;
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
}

.invoice_view__logo > div > div:first-child {
  margin-bottom: 0.2vw;
}

.invoice_view__logo > div > div:nth-child(2) {
  font-size: 20px;
  font-weight: 600;
}

.invoice_view__date > div,
.invoice_view__customeritem {
  font-weight: 500;
}

.invoice_view__date > div:first-child {
  padding-right: 1vw;
  border-right: 2px solid var(--qnb-border);
  margin-right: 1vw;
}

.invoice_view__date > div > span:first-child {
  color: var(--light-text-color);
  margin-right: 1vw;
}

.invoice_view__customer {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 20px;
}

.invoice_view__customeritem {
  width: 50%;
}

.invoice_view__customeritem > div:first-child {
  color: var(--light-text-color);
}

.invoice_view__customeritem > div:nth-child(2) {
  font-size: 18px;
  font-weight: 700;
}

.invoice_view {
  font-size: 15px;
}

.invoice_lines__view .f4newlistview_field__label {
  padding: 0;
}

.invoice_view .invoice_form__listtotals {
  margin-top: 0;
  padding-right: 10px;
  margin-bottom: 10px;
}

.invoice_view .invoice_form__listgrandtotal {
  flex-direction: column;
  align-items: flex-end;
}

.invoice_view .invoice_form__listgrandtotal > div:first-child {
  font-size: 15px !important;
  font-weight: 500;
}

.invoice_view .invoice_form__listgrandtotal > div:nth-child(2) {
  font-size: 35px;
  line-height: 1;
  color: var(--qnb-primary);
}

.invoice_view .invoice_form__listgrandtotal > div:nth-child(2) > span {
  font-size: 16px;
}

.invoice_view__qrcode__amount_container{
  display: flex;
  padding-bottom: 10px;
}

.invoice_view__qr_container{
  width: 1px;
  position: relative;
  text-align: center;
}

.invoice_view__qr_button_container{
  display: flex;
  flex-direction: row;
  gap: 11px;
  justify-content: space-between;
}

.invoice_view__qr_button {
  border-radius: 20px;
  padding: 5px 10px;
  border: 1px solid var(--qnb-border-subtle);
  font-size: 14px;
  width: 80px;
}

.invoice_view__qr_button_copy {
  border: 1px solid var(--qnb-border-subtle);
  box-shadow: 0 1px 2px 0 var(--qnb-shadow-sm);
}

.invoice_view__qr_button_share {
  border: none;
  color: white;
}
.invoice_lines {
  border-top: 2px dashed var(--qnb-border-subtle);
  padding-top: 20px;
}

.no_dashed_invoice_lines .invoice_lines__header,
.invoice_lines .invoice_lines__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.no_dashed_invoice_lines .invoice_lines__header > div:first-child,
.invoice_lines .invoice_lines__header > div:first-child {
  font-size: 18px;
  font-weight: 600;
}

.invoice_lines__detail .f4newlistview_hdr,
.invoice_lines__detail .f4newlistview_hdr {
  background: transparent;
  text-transform: uppercase;
}

.invoice_lines__detail .f4newlistview_add {
  padding: 0;
}

.invoice_lines__detail .f4newlistview_hdr > div,
.invoice_lines__detail .f4newlistview_field {
  padding: 0 10px;
}

.invoice_lines__detail .f4InputField,
.invoice_lines__detail .f4InputField:hover,
.invoice_lines__detail .asF4FormValidate_validation-state-error .f4InputField,
.invoice_lines__detail .asF4FormValidate_validation-state-error .f4InputField:hover,
.invoice_lines__detail .asF4FormValidate_validation-state-error .f4InputField:focus {
  background: transparent !important;
  border: 0px !important;
  padding: 0;
}

.invoice_lines__detail .help-blockerror {
  margin-bottom: 15px;
  margin-top: 0px;
}

.invoice_lines__detail .f4newlistview_field {
  align-items: normal;
}

.invoice_lines__detail .asF4FormValidate_validation-state-error .f4InputField::-moz-placeholder {
  color: var(--required-color);
}

.invoice_lines__detail .asF4FormValidate_validation-state-error .f4InputField::placeholder {
  color: var(--required-color);
}

.no_dashed_invoice_lines > .invoice_lines__taxrate,
.invoice_lines__header > .invoice_lines__taxrate {
  font-size: 13px;
  background: var(--instr-bg);
  padding: 2px 10px 2px 0px;
  border-radius: 5px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.invoice_lines__taxrate > div:first-child {
  margin: 0px 5px 0 10px;
}

.invoice_lines__detail .f4newlistview_fieldright_flex,
.invoice_lines__detail .f4newlistview_fieldright_flex input {
  text-align: right;
}

.invoice_lines__columnpanel {
  width: 200px;
  position: absolute;
  border-radius: 13px;
  background-color: var(--qnb-background);
  box-shadow: 0 -3px 13px 0 var(--qnb-shadow-subtle), 8px 6px 8px 3px var(--qnb-shadow-md), 0 10px 18px 3px var(--qnb-shadow-md);
  z-index: 110;
  margin-left: 70px;
  margin-top: 30px;
}

.invoice_lines__detail .listview--portlet .f4newlistview_panel {
  border: none;
}

.invoice_form__listtotals {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  padding-right: 55px;
  margin-top: -45px;
}

.invoice_form__listtotals .invoice_form__listtotalitem,
.invoice_form__listtotals .invoice_form__listgrandtotal {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  width: 35%;
  line-height: 2.4;
}

.invoice_form__listtotals .invoice_amount__drop {
  border: 0;
  padding: 0;
  height: auto;
}

.invoice_form__listtotals .invoice_amount__drop > span,
.invoice_form__listtotalitem > div {
  font-size: 15px;
  font-weight: 500;
}

.invoice_form__listtotals .invoice_amount__drop:hover {
  background-color: transparent;
}

.invoice_form__listtotals .invoice_form__listgrandtotal {
  border-top: 2px solid var(--qnb-foreground);
  margin-top: 25px;
  padding-top: 10px;
  font-weight: 600;
}

.invoice_form__listtotals .invoice_form__listgrandtotal > div:nth-child(2) {
  font-size: 20px;
}

.invoice_form__listtotals .invoice_form__listgrandtotal > div:nth-child(2) > span {
  font-size: 11px;
  margin-right: 5px;
  vertical-align: super;
}

.invoice_form__listtotals .invoice_form__listtotalsub {
  color: var(--placeholder-color);
}

.invoice_form__listtotals .invoice_form__listtotalsub > div:first-child {
  margin-left: 30px;
}

.standalone_financing_payment_section {
  border-radius: 10px;
  background-color: var(--main-plain-bg);
  border: 2px solid var(--qnb-border);
  margin-bottom: 10px;
}

.standalone_financing_payment_dtls {
  padding: 15px;
  font-family: 'qnb-sans', sans-serif;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.standalone_financing_payment_sched_lbl {
  padding-top: 15px;
  font-size: 19px;
  font-weight: 520;
}

.financing_loan_details {
  background-color: var(--main-plain-bg);
  border-color: var(--qnb-border-subtle);
}

.financing_paymentsched_fullview_listitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2;
  font-size: 15px;
}

.financing_paymentsched_listitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 3;
  padding-left: calc(100% - 33%);
  font-size: 14px;
}

.invoice_amount__items > span {
  vertical-align: super;
  font-size: 9px;
  margin-right: 3px;
}

.financing_paymentsched_subtotal_div_fullview {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2;
  font-size: 15px;
  padding-top: 30px;
}

.financing_paymentsched_grandtotal_fullview {
  border-top: 3px solid var(--qnb-foreground);
  padding-top: 10px;
  margin-top: 5px;
  font-weight: 600;
  width: 98%;
  position: absolute;
  display: flex;
}

.financing_paymentsched_grandtotal_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 3;
  padding-left: calc(100% - 33%);
  font-size: 16px;
  padding-top: 30px;
  font-weight: 600;
}

.invoice_view .invoice_form__listgrandtotal > div:nth-child(2) {
  font-size: 35px;
  line-height: 1;
  color: var(--qnb-primary);
}

.invoice_view .invoice_form__listgrandtotal > div:nth-child(2) > span {
  font-size: 16px;
}

.financing_paymentsched_mainportlet {
  padding-top: 30px;
}

.pai_invoice_number{
  padding-left: 0px;
}


/* || FRT Newlook CUstom Styles */

.checkmaintenances_initial__panel {
  padding-top: 16px;
  padding-left: 6px;
  padding-right: 6px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 60px;
  display: flex;
}

 .f4tabs__checkmaintenance {
  background-color: var(--txn-right-bg);
  border-radius: 10px;
  padding: 3px;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper {
  height: 40px;
  padding: 4px 15px 0px 15px;
  background: var(--txn-right-bg);
  font-weight: 500;
  border: 0px;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: transparent !important;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper:hover {
  color: black;
}

.f4tabs__checkmaintenance .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: var(--qnb-background);
  font-weight: 700;
  border-color: var(--qnb-border-subtle);
  color: black;
  box-shadow: 0px 2px 10px var(--qnb-border-strong) !important;
  border-radius: 10px;

}

/* TXN MATRIX MODAL - ENROLLMENT */

.txnmatrix__modal .enroll_grping__heading--modal {
  position: relative;
}

.txnmatrix__modal .enroll_grping__heading--modal .f4newlistview_add--alt .add_row__btn--matrix {
  top: -10px;
  right: 0;
}

.txnmatrix__modal {
  background-color: var(--qnb-background);
  max-width: 100%;
  border: 0.8px solid var(--light-border-color);
}

.txnmatrix__modal .enroll_grping__heading--modal .enroll_grping__hdr {
  font-weight: 700;
}

.txnmatrix__hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.txnmatrix__title {
  color: var(--hdr-color);
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
}

.txnmatrix__modal .f4ModalBody {
  padding: 0 60px 20px;
  height: calc(100%);
  padding-bottom: 150px;
}

.txnmatrix__modal .checkboxTreeSearchBtn {
  top: -85px;
  background: transparent !important;
  color: var(--hdr-color) !important;
  border: none !important;
  box-shadow: none !important;
  position: absolute;
  right: 0px;
  left: unset !important;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 7px;
  cursor: pointer;
}

.txnmatrix__modal .checkboxTreeSearchBtn>i {
  font-weight: 500;
  font-size: 20px;
}

.txnmatrix__modal .rc-tree li span.rc-tree-checkbox{
  width: 14px;
  height: 14px;
  /* background-color: var(--qnb-background); */
  border: 1.5px solid var(--placeholder-color);
}

.txnmatrix__modal .rc-tree li span.rc-tree-checkbox-checked {
  background: var(--qnb-primary);
  border-color: var(--qnb-primary);
}

.txnmatrix__modal .rc-tree li span.rc-tree-checkbox-indeterminate {
  background: var(--qnb-primary);
  border-color: var(--qnb-primary);
}

.txnmatrix__modal .rc-tree-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.txnmatrix__modal .f4ModalFooter {
  /* margin-top: 75px; */
  z-index: 31;
  height: 80px;
  border-top: 1px solid var(--light-border-color);
  padding: 20px;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.txnmatrix__modal .f4ModalFooter>.f4ButtonGroup {
  justify-content: space-between;
  margin: 0 !important;
}

.txnmatrix__modal .f4ButtonGroup>div:first-child,
.txnmatrix__modal .f4ButtonGroup>div:first-child>span {
  width: 100%;
  margin: 0 !important;
}

/* END TXN MATRIX MODAL - ENROLLMENT */

.frt_portlet {
  border: 1.5px solid var(--qnb-border-subtle);
  border-radius: 13px;
  background-color: var(--qnb-background);
  margin-bottom: 95px;
  padding-bottom: 10px;
}

.frt_portlet__view {
  margin-bottom: 30px;
}

.frt_portlet__hdr {
  display: flex;
  flex-direction: column;
  padding: 17px 20px 15px;
}

.frt_portlet__hdr>div:first-child {
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
}

.frt_replace__value {
  color: var(--qnb-primary);
  font-weight: 700;
}

.f4newlistview_field__label_edited {
  background: var(--qnb-warning) !important;
  border-radius: 5px;
  padding: 0 10px;
  /* margin: 0 -10px; */
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 5px;
}

.f4newlistview_field__label_edited_nopadding>.labelListView {
  background: var(--qnb-warning) !important;
  border-radius: 5px;
  padding: 0px 3px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0px 0px;
}

.frt_replace__subhdr {
  color: var(--qnb-foreground-disabled);
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  display: flex;
  gap: 15px;
  align-items: center;
}

.frt_replace__subhdrview {
  gap: 5px;
  margin-top: 8px;
}

.frt_replace__subhdr .f4FormFieldLabel {
  display: none;
}

.repft_row__black {
  background-color: var(--qnb-background-inverse);
  padding: 12.5px 20px;
  width: 100%;
  gap: 15px;
  color: var(--qnb-foreground-inverse);
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  align-items: center;
}

.repft_row__black.repft_row__blackview {
  gap: 10px;
}

.repft_listview .f4newlistview_table {
  border-radius: 0;
}

.repft_row__black>div+div {
  margin-left: -5px;
}

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

.repft_counter {
  border-radius: 12px;
  background-color: var(--qnb-background-inverse);
  color: var(--qnb-foreground-inverse);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding: 6.5px 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.repft_listview {
  position: relative;
}

.repft_row__black .f4InputField,
.repft_row__black .Select-control {
  border: 1.5px solid var(--qnb-border-subtle);
  border-radius: 8px !important;
  background-color: var(--qnb-background);
}

.repft_listview_in_listview {
  width: 100%;
}

.repft_listview_in_listview .f4newlistview_add,
.repchar_listview .f4newlistview_add,
.combinedfields_listview .f4newlistview_add {
  margin-left: 20px;
  margin-block: 13px;
  padding: 0;
}

.combinedfields_listview__view {
  overflow: hidden;
}

.combinedfields_listview__view .f4newlistview_table {
  width: calc(100%);
  margin-left: 0px;
}

.repft_listview>.f4newlistview_panel>div>.f4newlistview_add .f4newlistview_addbtn {
  border: 1.5px solid var(--qnb-primary);
  border-radius: 8px;
  background-color: var(--qnb-background-muted);
  position: absolute;
  padding: 13px;
  bottom: -80px;
  font-weight: 600;
}

.repft_listview>.f4newlistview_panel>div>.f4newlistview_add {
  padding: 0;
}

.repft_listview>.f4newlistview_panel>div>.f4newlistview_table {
  outline: 0;
}

.repft__border {
  width: 100%;
  height: 1px;
  background-color: var(--qnb-background-muted);
  margin-bottom: 30px;
}

.repft_listview .f4newlistview_tbody .f4newlistview_row:not(:last-child) .f4newlistview_row__hasshowmore>div {
  border-bottom: none;
}

.repft_listview .f4newlistview_table {
  border-radius: 0;
}

.repchar_listview .f4newlistview_table {
  border-radius: 0;
}

.repchar_listview__view .f4newlistview_table {
  border-radius: 0 0 13px 13px;
}

.combinedfields_listview {
  border: 1.5px solid var(--qnb-border-subtle);
  border-radius: 13px;
  background-color: var(--qnb-background);
}

.combinedfields_listview .f4newlistview_table {
  border-radius: 13px 13px 0 0;
}


.enroll_grping__heading>i {
  color: var(--qnb-primary);
}

.enroll_grping__heading {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 22px;
}

.enroll_grping__hdr {
  color: var(--hdr-color);
  font-size: 21px;
  font-weight: 700;
  line-height: 25px;
  margin: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.enroll_grping__heading::after {
  border-bottom: 1px solid var(--qnb-border-subtle);
  content: '';
  display: block;
  /* width: -webkit-fill-available; */
  /* width: -moz-available; */
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}

.enroll_grping__heading--modal {
  display: flex;
  justify-content: space-between;
}

.enroll_grping__heading--modal .enroll_grping__hdr {
  font-weight: 800 !important;
}

.enroll_grping__heading--modal::after {
  border: none;
  width: unset;
  display: unset;
  content: unset;
}

.enroll_portlet__listview .enroll_portlet__children {
  width: calc(100% + 42px);
  margin-left: -21px;
  margin-bottom: -21px;
}

.enroll_portlet__listview>.enroll_portlet__hdr {
  margin-bottom: 0;
}

.enroll_portlet .enroll_portlet__children .enroll_portlet__listview .f4newlistview_table {
  border-radius: 0 0 8px 8px;
}

.enroll_portlet__listview .f4newlistview_hdr {
  border-radius: 0;
}

.enroll_portlet__listview .f4newlistview_table {
  border-radius: 0 0 13px 13px;
}

.enroll_portlet .enroll_portlet__children .enroll_portlet__listview .f4newlistview_table {
  border-radius: 0 0 8px 8px;
}

.enroll_portlet__listview .f4newlistview_hdr {
  border-radius: 0;
}

.enroll_portlet__listview .f4newlistview_table {
  border-radius: 0 0 13px 13px;
}


.enroll_portlet .enroll_portlet__children .enroll_portlet {
  border-radius: 8px;
}

.enroll_portlet {
  padding: 20px;
  border: 1.5px solid var(--portlet-border-color);
  border-radius: 13px;
  background-color: var(--qnb-background);
  position: relative;
}

.enroll_portlet__children .row {
  margin-right: -7.5px;
  margin-left: -7.5px;
}

.enroll_portlet__children .row:not(:last-child) {
  margin-bottom: 25px;
}

.enroll_portlet__children--view .row:not(:last-child) {
  margin-bottom: 30px;
}

.enroll_portlet+.enroll_portlet {
  margin-top: 15px;
}

.enroll_portlet__hdr {
  font-size: 19px;
  font-weight: bold;
  line-height: 23px;
  padding: 0 20px 15px;
  border-bottom: 1.5px solid var(--portlet-border-color);
  margin: -3px -20px 20px;
  display: flex;
  gap: 30px;
  max-height: 39px;
  align-items: center;
}

.enroll_portlet__hdr--search {
  padding: 0 20px 23px;
  max-height: unset;
}

.enroll_portlet .row>div {
  padding: 0 7.5px;
  position: unset;
}

.twocol_grid__portlet {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, 1fr));
  gap: 12px;
  margin-top: 15px;
}

.twocol_grid__portlet .enroll_portlet+.enroll_portlet {
  margin-top: 0;
}

.bo_enrollment__mdlbtns span>button {
  width: 116px;
}

.enrollment_next__btn.f4Button {
  background-color: var(--qnb-primary);
}

.enrollment_next__btn.f4Button:hover,
.enrollment_next__btn.f4Button:active,
.enrollment_next__btn.f4Button:focus {
  background-color: var(--qnb-primary-hover) !important;
}

.bo_enrollment__mdlbtns {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bo_enrollment__mdlbtns--end {
  justify-content: flex-end;
}

.bo_enrollment__mdlbtns>div:last-child {
  display: flex;
}

.bo_enrollment__mdlbtns>div:last-child>span:first-child {
  margin-right: 10px;
}

.frtTabs .listViewConfigureTm {
  background: transparent;
  color: var(--qnb-primary);
  font-size: 21px;
  margin: auto;
}

.frtTabs .ant-tabs {
  overflow: visible;
}

.frtTabs .f4newlistview_table {
  width: calc(99.5% + 46px);
  margin-left: -20px;
  border-radius: 0;
}

.frtTabs .ant-tabs-bar {
  margin: 0;
  margin-top: -20px;
}

.frtTabs .ant-tabs-ink-bar {
  height: 3px;
}

.frtTabs .ant-tabs-nav .ant-tabs-tab {
  font-size: 17px;
  padding-inline: 0;
  color: var(--qnb-foreground-disabled);
}

.frtTabs .ant-tabs-nav .ant-tabs-tab-active {
  color: var(--qnb-primary);
}

.txnmatrix_showmore {
  /* background-color: var(--qnb-background); */
  padding: 15px 20px;
  display: flex;
  gap: 15px;
  background-color: var(--qnb-background-muted);
}

.frt_showmore {
  background-color: var(--qnb-background);
  background-color: var(--qnb-background-muted);
  padding: 10px;
}

.frt_showmore .showmore_padding {
  padding: 15px 20px !important;
}

.frt_showmore .showmore_padding_left {
  padding: 0 !important;
}

.frt_showmore .showmore_padding_right {
  padding: 0 !important;
}

.checkbox__field {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 27px;
}

.txnmatrix__modal .enrollment_style .checkbox__field {
  margin-top: 7px !important;
}

.checkbox__field .small-check-container {
  padding: 5px 5px !important;
}

.checkbox__field .small-check-box {
  margin: 0px 7px 0px 0px !important;
}
.f4newlistview_row__hasshowmore .f4newlistview_addtl__fieldsalt {
  padding: 10px 13px;
}

.fors_view__portletwaction {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /* margin-bottom: -10px; */
}

.fors_view__actionbtn {
  max-height: 22px;
}

.fors_view__actionbtn .actionbtn_panel {
  opacity: 1;
  pointer-events: unset;
  margin-top: -10px;
}

.fors_view__actionbtn .actionchoice-btnicon {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 0;
  margin-right: 10px;
  margin-top: 5px;
}

/* || END OF FRT Newlook CUstom Styles */


.libt_tc_create_view_page__main {
  margin-top: 200px;
  position: fixed;
  bottom: 17%;
  left: 135px;
  right: 20px;
}

/*** CASHFLOW ***/
/* Header */
.cashflow-header {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cashflow-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--qnb-foreground);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.cashflow-select{
  width: 150px;
}

/* Info Icon Tooltip */
.cashflow-info-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.cashflow-info-wrapper:hover .cashflow-info-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.cashflow-info-tooltip {
  position: absolute;
  top: 100%;
  left: -10px;
  transform: translateY(-5px);
  width: 400px;
  background-color: var(--qnb-secondary);
  border-radius: 8px;
  box-shadow: 0 4px 6px var(--qnb-shadow-md);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 1000;
  margin-top: 8px;
}

.cashflow-info-tooltip::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 22px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--qnb-border);
}

.cashflow-info-tooltip-content {
  padding: 16px;
  color: var(--qnb-foreground-inverse);
  font-size: 14px;
}

.cashflow-info-tooltip-content_sub{
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
}


/* Content Grid */
.cashflow-content {
  display: grid;
  grid-template-columns: 1fr 480px;
  gap: 60px;
}

/* Chart Section */
.chart-section {
  display: flex;
  flex-direction: column;
}

.cashflow_controls-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

/* Period Selector */
.cashflow_period-selector {
  display: flex;
  gap: 0;
  padding: 3px;
  background-color: var(--qnb-background-muted);
  border-radius: 5px;
  height: 35px;
}

.cashflow_period {
  padding: 8px 13px;
  border: none;
  background: transparent;
  color: var(--hdr-color);
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.cashflow_period:hover {
  color: var(--qnb-foreground);
}

.cashflow_period-btn.active {
  background-color: var(--qnb-background);
  border-radius: 3px;
  box-shadow: 0 2px 6px 0 var(--qnb-shadow-md);
}

/* Custom Legend */
.cashflow_custom-legend {
  display: flex;
  gap: 24px;
}

.cashflow_legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--qnb-foreground-secondary);
}

.cashflow_legend-color {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.cashflow_legend-color.debit {
  background: var(--qnb-secondary);
}

.cashflow_legend-color.credit {
  background: var(--qnb-background-inverse);
}

.cashflow_legend-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--hdr-color);
}

/* Chart Wrapper */
.cashflow_chart-wrapper {
  border-radius: 12px;
  position: relative;
  margin-left: -20px;
}

/* Custom Tooltip */
.cashflow_custom-tooltip {
  background-color: var(--qnb-background-inverse);
  border-radius: 5px 5px 5px 0;
  width: 158px;
  height: 73px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cashflow_tooltip-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--qnb-foreground-inverse);
}

.cashflow_tooltip-name {
  font-size: 13px;
  color: var(--qnb-foreground-inverse);
}

.cashflow_tooltip-date {
  font-size: 12px;
  font-weight: 600;
  color: var(--qnb-foreground-inverse);
}

/* Totals Cards */
.cashflow_totals__section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* Ensure the container takes full height */
}

.cashflow_totals-others-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.cashflow_totals-others-item:last-child {
  margin-bottom: 0;
}


.cashflow_totals-others-item-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--hdr-color);
  line-height: 17px;
}

.cashflow_totals-others-item-value {
  font-size: 17px;
  font-weight: 700;
  color: var(--hdr-color);
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 20px;
}

/* Error State */
.error-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  gap: 20px;
}

.error-message {
  color: var(--qnb-danger);
  font-size: 16px;
  font-weight: 500;
}

.retry-btn {
  padding: 10px 24px;
  background: var(--qnb-background-inverse);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.retry-btn:hover {
  background: var(--qnb-background-inverse);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--qnb-shadow-subtle);
}


/* Chart Customization via CSS */
.recharts-cartesian-axis-tick-value {
  fill: var(--qnb-chart-axis);
}

.recharts-cartesian-grid-horizontal line {
  stroke: var(--qnb-border-subtle);
}

.recharts-bar-rectangle:hover {
  opacity: 0.8;
}


.cashflow_totals__section {
  background-color: var(--qnb-background-muted);
  border-radius: 10px;
  height: 295px;
  padding: 20px;
}

.cashflow_totals-net > div:first-child{
  font-size: 15px;
  line-height: 18px;
  color: var(--qnb-foreground-muted);
  font-weight: 500;
}

.cashflow_totals-net > .cashflow_totals-net-value {
  font-weight: bold;
  color: var(--hdr-color);
}

.cashflow_totals-net-value > .view_amt__formattedwc > span:first-child {
  font-size: 14px !important;
  margin-top: 3px;
}

.cashflow_totals-others-item-value > .view_amt__formattedwc > span:first-child{
  margin-top: 2px;
}

/* Skeleton Loading Styles */
.skeleton {
  background: linear-gradient(
    90deg,
    var(--qnb-info-subtle) 25%,
    var(--qnb-background-muted) 50%,
    var(--qnb-info-subtle) 75%
  );
  background-color: var(--qnb-background);
  background-size: 200% 100%;
  background-position: 200% 0;
  border-radius: 4px;
  display: inline-block;
  animation: skeleton-loading 1.5s infinite ease-in-out;
}

.skeleton.skeleton-large {
  border-radius: 6px;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Skeleton styles for cashflow totals */
.cashflow_totals__section .skeleton {
  margin: 4px 0;
}

.cashflow_no-access-state{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  color: var(--hdr-color);
}

.scf_dashboard_widget__item {
  width: 550px;
  height: 535px;
}

.scf_widget_chart-wrapper {
  border-radius: 12px;
  position: relative;
  margin-left: -20px;
  margin-bottom: -20px;
}

.scf_widget_period-selector {
  display: flex;
  gap: 0;
  padding: 3px;
  background-color: var(--qnb-background-muted);
  border-radius: 5px;
  width: 202px;
  height: 35px;
}

.scf_widget_legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--qnb-foreground-secondary);
  margin-left: 12px;
  margin-bottom: 10px;
}

.scf_widget_legend-color {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.scf_widget_legend-color.past_due {
  background: var(--qnb-danger);
}

.scf_widget_legend-color.due_amount {
  background: var(--qnb-secondary);
}

.scf_widget_legend-color.outstanding_amount {
  background: var(--qnb-background-inverse);
}

.scf_widget_legend-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--hdr-color);
}

.scf_widget_totals-container-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 15px;
}

.scf_widget_totals-item-value {
  font-size: 14px;
  font-weight: 700;
  color: var(--hdr-color);
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 17px;
}

.scf_widget_custom-tooltip {
  background-color: var(--qnb-background-inverse);
  border-radius: 5px 5px 5px 0;
  width: 250px;
  height: 90px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.scf_widget_tooltip-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--qnb-foreground-inverse);
}

.scf_widget_tooltip-name {
  font-size: 13px;
  color: var(--qnb-foreground-inverse);
}

.scf_widget_tooltip-date {
  font-size: 12px;
  font-weight: 600;
  color: var(--qnb-foreground-inverse);
}

.eippmnt_listview-more{
  background-image: linear-gradient(to right, var(--qnb-border) 50%, transparent 50%);
  background-position: top;
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

.eippmnt_listview-extra{
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px 15px;
  font-weight: 500;
  font-size: 14px;
}

.eippmnt_listview-extra>div:first-child {
  color: var(--sub-text-coloralt);
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  margin-right: 5px;
  font-weight: 500;
}

.eippmnt_listview .f4newlistview_addtl__fields{
  padding: 10px 0 5px;
}

.bobtnc_btn__onlineenroll_inlinelink {
  display: contents;
}

/* Custom Components For Mobile */
/* ||Mobile List View */
.mblbms_lv__placeholder {
  text-align: center;
}

.mblbms_lv__placeholder>div:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 10px;
  color: var(--placeholder-color);
}

.mblbms_lv__placeholder>div:nth-child(3) {
  margin-top: 20px;
  padding: 0 10px;
}

.mblbms_lv__placeholder>div:nth-child(3) .f4Button {
  height: 40px;
  border-radius: 10px;
  font-weight: 700;
}

.mblbms_lv__placeholder>div:nth-child(3) .f4Button>i {
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.mblbms_lv__item {
  position: relative;
  /* overflow: hidden; */
  /* padding-bottom: 15px; */
  margin-bottom: 15px;
  /* border-bottom: 1px solid var(--qnb-border); */
}

.mblbms_lv__item:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}

.mbl_rpinvlv__item {
  word-break: break-word;
}

.mbl_rpinvlv__itemhdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.mbl_rpinvlv__itemhdrtxt {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 17px;
}

.mbl_rpinvlv__itemhdr .sme_btn__link {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 16px;
}

.mbl_rpinvlv__itemdscp {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
}

.mbl_rpinvlv__itemfr,
.mbl_rpinvlv__itemsr {
  margin-top: 20px;
  display: flex;
}

.mbl_rpinvlv__itemfr>div {
  width: calc(50% - 45px);
}

.mbl_rpinvlv__itemsr>div:first-child {
  width: calc(50% - 45px);
}

.mbl_rpinvlv__itemsr>div:nth-child(2) {
  width: calc(50% + 45px);
}

.mbl_rpinvlv__itemdtl>div:first-child {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 14px;
  color: var(--label-color);
  margin-bottom: 10px;
}

.mbl_rpinvlv__itemdtl>div:nth-child(2) {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
}

.mbl_rpinvlv__itemfr>.mbl_rpinvlv__itemactions {
  width: 90px;
  display: flex;
}

.mbl_rpinvlv__itemactions>div {
  height: 30px;
  width: 40px;
  border-radius: 20px;
  border: 1.5px solid var(--qnb-border-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1px;
  position: relative;
  margin-left: 5px;
}

.mbl_rpinvlv__itemactions>div>img {
  height: 28px;
  width: 28px;
}

.mbl_rpinvlv__itemamt {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.mbl_rpinvlv__itemamt>div:first-child {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
  color: var(--label-color);
}

.mbl_rpinvlv__itemamt>div:last-child {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 18px;
  text-align: right;
}

.mblbms_lv__paneladd__withtotal {
  margin-top: 70px !important;
}

.mbl_rvinv__lvpanel .mblbms_lv__paneladd {
  margin-top: 25px;
  margin-bottom: 0px;
}

.mblbms_lv__panel .mblbms_lv__paneltotal {
  padding-top: 20px !important;
}

.mblbms_lv__placeholder .mblbms_lv__paneltotal {
  padding-top: 20px !important;
  padding-bottom: 40px !important;
}

.mbl_rvinv__lvpanel_alt .mbl_listview__oddeven {
  margin-inline: 0;
  margin-top: 0;
}

.mblinv_lv__hdropt .f4CheckboxNewMainContainer {
  border: 2px solid var(--border-color-alt);
  box-shadow: 2px 0 5px 0 var(--qnb-shadow-subtle);
  border-radius: 10px;
  padding: 10px 15px;
}

.mblinv_lv__hdropt .f4checkboxnew_checked {
  border-color: var(--qnb-accent);
  background: var(--qnb-selection);
}

.mblinv_lv__hdropt .f4checkboxnew_checked .small-check-container>label {
  font-weight: 700;
}

.mblinv_addtl__sectionpanel {
  width: calc(100% + 20px);
  border: none;
}

.mblinv_addtl__sectionpanel .invoice_addtl__sectionhdr {
  font-size: 20px;
}

.mblinv_form__listtotals {
  position: sticky;
  bottom: 0;
  left: 0;
  width: calc(100% + 40px);
  background: var(--qnb-background);
  z-index: 99;
  margin: 0px -20px;
  padding: 25px;
  box-shadow: 0 -5px 13px 0 var(--qnb-shadow-card);
}

.mbl_crinvf__wrapper {
  padding-bottom: 0px;
}

.mblinv_addtl__sectionpanel .f4upload_field__label .f4FormFieldLabel {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  color: var(--field-label-color);
}

/* .mblbms_lv__paneladd::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 1px;
  background: var(--qnb-border);
} */

.mblbms_lv__paneladd>i {
  margin-right: 10px;
  position: relative;
  top: 1px;
}

/*|| Generic Mobile Body */

.generic_mainmenu__mobileoverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 799;
  background: var(--qnb-background-inverse);
}

/* ||Mobile Dropdown */
/* || mobile select */

.mobile_single__selectmain {
  height: 45px;
  width: 100%;
  background: var(--qnb-background);
  outline: none;
  display: flex;
  align-items: center;
  border: 2px solid var(--qnb-border);
  border-radius: 10px;
  position: relative;
}

.mobile_single__selectmain>div:first-child {
  width: calc(100% - 40px);
  padding: 0 15px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mobile_single__selectplaceholder {
  color: var(--placeholder-color);
  font-size: 17px;
  font-weight: 500;
}

.mobile_single__selectarrow {
  width: 40px;
  display: flex;
  justify-content: center;
  color: var(--placeholder-color);
  font-size: 17px;
}

.mobile_single__selectoptitem {
  position: relative;
  min-height: 55px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  font-size: 15px;
  border: 2px solid var(--qnb-border);
  margin: 7px 0px;
  border-radius: 10px;
}

/* .custom_mobileinput__field {
  padding-inline: 10px;
} */
.mobile_single__selectoptitemalt {
  border-radius: 10px;
  border: 2px solid var(--qnb-accent);
  color: var(--qnb-accent);
  background: var(--selected-light-main);
}

.mobile_single__selectoptitemcheck {
  height: 16px;
  width: 16px;
  font-size: 8px;
  border-radius: 50%;
  background: var(--qnb-accent);
  /* display: flex; */
  align-items: center;
  justify-content: center;
  color: var(--qnb-foreground-inverse);
  opacity: 0;
  pointer-events: none;
  display: none;
}

.mobile_single__selectoptitemalt>.mobile_single__selectoptitemcheck {
  opacity: 1;
  pointer-events: unset;
}

.mobile_single__selectoptitem .multi-option-label {
  white-space: unset;
  text-overflow: unset;
  overflow: unset;
  word-break: break-word;
  font-size: 15px;
}

.mobile_single__selectsearch {
  position: sticky;
  top: 0;
  background: var(--qnb-background);
  z-index: 1;
  padding-bottom: 20px;
}

.mobile_single__selectsearch>img {
  position: absolute;
  color: var(--placeholder-color);
  width: 19px;
  height: 19px;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  pointer-events: none;
}

/* New Mobile Listview */
.mbl_listview__fields {
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 13px;
  background-color: var(--qnb-background);
  padding: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.mbl_listview__hdr {
  border-radius: 8px 8px 0 0;
  background-color: var(--qnb-background-muted);
  margin-top: -15px;
  margin-left: -15px;
  margin-inline: -15px;
  padding: 7px 15px;
  font-size: 15px;
  font-weight: 600;
}

.mbl_listview__ctr {
  position: relative;
  will-change: transform;
  z-index: 2;
  transition: 0.2s;
}

.mbl_listview__ctr--toggle {
  transform: translateX(-88px);
}

.mbl_listview__item__settlementacct .small-check-lbl {
  font-size: 18px;
}

.mbl_listview__item__settlementacct .small-check-box {
  width: 20px;
  height: 20px;
}

.mblbms_lv__paneladd {
  position: relative;
  text-align: center;
  color: var(--qnb-primary);
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  padding: 10px 0px;
  margin: 25px 0 -10px;
  border: 1.5px solid var(--qnb-primary);
  border-radius: 8px;
  background-color: var(--qnb-background-muted);
}

.mbl_listview__item .f4FormFieldLabel,
.mbl_listview__select .mbl_listview__item {
  display: none;
}

.mbl_listview__item .mobile_single__selectmain {
  border-radius: 10px;
  background-color: var(--mbl-card-border);
}

.mbl_listview__item .mobile_single__selectmain>div:first-child {
  color: var(--qnb-foreground-muted);
  font-size: 17px;
  border: none;
  font-weight: 600;
}

.mbl_listview__regselect .mobile_single__selectmain {
  background-color: var(--qnb-background-muted);
}

.mbl_listview__item .mobile_single__selectarrow {
  color: var(--hdr-color);
}

.mbl_listview__item .Select-value-label strong {
  font-weight: 600;
}

.mbl_listview__regselect .Select-value-label strong {
  font-weight: 500;
}

.mbl_listview__delete {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  color: var(--qnb-foreground-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: var(--clear-color);
  height: 100%;
  gap: 1px;
  position: relative;
}

.mbl_listview__edit {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  color: var(--qnb-foreground-inverse);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: var(--qnb-background);
  height: 100%;
  gap: 1px;
  position: relative;
}

.mbl_listview__actions {
  position: absolute;
  right: -15px;
  top: 0;
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  width: -webkit-fit-content;
  z-index: 1;
  display: flex;
}

.mbl_listview__actions>div {
  width: 110px;
}

.mbl_listview__collapsible {
  border: 1px solid var(--mbl-card-border);
  border-radius: 10px;
  background-color: var(--qnb-background);
  padding: 18px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  transition: 0.3s;
  max-height: 120px;
  will-change: max-height;
  overflow: hidden;
}

.mbl_listview__collapsible--open {
  max-height: 1000px;
  will-change: max-height;
  transition: 0.3s;
}

.mbl_listview__hdrwsub {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mbl_listview__hdrcollapsible {
  font-size: 17px;
  font-weight: 700;
}

.mbl_listview__subhdrcollapsible {
  font-size: 15px;
  font-weight: 500;
}

.mbl_listview__collapsible>.row {
  width: 100%;
}

.mbl_listview__collapsible>.row:not(:first-child) {
  margin-top: 15px;
}

.mbl_listview__collapsible>.row:not(:last-child) {
  border-bottom: 1px solid var(--qnb-border);
  padding-bottom: 15px;
}

.mbl_viewfield__wcollapsible {
  display: flex;
  justify-content: space-between;
}

.mbl_viewfield__collapsed {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.mbl_listview__arrow {
  font-size: 20px;
}

.mbl_viewfield__collapsed .bob_view__field::after,
.mbl_viewfield__wcollapsible .bob_view__field::after {
  content: none;
}

.mbl_packagetype__view {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
}

.mbl_listview__indicator {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
}

.bob_view__portletbody>.mbl_listview__views:not(:first-child) .mbl_listview__oddeven {
  border-top: 1.3px solid var(--mbl-card-border);
}

.bob_view__portletbody .mbl_listview__views:not(:first-child)>.mbl_listview__oddeven:not(:first-child) {
  border-top: 1.3px solid var(--mbl-card-border);
}

.mbl_listview__oddeven {
  position: relative;
  /* overflow: hidden; */
  margin-inline: -15px;
  margin-top: -10px;
  margin-bottom: -10px;
  padding: 10px 15px;
}

/* .mbl_listview__oddeven > .row:not(:last-child), */

.mbl_listview__oddeven .mbl_listview__indicator {
  background-color: var(--qnb-primary);
}

.mbl_listview__views+.mbl_listview__oddeven:nth-child(odd)>.mbl_listview__indicator {
  background-color: var(--qnb-primary);
}

.mbl_listview__views>.mbl_listview__oddeven:nth-child(even)>.mbl_listview__indicator {
  background-color: var(--qnb-background);
}

.mbl_listview__views .mbl_listview__oddeven:last-child>.mbl_listview__indicator {
  height: calc(100% + 20px);
}

.mbl_listview__views .mbl_listview__oddeven.mbl_listview__lined .bob_view__field:not(:last-child)::after {
  position: absolute;
  content: '';
  width: 1.3px;
  color: var(--mbl-card-border);
  height: 100%;
  display: block;
}

.mbl_listview__views .mbl_listview__lined .bob_view__field::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.3px;
  background: var(--mbl-card-border);
}

.mbl_listview__views .mbl_listview__oddeven:not(:first-child) {
  border-top: 1.3px solid var(--mbl-card-border);
}

/* .bob_view__portletbody .mbl_listview__views .row::after {
  content: '';
  position: relative;
  left: 20px;
  bottom: -20px;
  height: 1px;
  background: var(--qnb-border);
  width: calc(100% - 40px);
} */
.bob_view__portletbody .mbl_listview__views .mbl_listview__lined .row:not(:nth-last-child(2))::after {
  content: '';
  border-bottom: 1px solid var(--mbl-card-border);
  width: calc(100% - 30px);
  display: block;
  margin: 0px auto;
  padding-bottom: 10px;
}

.mbl_listview__views .mbl_listview__oddeven>.row {
  margin-bottom: 10px;
}

.mbl_listview__views .mbl_listview__oddeven:not(:last-child) {
  padding-bottom: 10px;
}

.mbl_listview__views .mbl_listview__oddeven:last-child {
  padding-bottom: 0;
}

.ae_contentsection__alt .mbl_listview__oddeven:not(.mbl_listview__oddeven.mbl_listview__lined) .bob_view__field:not(:last-child)::after {
  display: none;
}

/* || Mobile Navbar */
.bob_mobile__navheader {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding-inline: 15px;
  background-image: url("/fo/images/Accounts Header.2dc542bf.svg");
}

.bob_mobile__nav {
  max-height: calc(100vh - 75px);
  overflow-y: auto;
}

.bob_mobile__navnb {
  max-height: calc(100vh);
  overflow-y: auto;
}

.bob_mobile__navheadermenu {
  gap: 15px;
  padding-bottom: 15px;
}

.bob_mobile_navhdr {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 30px;
}

.bob_mobile__navlogo>img {
  height: 20px;
  margin-top: 60px;
}

.bob_mobile__navsearch {
  margin-bottom: -22.5px;
}

.bob_mobile__navsearchmenu {
  margin-bottom: 0;
}

.bob_mobile__navsearch .menu_search__sectioninput .react-autosuggest__input {
  border: 0.8px solid var(--qnb-border-subtle);
  border-radius: 13px;
  width: 100%;
  background-color: var(--qnb-background-muted);
  height: 55px;
  box-shadow: 0 1px 11px 0 var(--qnb-shadow-subtle), 0 3px 8px 2px var(--qnb-shadow-subtle);
}

.bob_mobile__navsearch .menu_search__sectioninput .react-autosuggest__input::-moz-placeholder {
  color: var(--qnb-foreground-muted);
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}

.bob_mobile__navsearch .menu_search__sectioninput .react-autosuggest__input::placeholder {
  color: var(--qnb-foreground-muted);
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}

.bob_mobile__navsearch .menu_search__section {
  width: 100%;
}

.bob_mobile__navsearch .menu_search__sectioninput>img {
  width: 20px;
  height: 20px;
  top: 50%;
}

/* || Navigation */
.bob_mobilenavicon {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  align-items: center;
}

.bob_mobile_navbtn {
  flex: 1;
  display: flex;
  justify-content: center;
}

.bob_mobile__navbuttons {
  display: flex;
  justify-content: space-around;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: var(--qnb-background);
  box-shadow: 0 -7px 16px 0 var(--qnb-shadow-subtle);
  z-index: 99;
  padding-top: 10px;
  padding-bottom: 20px;
}

.bob_mobilenavicon>img {
  height: 28px;
}

.bob_mobile_navbtn img {
  /* filter: brightness(0) saturate(100%) invert(16%) sepia(23%) saturate(0%) hue-rotate(183deg)
    brightness(93%) contrast(90%); */
}

.bob_mobile_navbtnactive img {
  filter: unset;
}

.bob_mobile_navbtnactive .bob_mobilenav__label {
  font-weight: 700;
  color: var(--qnb-primary);
}

.bob_mobilenav__label {
  font-size: 11px;
  font-weight: 500;
}

.bob_mobile_navbtn.bob_mobile_navbtnactive::before {
  display: block;
  position: absolute;
  content: '';
  width: 50px;
  height: 3px;
  background: var(--qnb-primary);
  top: 0;
  border-radius: 0 0 2px 2px;
}

/*Favorites Mobile Panel  */
.bm_mblbookmarks__panel {
  margin-inline: 15px;
  margin-top: 20px;
}

.bm_mblbookmarks__panelhdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bm_mblbookmarks__panelhdr>div:first-child {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.bm_mblbookmarks__panelhdr .bm_mblmanage__btn {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--qnb-primary);
  background-color: transparent;
  padding: 0;
}

.bm_mblbookmarks__panelhdr .bm_mblmanage__btn:hover,
.bm_mblbookmarks__panelhdr .bm_mblmanage__btn:active,
.bm_mblbookmarks__panelhdr .bm_mblmanage__btn:focus {
  color: var(--qnb-primary) !important;
  background-color: transparent !important;
}

.bob_mblmainmenu__itemlist {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  padding: 0 15px;
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

/* ||Initial Profile screen  */
.mbl_myprofile__menuctr {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 40px;
  padding-bottom: 45px;
  border-bottom: 1px solid var(--qnb-border-subtle);
  margin-bottom: 25px;
}

.mbl_myprofile__logout .f4Button {
  width: 100%;
}

.mbl_myprofile__menu:hover {
  color: var(--qnb-primary);
  background-color: var(--light-hover-color);
}

.mbl_myprofile__menu {
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 16px;
  background-color: var(--qnb-background);
  box-shadow: 0 2px 11px 0 var(--qnb-shadow-subtle);
  padding: 21px 15px;
  align-items: center;
  color: var(--qnb-primary);
}

.mbl_myprofile_menulabel {
  display: flex;
  gap: 15px;
  font-size: 17px;
  font-weight: 500;
  align-items: center;
}

/* f4capture */

.mobile_euimg__modal {
  width: 100%;
  height: 100%;
}

.mobile_euimg__modal .edituploadimg_workspace {
  width: 100%;
  margin: 0px;
}

.mobile_euimg__modal .f4ModalHeader {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 25px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}

.mobile_euimg__modal div.f4ModalHeader .close {
  color: var(--qnb-foreground-inverse);
  margin: 0px;
  font-size: 40px !important;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  right: -7px;
}

.mobile_euimg__modal .f4ModalTitle {
  color: var(--qnb-foreground-inverse);
  font-size: 18px;
  font-weight: 500;
  width: calc(100% - 40px);
}

.mobile_euimg__modal .f4ModalBody {
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mobile_euimg__modal .editupload_img__slider {
  bottom: 120px;
}

.mobile_euimg__modal .f4ModalFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px;
}

.mobile_euimg__modal .f4ButtonGroup>span {
  margin: 0px !important;
  width: 100%;
}

.mobile_euimg__modal .f4ButtonGroup .f4Button {
  height: 50px;
  border-radius: 16px;
}

.mobile_capimg__modal .f4ModalHeader {
  background: var(--qnb-background-inverse);
}

.mobile_capimg__modal .camera_captureimg__panel,
.mobile_capimg__modal .camera_captureimg__panel .react-html5-camera-photo>video {
  height: 100%;
}

.mobile_edit__photo {
  position: absolute;
  bottom: 10px;
  right: -8px;
}

.mbl_uploadcap__btn {
  height: 35px;
  width: 35px;
  padding: 0px;
  border-radius: 50%;
  border: none;
  box-shadow: none;
}

.mbl_uploadcap__btn>span>img {
  height: 35px;
}

.mbl_gnrcmenu__drop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 800;
  background: var(--qnb-background);
  width: 100%;
  height: 100%;
  max-height: 100%;
  transition: 0.7s;
  /* padding: 0px; */
  /* border-radius: 0px; */
  box-shadow: 0 -2px 8px 3px var(--qnb-shadow-subtle), 0 0 12px 0 var(--qnb-overlay-light);
  padding: 15px 0px;
  border-radius: 20px 20px 0 0;
}

.mbl_gnrcmenu__dropalt {
  bottom: -100%;
}

.mbl_gnrcmenu__drophdr {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  height: 65px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background: var(--qnb-background);
  flex-direction: row-reverse;
}

.mbl_gnrcmenu__dropclose {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.mbl_gnrcmenu__droptitle {
  width: calc(100% - 60px);
  padding: 0 5px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
}

.mbl_gnrcmenu__drophdrleft {
  width: unset;
  display: flex;
}

.mbl_gnrcmenu__drophdrright {
  width: 60px;
  display: none;
  justify-content: flex-end;
}

.mbl_gnrcmenu__drophdrright .generic_mainmenu__mobileclear {
  padding: 0 5px;
  height: 25px;
}

.mbl_gnrcmenu__dropbody {
  height: calc(100% - 65px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 15px;
}

.mbl_gnrcmenu__dropbody .actionchoice-optitem {
  border-radius: 0px;
  min-height: 65px;
  border-bottom: 1px solid var(--qnb-border);
}

.mbl_gnrcmenu__dropbody .actionchoice-optitem:last-child,
.mbl_gnrcmenu__dropbody .mbl_category__picker {
  border-bottom: none;
}

.mbl_gnrcmenu__dropbody .actionchoice-optitem>div:last-child {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  padding-left: 10px;
}

.mbl_uploadcap__itemrm>div:last-child {
  color: var(--clear-button-color);
}

/* panel template */
.bob_mbl__panelhdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  z-index: 100;
}

.bob_mbl__panelhdrblue {
  top: 0;
  position: sticky;
  width: calc(100% + 30px);
  left: -15px;
  margin-left: -15px;
  padding-top: 30px;
  margin-top: 0;
  background: var(--mbl-panelhdr);
  padding-inline: 15px;
  padding-bottom: 22px;
}

.bob_mbl__panelclose:hover,
.bob_mbl__panelclose:active {
  background-color: var(--light-hover-color);
}

.bob_mbl__panelclose {
  font-size: 28px;
  transition: 0.3s;
  height: 28px;
  border-radius: 50%;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bob_mblack__panelclose>i {
  color: var(--qnb-foreground-inverse);
}

.bob_mbl_backhdr {
  display: flex;
  gap: 10px;
  align-items: center;
}

.bob_mbl_paneltitle {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.bob_ack__mblactions {
  display: flex;
  gap: 15px;
}

.bob_ack__mblactions .bob_mblack__panelclose {
  height: 35px;
  width: 35px;
  font-size: 24px;
  background-color: var(--qnb-background);
}

.bob_mbl__panelwtabs {
  display: flex;
  flex-direction: column;
}

.bob_mbl_paneltabhdr {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.bps_menu__hdr {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}

.bps_menu__item {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 15px 0;
}

.bps_menu__icon {
  height: 40px;
  width: 40px;
  background-color: var(--qnb-selection);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.bps_menu__options>.bps_menu__item:not(:last-child) {
  border-bottom: 1.3px solid var(--qnb-border-subtle);
}

.bps_menu__label {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
}

.bps_myprofile__bghdr {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ4AAAC0CAIAAAArXt28AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABnqADAAQAAAABAAAAtAAAAAClCM07AAAs7klEQVR4Ae2daZejOLKGbeMtt6peZ879/z/snvt1pnumu3Lxbt8npEySxBhCAtuAg3ZnySC0hOB17Br+33+eF7vDwA6jgFHAKNAjCowmo+H9eDjs0ZRsKkYBo4BRYAQJQLaH8SgxeLPHwShgFOgLBQTaOEbDwf0YDs5/s79GAaOAUaDbFPgEM5i2u2Q0N+at2wtqozcKGAWEAp/Q5ukxHSGconoz6dSeD6OAUaDDFMhDG1NJhsPH8XCMjGqHUcAoYBToJgUKoI2JwLbdJ8OZoVs3F9VGbRQwChRDm6fLLIF9G5XVMPoZBYwCRoFWUqACuODbHidmOW3l0tmgjAJGgdMUGJ++9HkFy+l4dFjuDgcLW/ikipXaRQF0xChSRmhT5C/+TFJAYSz/DOTB9crju+l4s93t93yXk3tOu+eaZ9s93Yf9QepPkmS13e3ctf2Bk+2arI2mkgIqaKOVyXA4ToaEZG0N3iqJahXORgFgCgjDhs9fRIpk5AqDwWySjJPR22pzomcPa3IRH4DpbLxc7z6wjnOfV9PbH+eT5WYEBvozIBvo5jBOYI7QxD3/Hga8DhammBKtVQUttDFonipCsjb74XJnv2GtWsTeDgYzPeA1HkrADFjm+bLC2W52e9ixwku5k9S8n46XA6Ct7Fhv99PkE9oAPzw+GUAGB9+VOfPJeLndvqy2wB9cHvwgcGhvSBlxL3JN9TRkR0LEAg/ccjfY2Opl6WLl2hSAC+PRGg/RfgiWBbkfIVPu94fRaMjf8oHwuzyinoihZRUdVk4H621ZJXdtu98/TGHxBCsnMIAO8TJcHizegWvl3VX2YhVCKRAMbXSABuMuGRBXv+AxKX0+Qkdj9W+KAujFJslQfiyHkqZBWKIaBxAzGY1W+wp2jB4QM5FeN9t3YbOwT7AShRzVUpm0sJpv7WE2QV2zzYimGS6PKjKxp/n0bb1dbBgfLR/K+j7Vk50PoUAMtPn2EROexiNsC+uq38mQ8VjdPlOAVxwImHq+zKnJGpwtfNZ8LLr/yjapCQhuRHAsO8C+rExaUhX4u5uMX/fbkp966jzNJrv9SpAuGcITCMaJzm5QdltJr3aplALx0OabJeaU31sADq67tCO7eKMUgBtDc89DAoMmIXxnO8COZDbRNA9/N59U11zv9t8mU5i8yjYdViaTZL/Ocm5fbwNzv81p7f2AEuOBqBHlSIYAnOPmnPRqb9I7kWr9Uxfa3LoMCDvd7AernbHZtRajNzcnowGsmRM2L5osS0TI0RAmqJySXh9XqZgTmfSATPpF0ixsebPbYcQYrgfT02wjDB0//xME4Q+ra7Yp9IxOPOccWkDQFKFVLB2m8slSKajcALT5/uRneTREOAXgKp6soAFa5Y5QAEzhAfAMmmjpr3HAuIl2TKFu8zJppWLOyaTJdlfBuIl0+YGqyLCwe4Wzh6cD+wqh7Ut9z9Al7hzAKpiIl8kARLY36wuhSr80Bm2+F/9kg26mgCsle08upnA2dTbHq88KaJvjAuKMleWDAV80ijmpppNJ6RpTwna9BdaJTkTmPR4AMikGh9eTznfHd8gZMRYPBzNsrCK3HjB+AHPGPxQTK3O2YWijZX6vUcARf7oWEbVggTO9W7F7FGgbnGUpiCiqDHpWKuaAEoyZGiEXTu1xNlm40VCfkIZjHgto++l+xgsSx3xxozj3JQ7mBkPQjdfLfIazD0C23Dy00TprMBsndyhg96O37R4X32yXVu4cBXhX300BI2IAWN72HrBLGo8NJuB8O6r1aGCWZ8fK55zT36FTKzQpwAaW6OPKu8heZQ2EmxOY87o5h3F7EV3t8BRoHtogOovnH39eiW/T5OGQvG12OMEZ0TtEAZYQMRNTwDQZouHuysidug3Aqh6vq4nbWkVVwChlx8obpSaI5vV30EvQ7eiZX212/OprPFTK+/pyVXRzgnTEzYrWz1khYGCrrClf2ujfl+ahLcW1lFi8JE/T5P7gOLhK81V6mxUuTgHnqDFAEY5BwAUVXXwEtTsEsETdJtbFigMk0kRcifL+cCDeC2NleYs0OJ8kgJev5pRueXPtarv95WH+Y1neUvxV8SlxVgjZ7kQwTmystym0NgxtU/i0E+vCq/I0Sdg6621LEhGz9pwg08VPsy5i2XyHs4t333SHenUb77wm4ooBgln8YC+qgq7e9Xe8AB8YiOIPGTELiQyPi7wll/iJ99wcim+X5IRxALrC02UH1DT929Nek9AGB14pufBT9jjhM1pt9+QRWRcZktpDnb6OxMOZCJuji/qdXYaeenUbmFUZccWYsyaC8ikICCYJWra0mk+OlH6lAFtHRP1LoJ0020JEGbwFT9/f9gQThNhYvaW1rx4ljUEbuBYkwszGo9kYbnmEDs5iUSMe1tBbUAs47ixxwmbo3V2qH6Ru00RcOZlUEih9YcCKSOL1d1lo80o3IC+tvtxsiSe9MLSlvfsCDwNvq4uNcIEQznVOTK4f/Gaufhe/NgNt/CAE4VpKKR6Xx1HyMEmWMHHbPUqB9JIV6lOAdRE4E1Na5ALVH8PlWwBHNEo0BqaMuKIm8QbYSXdVMunahSXkpsyrsRt++oLAA8IqorhpiVwogRAoJWTQkpwTgNvvh0R9edk5N5cOfW0A2lg5pTPRKbrwy3Y3HvGBmrj7Lve7zI/cqZvsfDEFwLL0wyNbXKnXZ70STTPFnMdGyS1eJq3W/vuwhKN8IWI5zUipzk46XmwqghxKxnOmSyK38sxIIITwdYAvukGRXh3kdYvxqAttQD4/QU0RWtQBbIQ6GMG+kdpvudv1iUNuikq5dmQJEC7IU0BGjTjmOddi9786n7XqfERMVETI0WhdFZslIHhQyaTwjAAZzWapmBNLSV1JppAWQlt2zJQ9Q/eBEUOm5P2EeSv3Pu167oY2ff0YdtSY3IIhtjd/iDviZPgwGZHwkpAGPoZxWSo7xZm4aOBJi1CfvWRlKAC+KB13qYn1M6sdO0VAhM3JeLSTzONlBw0W+sHxo7P9yH8J1/b9jtCpjh1+x4mJD24dvCvpwHykV8fftWs6taCNX6dzv1VOtkoeyRdzkLAtQlMxqnaLMW5kwZESIAUpG8EyktDepqSppyRMk1O3Vd+x2e/vk+oERzT0IZNWQJvn7wrTivC+kJecplBpAaY4wfncvNWjbGUNz9O5oQkMeD0d76YXYMkCBGd3xYHHQxvrdMkXDDqKPk5IlcDKAXDr3aHfSczFCOAsAPL37D8iV3wIm+/6Xd3GG1f5cnntmMLRTC+T8nDiJ4jKODcxXKNSMyugJpsqfPj35mp28SvEFj0dv8F+9InQ3u8UASHgRy7M2UVCGyt0Ra2OZ+UexkI7jFykigPj+PmFdt095MlwFgBnlhEsk59CO2IpgCkKJVpO51XYmKjbdKmQlDLpdivp2wphS5x4nXIFddu3u8/MlIUD6/pJcA49PPKrN7/66cC1pjDH+wqXB3PX1JvLK4OuhndHPhHk46XDGyjixsZvYSaMhOT67kBoPWxwtmZHwT1+JKLybLzHBhv0vkU8624nnR66zjZIq4imCtX5he0AbcpUSEqZFEO/SyNARGf+CZQfMJeNkitsh9p1mbSQnuUnvcLua1Cy/Ig7mBOMk8LHh5IT4IWMBzbPkKsH2Vn2IN84Ka++y+JJ+Cy4JKc+jvHa1RkdUN/I1rKVB3UQRSurXaUCcyNlzExkNxkh9JDgErFei5MOeWYwvF5eUScqCSeJeCyDKXM871UodEOd8vN2P1b9cvNsvMfRyBtUduhlUg+shdYJHoCdc2pb9E4mLaNd1TVeWqDphN4li0y+nD3jm86fGYOBjicUVKQK/wvGnUa6C5gOqoigvc5cHF/6Zc5MFqQD+1F2ysQ/+GF3nl8I8VqUK1VPuScWLDcF/ueTyNI4e7kr+K88x1LDjotTIEDd5lxAJCzhq8dG4ZCVMikbV+UirrKtwbhhT7gFmTQ76wuX8z9rwul47i2DdPB08vYOyPPX9nRdleRjIqLsZJu4gqrvZu30iuCbcMACdHLP+3/pdSu0mgJ6dZtnsnTQtn9k19GqzCJkHr+fFj1ijmDCxcO7HQ49sJO29gmoEC090m0GQ+TW9WG0OeDcKMbdGzk8R4acy4Mokrxgmx2doQCWJfgjzXCRXpU1va1K4qSqDoC1RHXju8NrF9/dqpbsegwFVAvvGwbQcCsjXcfL9vBjc3glIoo95D1LE9O13WMUOC8FsA9gTNf0oQcsWkMmxbejsllsDiXQxrCQgbCi4jCsG2Nlh1bhCwWqV+hL9Y8vwBy+h6v9geRrP7YCdkDexrmufFSxf40CV6aAPpiUgYoLiM7uj9yKHq1ybk7ILasmtovBgEQgOLhVtmYVQikQCW25bhBREVTftoPn7eF5c3jbydfbkVtz1LCv7aGADybVjAfptYTJyrYAYqKYqJRJMUVhli9hyTzjhkxK4ES2fSs3QoHmaSoueTjQutE5nb2YDokNwvXBDqPAhSng3HG1WyWUKP5zw/Yy6XG8Qa6aMG6lYacwbmQEEWWuIhlcrnH7Wk6BZri2U31gWSRUYLl/V88hvSLDWlK2U+Sy841TAHBRipk8q/wklzBZ2bH5rZezZwrLqNumozKZ1DFuI2HcTCYtpGCNk+eFtuzAUM9hc8Dy8LodeCsEMGdCa5ZEVm6cAgiPXqWlablxmVSsE1WiK2DKrgsEZmlGaHX0FLgctGXH5K0QwNy7sXVLuLvp5rIUsnJjFNCr25z0qn0jhCNT2ElFJi21Tjg9jaQmZxO/xuZsDfmApOvSQWDuMHj3KRFLq5gg+LWzwyjQCAW8uk3TlN5ISmtEgLKlS2WzXt1WXg3G7W1txoRyIgVf1f5GBTccdQP6Du86h6X1x0bwjpQeEgpgh1EglgJBgKX33YXPwkpWaSel9/cA1dPjh3Fj7wUcSrAnnK5lV8Io0C5oy44dX2BxKNkNvN8c0qvZH7L0sbKSAu/R77rawmQpxEzfmF4mrfSDA/7MC0S3RNpa7YW27AywNmBz8PaHN9m91CTWLHmsXEEBp25TMURBLJ5aJq2OXmBw+O6ag1vFQoZc7ga0pTNCNsWbBEFVfINdCAR6OhNYU/pYoZACesBCzJTk0TrBUCmT4iniZM0KbKVTMyYULl/cyY5BW3aSmBpg3159/IN4zLkkHdkaVjYKOAoItKnFzLPIpFtiRSveNZDvbbN5mJ3MF2KLGUSBCnIHtXWtysLKicecWB7wJjGt3LUWorX9om5TOu4yBT2LR2WlTErIQaW6jdbYm1IyDFq4fBNPUh+gLUuHT63c1oeymoE1S57bLYvpUwcZjsWrEB5TOiplUl+tMtQBUfh1vTXGLSVvnULfoC2lhYvxEi85Z2AV0dWUcilxbrCgl0klxTxZpnU4CCURYDW+u2SdJH9RJeVdckqXLLWyqlUopUBvoS07a9KZYnnw4iqWVvMHzhLnRsoik+rVbWQBKQ0hyBINMNL47pIxXCOTwrhhKn04naE327WVSyhwE9CWzh9xFU2ct64uJbTLjKspbXpegGsLCCYN8W5TyqQwg7tDtdMckjAhpeYFUv9xvC1oS+kF47aSdMEirkrMg0FcSpr+FsS7TSdmCg6qWTwIppRJMSaoAkWHQxq0xOI1n8QbhbaUavBtEvPgcgUbxqVk6WVBH0TF9PU4SGWlTCoObiNxmysnL+/k62rzODcvkHI6VVy9dWhLyWMYl5KirwX23tar2/RmB8illEmpuSJWtMrBjWpIEbTJBsx9XYsLzMugLU/kHMYR7WBHPyhwPnUb9FHKpEo7KZzdC4zbbNoPyl9lFgZtJ8nuMY5oB6+PM5vDSUp158J+X7ZZQXYeME3IjvrNGZUyKckpsSdUMo+IrOz1B/em0s1lx23lDwoYtH1Q4vS/HuOwOTxvECgsZeZpSrX+SpALCFyePguIXibFC0QDWOjknpcwbqZxi3yqDNoCCIfbr9/ngV27xD8u4Far2goKIDbqI66orPduY3p6mZQxVBoT2NUbiyomBw0OtoK4LRuEQVvMggBq4h/n9pnGwGpHVygQZCQNqgwFlDIpNVe77VRhIiAwC8btaW4at5jny6AthmrpPewz7eIcJKKLsh1tp0DItlWyaQsp9nWucNTUy6SrjUomBdpg3IiCvlPgYNspf/HxGbQ1QHLeAPKev5JFbiPcnAVyNUDTszXh4uS1j724gKgjrhiyUiYFrWi5MqQUKwb2hB/L9aMxbuHPg3aNw1u+xTtQxqGDI5ALmNtYzpFWPgKCVupIA/32fX6uATLpZqtRosG4AZeM2UKvQp8mg7ZQiqnqI5y+iUVVorjMM05FsktVAq0CoC0EB5mBXibFVkv9ysAvLw6bqTTi6TBoiyCa9hYnqEoeYBJkuqxK2hut3hkpEKJuIyxA7wrnx6yUSaks+SmrNo33MilCNJWfLPQq5LEwaAuhVmxdMo7AvnkmjrId16VAkLoNqNJ7tzEvvUwqNfECqTJTpIzb/YSBVMSfXpewrerdoO1yy+GZODg4Y+IuR/SinoLUbUGV6U0vk1J5ta3WuOHgRk1iGF7Wm29mTyha0MJzBm2FZDnvyXcmjm0cLC/meSld3HqQwxpKsco9knPdhMmkpN4tZcVS517SgaAl1GT0zY3nNr8atF1t3YnfImxLzKlbSxh30VWA8visVUqC6Zhg3ILCEvQyKSNh45h5VWLxVA79sVh/u5ulA7NCCQUM2kqIc6FLmFBJGGdS6oXI7bqBcdOjVai6LUgmXUp+ynH53FPGDWMCieRsX5hycvmrBm0aKl2izqeUurMdas5O8ECZNMBfxA9dL5PCPzKYcvfdFNpo/O/Fmpj5lI87O6U624FBW7uWTqTUvexQ8yYOcWZMPdfqBBkHQiOuGLReJqUy+7yUZ51EF5eaRsWesFx/N7G06tEwaKui0JWub/Y4xMnHPH7PsQIR6ragiKsgmZTKAJaecWOvUpDONk8ofzAM2srpc+WrMG7e45ewrSsPpXfdi0yqjg8NjbiCWmvd/qSeruxiVc645Ywef72tyQhStctC79YsZEIGbSHUulJd1HAubEssqoZwTS2CWBL0waSBEVcMEtOnZn9SP51Kxi2X8JfBv603P5lYevppMGg7TZuWXfGJMHEWIbmI8XD1FwdNvz6YlJ8UTJNByvsgmZTpLGHcSr1Acr2zeQJnLGz+1JNg0HaKMi09D6j55CJsEW0AV2uRgoJJBwPxblNzeX5gQTIpvsEs6eT0fldZO6lv/79vq6cZPrylLr+1aNThmw3aOrl4iKVsES0cnAFcjQUUdZsarYKMqn5QyKTTJGDDveUG992TPm7H0AZj+Lxam1ha+AgYtBWSpRsnDeBqrpP44qotCRERV0APQVQ5C0DJmEHPw+CkqRTe7Jg9e1tjajrY7jDHVDVoO6ZJx858Apzp4AKXDihJ1FwbbZ9bJqWLclPpMePGLX8tVmjcNIktA8nT7eoGbd1ev3T0AnAuwa8ZGVKaaApB6diCuDzfe6hMCt/G55SPWyEDCKeH0g0nXp8jRDPrW6hj0NarVX4HuJ3kMadsRyUFNvuD3jgQoW4LlUkZ8EKCE4o1boVcG7eAuS+r9c8PFjn/ueAGbZ+06E0JVIN3e9lIal87yikQhFbye3EI0J35roPspNwiUaW7faEHb6G6zfeC0o3dr77f2c5+7wtu0PZOiP79A6yR2peEIsRs2XGKAgJtaksCjcSEJShye+SGR1Qp6UAKgw1OMW608PdihZOwebp5Yhq05R6qvn2VSIYd0VoD9rPs29wamo+LuDq2PRa3Luq2EMsDrWhye+Q6gz1kG+bCKNFCdZu/nQX+z+sSa6mZFCCIQVvuoernVxwEXrZgnKVLKljfIJmUypJ0N/DQJArPNblc7/C5OwayYSEv93EzmIhJAU+3IFb04+5e/Ru8SL2a/Y1NBpW53wTa+Lfsygc57nIj2SD1jr6+I7RgFCq35suOijIevMfSZeUbC1+JO8gvD7MS0TXXUS+/VhKql7O+3UnxhmE8fdnIdve3S4WvMwd3ghixCJmUDkmQOzth9/w6nM9vJH0bDobH8m8lZtHX62r7y8O8lMP77KiXJYO2Xi5rxaSIzlrsJBmcYyYqKt/CZULf9YxYhCUBGoJTCImVqJSj9mK9Oda4aWJGX9cbbBG/gm65Fm/mq0HbzSz10USdAk72tzcDQ5C6LSLprqc9loHpJCCklLuI7uKTcwRR4iOpQdbbvfBuR0t/CycM2m5hlcvmiO/b8w4PuJuWT0XG1PBCH4R09YPfndVmH2G7xIMXR5CsPaHckvAxRvn3B5mS9vufH+bZkzdSDl6eG6HLTU0Trs3Jp6Sxvql5f06WmAGExYLo888qX0oCbaezD32pmvkCe8yNp4KoMhW/FLkLdMvaE8RxV82JsU0M4vb/fH9Q3/Gl9+5+MWjr7to1PHI2YcC/FyNDw+12pDlk0mOF/amxx7mA0NqKIKrSfJOFPTp7wmCaAVOlTOpbA93YnvnWrAoGbYXP0o2eBNUkQmt7uEH/3lAZM8IFhKcK9pBYLb3JIn0QiaPKBpYGQRuNIJmCj78+3OnZvbTrjhYM2jq6cGccNmZT/HvFvHDGTlrXdKh3W2hkaDph9lTOmQXSSyUFMBHwTcXSUGij5efVhoxJvz3c3UhWXoO2ksfppi9hXoB9w4p6I1QItXuGQmFKxs12j7daBOMGMGFN8DeKui1tUV3AIwSzKbxbVrZV392xigZtHVuwSw4XtRu+b4ioN3KIC4g6iEqgMDwLiKdk5Z7KpwgONgnj5lAtgnGjWSwS/31b/nQ3TxnAU311/bxBW9dX8Ozjl+gF0b6dvaOrdxDqixtaP50gomUc4/Yulk4mNJV1B0lb1hTo/c+Xxf108m3e5wxIBm2ah+HW6zjtm2wS2O+Ddz5ITqS+3qiaIx3c012g+65vwYmlIs/qvdtyXfMVPSroRhu/Pc77qnozaDtedztTTAHYN+RTEcP6erjNRvVB7Aiw+MKNkwitl2yzABWDkDSluhNLJzXThbOK5AjB8IphIcKskQ6mtQWDttYuTRsHhlXheUs6xjaOrZExibotJB3bYvvFJyNoDIvN7jg+VNMCYikpdR9IXFTblQNo+/N1yWamCKcxCK0Z7pXqGLRdifCd7RaTKbkt++oaEipjRps7WX/HuAXszJB9ZMh3xNeHmSjdah6Yev94WQCSvz+R5i0sxLVm12e93aDtrOTtbeO4hrz20bYAQxSansNpzYp3aalcfhi3rCNuZf1sBdIWwfRFK/uyTSGcErHw19vq292UNJb9YN8M2rJLbOUACmBbAN36t7OMY9wCmBeYL/SPESGl0LrOvcSWvq03P903hkQ4If/7Wdhx2Lc4STng6Tl/VYO289O4vz3wa8+rsOyXY4io29TebX5t8VO7G0cybnXuZagEpf5832Rij+fl+j+vK5x6f3vkTwDEt+0xN2hr24p0bzwrEU4HvTEthKrbWDDy9JLdMw4IuBdGKdpGiR0AD96nJpRu6ZOH9o3tY8C47/Ppz/dd3WbBoC1dUCvEUwDL6eumJ1FZCHr7A3u7hGmccDeLhifudVvzhfXoVwsjKdEF8FeNWwDIQv7vlwV/2WYBgGtEqRf/hIXfadAWTjO7o4gCcG3wbv1QvUUwbijc4L/i0E225ttugaciulacw3EXmzUi5Pe7WSgcVzTtLsMV/utZAA6lHmmROhR8atCmWV+ro6UAqjc+2tptrRdqSfDzQGt2al/kyonizIGXmt5bOG0QTg+/DUTI5yW7WM0Dec20mYoCAIeFAasF7m8YGXA6OVNHFeMIuWzQFkItq6uggPcL6TS8iQsI7FCgQ6zbFznemQP4IK5TQeB8Fe+4ix8Jgm2zJoVcT+DvHy9LfESA4N+f7nETaVwKzvVY56tBWx3q2b3FFPAJezttWNjsdhHaJbYimCbs/BejNcPciT0hAizSmAQSFsG+oRcrXpWGzsLS4gT3rx9v690O9u2f3wTjIlIHNzSck80M//e/bycv2gWjQA0K8LN5Px5GRVjW6LWhW/FTA6TIux3aHnZSMDHiRjoCE4l5IiMupgx9v1RFF5bWRywFfbBvpmfOWgDG8Trmw6w3291quwfyGMBZOy1vnJHwMWgrp5JdrUUBuJe78XASw8TU6reRm1HMP6/WPkVlUINP8ykhCnBhQXf5yhgiRsMRWq2ge1c7GL73OyD2r49zhEeYuKBGalamX2AdrpO/zIF85QAcH8+N1my85HaYVlFTOjibJAllWFf6NWgrIZpdaoYC9+PBJFBv1UzH9VpxKDMUx7HAg1wgaM1+LCL5JqKdYPokxkF9kDkuWx9OilS64ONr+ODVfZZVZADwvB9wI3pL5sPGWgzSfaSAajJghoOBQP4QIWAIbytwlowk5/BoSDuyW6uDUUHS/fsvikFb2QrZtaYocJcMpx3U60YzbiiheMcAqAgC8tKSAjcIGeHZeKuzffHyw7sBkRHQnG2nkTK/a5PRCB0k8MRf8MjDE4we8AY28cl2xBcueUMOaaP8zyJzhINO/wKU4u18mqmOcaXJDsLKRgENBSQ0cTCYRenXNe2fqQ7uZijII9ABYyViKfsbB7ImMg/PgMD36cVSgCxHATomouBX2Tp+SH633NULf2XtCVBlO6/jfhk4g8+O38+EpwXScSP/hfCvnz108Jf0c/BW6hIFSNLbuTy97D41Qbw8Ao5KuoMs4oU7iWQdQEZYG33IveNx8oNC6MMZDfH2sdEwrHw39b4DXowTljP9AIJ8nGjpeLQv/FxAZwZtAcSyqjUpQJ7ejjn0HtymyFGZvsULN4nMwQudX9jhZYKKMs+OnVqCwqS7wAJeGsQ5PER5zJ3qqxPnDdo6sUz9GSQOvd1CNxg3NOJ6iMkuVbQXLo2gRFq6VLrZBkvKWZkuWw1NwJ8vS5R3bebdsgNuqmzQ1hQlrR0tBTqGbjBuIlrGpPdBaxYdWAo1vRVC6cRbAr5Ix3+8LjD4fr/r8xZWuefPoC1HEPt6CQqAbh3SuyFa4jAVF2OAgxuBpXH3shJvK9l7QXM7gmuJkQaVFrwbnB0OvVoR9xIPwhn7MGg7I3Gt6RIKoHfjU1KhVZeQDedRySYx8oFu0fsZw3Bxu1JTdkom9ZSE1mxhBSNJjsnymq2ifPRgDNqiSWc31qUAjBvsWycOZEPczTTc0/F08MvnZFyiSm7kdvRlmpRHGsAiigtfELYf7VB6omOSas4YtGmoZHXORQFMCl1BN8n0HevMgT2BezXQU0jot9UGobQSHJXtMxiydxDT3m/DgkFb4bNkJy9HAdBt2wXeDe7JOdPHqKrE3IlYOot0c2MxCAjFDgDnWL4wSnTDcYwN+sDKX+7naveS8p5bd7WCUq0brw2ojxRgY9NO5K/EnqARDAuXyCfnqOS8Cu/lJDo7oqZQupULxUpoo0H0nIQrkLvp98debT+aEtCgLSWFFa5GATTcb13YOAbGDZ5NHySQI2hNsRSv/bfNRqTI04wjfGWu0/Kvz6uN334Uv5CwO8vbbcFVg7YWLIINASZicHhj85jWk4IQqGiNW32xlFSTwGuJjgx4CkUoEU6fF5CezODRTGUL182grYWLcqNDQiYF3Vo+eQLe4Z6UbrTHc/FiafTtNIgMCQyVeJOUS6zHQ+IMRMdyCvvmd+cLZf0K27z6SYO2qy+BDeCTAiBb+115cTTDjTaYO/qY5avaC/fjjvy/KN1AH6wK+Qvuu17dlrsd9o3d+fiL41uzG5vmOrrMV4O2y9DZetFSAD/eTbtZN+RKcmRHi6UYBERlVi9eHR3Z3XRSyLtFQ5tfIXCTfCH48P3j6a6wfe1CXrueQdu1V8D6P6IA7iAtj1OAcYsOvWK6qMxIVFkLOA6EFizxBTnWjqFrq4luhED8tVixtymCc3cBzqDt6MWyE9emALok3EGuPYrS/hGca4RP0TTWUoCp0k+tbBCHwctSnN2O0a0mtPlOAV8Cs1KAw3YRaH0tG/tZrwHupDOwBOJnJbI1Hk8BEo6Tdjz+/vPf+TSfkPIIFiyuK/T97F8Vt7NM2iMo9sgwNjssp+lJfhaye1yl56MLBFKQ9RcDKh2R+zeXrDy62WZv5FmZTRIUBWC9uOnYZn3N0tdaa5AC9wk59duLbujy2QMhaBODHHF4CRH6am6sV4huQFvjfC8rgRDt94FGJOeDsTg3o8t/ZRWgIR+PaIAvDDXDMmi7/FpYj1oKEAP0OB62WWnCqw7Pxs7K2ikd1XNIcUA+PboScIJkbcJCZni33B5XAW0pqrKhIDZihD6gDQzlc2E+jt87dJ0e0Zg7CfVkGLjFZAZv0JYhhhXbR4HxaPDQZrF0OPg+j9yuNCX2t/kUwTYrUaaX9IUcumEKwI1Df3tczWkyEnxxJhXAhSn4LQ7iWiu/Czx1OQJk62tkefpigsBZujtf7naDthxB7GvrKNDyjf6Qg0gQhEY/mnC8qI+z6UvUds7ZTkE3lP3sX+d5QOAye/WsZdgooUOSAEB8gBswDp6OgvwNFFyRMUnZDoBR8IhGwbfJJmHEveI4XTkdg7ZKElmFK1MAFY+Ipe3VuQ1Q5PPK1WG7MJUi2z4vN7I/Xb3j3pkycQxmPG6LxHrNRd3t8QjjAwyW/HUREsARvCQHf9NWKbGwqAvdQVkWGiRk5H5LZmAxTrg2aEuJbIX2UgCRFHRr7fi8rZNYpTrA5HMW1eH+Uvp4jxCAEk1/evLqBfAL2ALCKKSDoQS6OcjzW47WIWHaqhTiE0h9aca+GAXOSQH0w2SsbO3+88QnoMmG7cKVP5oMGAHuR8K71TQpMACaQmRDhQduLKJ2sI+eRcmN4JeTIz9ZtpLK9S+12fpUf3bWQn8osJRf9vZOBzSBGYnOd+QnRjZd78pQf57IcXjMkSccy2n91rrYgkFbF1ftFscMri0upxaPoTC+rBJY+ilsxTTystpicKwJkb5jeMm/Fyuslz/fz7IyYMywOniPQVsHF+1Wh4yO/Vp6cQ3JUX7jjsCW75rKp+rAmpIrnEZg307V0Z9HteVS6e5JpRsdz6/vrlU1DdpatRw2mAoKtJxxw3cXg2BNngtu63W1fphNnV2xgiDll0FH+DWw8s/XBVo8NiFtBDHLO23JVYO2liyEDUNFAW9PUFW9UqUXEUsn2AHr9I8RYOFyhddshzF4LKPBP1+Xq832t4dupyrSU9WgTU8rq9kKCog9oRUDKR6EZHPbbh9qbF7l2yXqHlf78p0Qikfw9WxWy/a63v7xuiBG6tcbYN8M2r4+CPat9RQA2NYKZ/QrzgNrKb3jnV9zDC42c1cz4S3cI5796UhQCKJ9w9/t14c7jKeZK2mVnhQM2nqykDc1jdWOzetaPWN801Db11eWeQ81oh3qzPZYv8bw2IcUI8M/nu6Bzl4CnEFbnWfG7r0OBYC11dlDv2tNDbEUzohtQ2u14m5mDy1aq4NuWZk0HQ9iPeET5AoHfwE4JN9P1i6t1OWCQVuXV++Gx45M2m5wG0gI5/6AXbL+KsFk0dRP97Popo4ZN98UAPf3Ys1mfVToGcAZtEU/LXbjNSkA40boVcsPnHgRSmv6gvg5wruBb9G8G8MooRXeggJwrwJwvyOiYmhowquupMcLXCqb8AW6ty6MAtEUWLfZf/djVviC4H9bX+lGe553i0M3hM1KsIIxBODwgCNOHQ+43x7nsJzdVcNZ5o+PZ9D+7SAF5qPBrM2JKh1JMZXOxiPycDRC4Pk0ASnxwg01pPBDEJQLlyR0gDJRX3CLoCrm2kbGf5lGyJFp0HYZUlsvZ6HAaDB8akBTf5axZRv1+wkgn2ZPRpd9ziLQDfOCvhGxvYTDE+we4insGyIthhE2YHV6P323F6qJqQQsTnNhAuIGbRcivXVzJgq0fGuYdNYosFb10lWmTVGAEwRxiMdCisyeLy/H5XT0beIc5yGVrukUgLs6zIG273AmqsShjGcnCUE9c2rQVv4w2NW2U6DlWSpT8hEy9TSfvq1w5QgAo/T24wKJeXEueV3LvlLHVwvPxDFux02BJIjYYFwKcy5dOPtGf8mge3xj9BlUfnTKB0FTColk7gVhSSYu+Y13YozONW7QliOIfe0eBUjA23qFm1AVs+M9G4/WS8abXR6sE/ijEY+llzTha5oNVPMwJ9tFO9xBMATg6OTj736/l/S5TjMof/MI5OaD2Ouy777n4AXIaIcDigmQCU82AMHBL3z8lPstGLRlHxUrd5IC7d+MOSWr2y6zMZMCzfL+E68KfCgVeaHGhHTk+gJ4BEvlkY6/DpcYpux74P6TlgA4cA6kA53BNf8VxsudlGS8/AcGg48OyIKUiu8jNWjTL5nVbCkFeDm+tXjnhBzVnEfFsE6q8VyDfMVMkYwGpLEUtKg6YPGqK1U1UvO6Z9P4C0unGHJMb+bXFkM1u6dVFODd2GjVTdcfOI4UvNJ3TUQppJOBZUPlJK62Cskc4TG98VoFsBW5GBbyTLjGvK4/yWsR1/rtEwVangskR2r8NpDUEE5z5+t8hRdjawXYN+yY5e04EbC8Sh+uGrT1YRVtDltR03SJDKAb3rDNMlBoprBRAJpELIhy68TBBeqcuNif0/2fYX/WymZSSoFNp6ANSQx0czqykxhUOt3ii+A7zZLGEkeTkthVXCiK7+/RWYO2Hi3mbU9lc+TZ1HJ6YPbDze1xJkFBzQ4V4RRv3vl4zE7yhdybY9wa7rTZKdRvzaCtPg2thVZQALNfp/g2IRoiJD63jezwklsDXMAQTnEqe5oj+Ba85vhn5G7p2deeT69nq2XTKaEAuIbGrXMHnqh+h5dGsoPkpk+SXmHfJuOHWT77iGPc+vz693luuWW2r72nwHG0TSemjGoMDPp+NzsHunn2DQB9mk1zxlME4R4LpQZtnXj4bZAqCnTIuy03H4K6kR/R/Z8JbdC+kS58NBx9w6HuQz4Vxu2jnBtPD74atPVgEW0K7xTAb7drtoTPtRPJdL3Fb+McvBvdYJPFsxfft7tJQi8+jy75PPrKuRm0fT5bVuoBBbqobkvJDu+GZErE+5l4Nzpyvm8bmDj8TqQj9rrvqT2hgT0p0oWxglHg6hRwScU7rEEC3aAhXBXuaTFB4boFQLtHWklEU9CNXuhrGZ6lUtfV1WoZtF2N9NbxOSjQaa7NEwR0w48Ff7fQTJOh9KQjPgDct/n0wbkQw82FNtLa+gZtrV0aG1gMBVxiHFL9xNzbnnvgqg578eYNyjQZN34PcEimcHDf76ZE7/NpNqdb3MBq3mVJjWoS0G5vHQXuE/RHrRtVxIA83KB9A30ibg+9hSyV6PjIuYQRlR5f3faAoY20p/7/AwsGCatvOSQlAAAAAElFTkSuQmCC);
  /* position: absolute; */
  margin-top: -30px;
  margin-left: -15px;
  width: calc(100% + 30px);
  height: 180px;
  z-index: 1;
  display: flex;
  align-items: flex-start;
}

.bob_mbl_panelhdrprofile {
  display: flex;
  width: calc(100% - 30px);
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

/* ||Recent Activity */
.recact_ctr {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.recact_item {
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 10px;
  background-color: var(--qnb-background-muted);
  padding: 15px 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recact_border {
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--qnb-primary);
}

.recact_itemleft {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.recact_hdr {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.recact_dt {
  color: var(--qnb-foreground-muted);
  font-size: 13px;
  font-weight: 500;
}

.mblacc_pill__ctr {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.mblacc_widget__noitem {
  display: flex;
  justify-content: center;
  font-size: 17px;
  color: var(--sub-text-coloralt);
  margin-top: 20px;
}

/* || ACCOUNT WIDGET */
.mblacc_pill {
  border-radius: 20px;
  background-color: var(--qnb-background-muted);
  color: var(--qnb-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  transition: 0.4s;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 13px;
}

.mblacc_pill--selected {
  border: 2px solid var(--qnb-primary);
  background-color: var(--qnb-primary);
  color: var(--qnb-foreground-inverse);
  font-weight: 700;
}

.mblacct_widget__section {
  margin-top: 35px;
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
}

.mblacct_widget__section .mblacc_widget__cardview:not(:last-child) {
  margin-top: 30px;
}

.mblacc_widget__cardview {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.mbl_accwidget__top {
  background-color: var(--mbl-details-bg);
  padding: 30px 15px 14px;
}

.mblmanag_acct__panel .mbl_accwidget__top {
  height: 42vh;
  min-height: 350px;
}

.mbl_accwidget__hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.mblacc_view__right {
  display: flex;
  align-items: center;
}

.mblacc_view__right> :nth-child(2) {
  border-left: 1px solid var(--qnb-border-subtle);
}

.mblacc_view__right .acctwdg_view__editbtn {
  padding-left: 15px;
}

.acctwdg_view__dtls {
  display: flex;
  flex-direction: column;
}

.mbl_acctwdgview__quicklink {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.mbl_acctwdgview__quicklinkicon {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--qnb-selection);
  border-radius: 16px;
}

.mbl_acctwdgview__quicklinkdscp {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  word-break: keep-all;
  max-width: 60px;
}

.mbl_quicklinks__ctr {
  display: flex;
  justify-content: flex-start;
  margin-top: 24px;
  margin-bottom: 20px;
  padding: 15px 10px;
}

.mbl_quicklinks__ctr .mbl_acctwdgview__quicklink {
  flex: 1;
}

.mbl_acctwdgview__slider .slick-dots {
  top: -42px;
  height: 20px;
}

.mbl_acctwdgview__slider .slick-dots li.slick-active button:before {
  color: var(--qnb-secondary);
}

.mbl_acctwdgview__slider {
  margin-top: 47px;
}

/* || Tranhist */
.mbl_tranhist__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
}

.mbl_tranhist__hdr {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--hdr-color);
}

.mbl_tranhist__select .Select-control {
  background-color: var(--mbl-card-border);
}

.mbl_tranhist__customrange {
  margin-bottom: 12px;
}

.mbl_tranhist__customrange .f4DatePickerBetweenParent {
  width: 100%;
  gap: 8px;
}

.mbl_tranhist__customrange .f4DatePickerBetweenParent>.cal-div {
  min-width: 0;
}

.mbl_tranhist__widget .mobile_single__selectmain {
  background-color: var(--mbl-card-border);
}

.mbl_tranhist__ctr {
  display: flex;
  flex-direction: column;
}

.mbl_tranhist__item {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

.mbl_tranhist__ctr>.mbl_tranhist__item:not(:last-child) {
  border-bottom: 1px solid var(--qnb-border-subtle);
}

.mbl_tranhist__dscp {
  font-size: 17px;
  font-weight: 500;
}

.mbl_tranhist__dscpsub {
  color: var(--mblsubhdr-color);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}

.mbl_tranhist__dtls {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.mbl_tranhist__dt {
  font-size: 13px;
  color: var(--qnb-foreground-muted);
}

.mbl_tranhist__itemwicohn {
  display: flex;
  gap: 13px;
  margin-bottom: 20px;
  align-items: center;
}

.mbl_tranhist__icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: var(--qnb-background-muted);
  display: flex;
  justify-content: center;
  align-items: center;
}

.mblmanag_acct__panel {
  margin-top: -30px;
  margin-left: -20px;
  margin-right: -20px;
}

.mbl_txndtl__hdr {
  display: flex;
  flex-flow: column wrap;
  gap: 7px;
  margin-bottom: 40px;
}

.mbl_txndtl__hdr>div:first-child {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.mbl_txndtl__hdr>div:nth-child(2) {
  color: var(--qnb-foreground-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.mbl_txndtl__ctr .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portlethdr {
  font-size: 20px;
}

.mobile_single__selectsearch>.f4InputField {
  width: 100%;
  padding-left: 45px;
}

.mobile_single__selectplaceholder .accountselector_itemvalue {
  padding: 0px;
  position: relative;
}

.mobile_single__selectoptitem .accountselector_item:hover,
.mobile_single__selectoptitem .accountselector_itemselected {
  background: transparent;
}

.mobile_single__selectoptitem .accountselector_item {
  padding: 10px 0px;
  width: 100%;
}

.mobile_single__selectoptitem .accountselector_itemimg {
  border-radius: 12px;
  overflow: hidden;
}

.mobile_single__selectoptitem .accountselector_itemdtls {
  width: calc(100% - 50px);
}

.mobile_single__selectoptitem .accountselector_itemdtls>div:nth-child(2) {
  color: var(--hdr-color);
  font-weight: 500;
  margin-top: 7px;
}

/* transactional account selector */
.transactionalAccountSelector_main .mobile_single__selectarrow {
  height: 30px;
  width: 30px;
  box-shadow: 0 2px 4px 0 var(--qnb-shadow-md);
  border-radius: 50%;
  background: var(--qnb-background);
  position: absolute;
  right: 15px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qnb-primary) !important;
  font-size: 15px;
  cursor: pointer;
}

.transactionalAccountSelector_main .mobile_single__selectplaceholder+.mobile_single__selectarrow {
  background-color: var(--mbl-arrow--selector);
  color: var(--qnb-primary) !important;
  box-shadow: none;
}

.mbl_inst__viewer {
  border-left: none;
  padding: 8px 10px;
  z-index: 6;
  margin-bottom: 19px;
  background: var(--qnb-background);
  border: 1px solid var(--qnb-border-strong);
  border-radius: 10px;
}

.mbltxnhist_ctr {
  display: flex;
  width: 100%;
  flex-direction: column;
  border: 1.5px solid var(--mbl-card-border);
  border-radius: 8px;
  background-color: var(--qnb-background);
  padding: 15px;
}

.mbltxnhist_dtls {
  display: flex;
  gap: 13px;
}

.mbltxnhist_values {
  display: flex;
}

.mbltxnhist_values>div:first-child {
  padding: 0;
}

.mbltxnhist_hdr {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mbltxnhist_hdr>div:nth-child(2) {
  font-size: 14px;
  font-weight: 500;
  color: var(--mblsubhdr-color);
  line-height: 1.2;
}

.mbltxnhist_hdr>div:first-child {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

.mbltxnhist_container {
  margin-top: 45px;
  display: flex;
  flex-flow: column wrap;
  gap: 12px;
}

.mbltxnhist_balanceamt {
  font-weight: 700;
}

.mbltxnhist_debitcreditctr {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 3px;
  width: 100%;
  align-items: flex-end;
}

.mbltxnhist_debitcreditctr>div:first-child {
  color: var(--sub-text-coloralt);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.mbltxnhist_debitcredit {
  font-weight: 600;
}

.mbltxnhist_img {
  height: 40px;
  width: 40px;
  background-color: var(--qnb-selection);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.mbltxnhist_balance {
  border-radius: 10px;
  background-color: var(--mbl-card-border);
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
}

.mbltxnhist_balance>div:first-child {
  font-size: 14px;
  font-weight: 500;
}

.mbltxnhist_ctr>div:first-child {
  /* padding-block: 0 !important; */
  padding-bottom: 15px;
}

.mbltxnhist_ctr>div:last-child {
  padding-block: 0;
  padding-top: 15px;
}

.mbltxnhist_ctr>div:not(:last-child) {
  border-bottom: 1.3px solid var(--mbl-card-border);
}

.mbltxnhist_ctr>div:not(:last-child):not(:first-child) {
  padding-block: 15px;
}

.mbl_viewfield__status>div>div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.th_acctdtls__filter {
  display: flex;
  align-items: flex-end;
  border-radius: 8px;
  padding: 8px;
}

.mbltable__filter {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 101;
}

.th_acctdtls__filterdiv {
  display: flex;
  align-items: flex-end;
  margin-left: 15px;
}

.th_acctdtls__dtmbl {
  display: flex;
}

.th_acctdtls__dtmbl>div:first-child {
  flex: 1;
}

/* MObile dropdown */

.generic_mainmenu__mobile {
  position: fixed !important;
  bottom: 0;
  right: 0;
  z-index: 2000;
  background: var(--main-plain-bg);
  width: 100%;
  height: 100%;
  max-height: 100%;
  transition: 0.7s;
  padding: 0px;
  border-radius: 0px;
  box-shadow: 0 -2px 8px 3px var(--qnb-shadow-subtle), 0 0 12px 0 var(--qnb-overlay-light);
}

.generic_mainmenu__mobilealt {
  bottom: -100%;
}

.generic_mainmenu__mobiledrag {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
}

.generic_mainmenu__mobiledrag>div {
  height: 7px;
  width: 50px;
  border-radius: 5px;
  background-color: var(--qnb-background-muted);
}

.generic_mainmenu__mobilehdrmn {
  padding: 0 20px;
  background: var(--qnb-background);
}

.generic_mainmenu__mobilehdr {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  height: 65px;
  display: flex;
  align-items: center;
  background: var(--qnb-background);
}

.generic_mainmenu__mobilehdr>div {
  position: relative;
}

.generic_mainmenu__mobilehdr>div:not(:nth-child(2)) {
  width: 60px;
  display: flex;
}

.generic_mainmenu__mobilehdr>div:first-child {
  width: 30px;
}

.generic_mainmenu__mobilehdr>div:nth-child(2) {
  width: calc(100% - 90px);
  text-align: left;
  padding-top: 0px;
  padding-left: 10px;
  font-size: 20px;
}

.generic_mainmenu__mobilewsv .generic_mainmenu__mobilehdr>div:nth-child(2) {
  width: calc(100% - 110px);
}

.generic_mainmenu__mobilehdr>div:last-child {
  justify-content: flex-end;
  /* align-items: center; */
}

.generic_mainmenu__mobilehdr>div:not(:nth-child(2))>div {
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.generic_mainmenu__mobileclear {
  height: 30px;
  color: var(--qnb-accent);
  justify-content: center !important;
  align-items: center;
  right: -5px;
  position: relative;
}

.generic_mainmenu__mobilehdr>.generic_mainmenu__mobilesave:last-child {
  width: 80px;
}

.generic_mainmenu__mobilesave .f4Button {
  height: 35px;
  padding: 5px 15px;
  border-radius: 13px;
}

.generic_mainmenu__mobilesave>div {
  width: 100% !important;
}

.generic_mainmenu__mobilebody {
  height: calc(100% - 90px);
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--qnb-background);
  margin-top: 10px;
  padding: 15px 20px;
}

.generic_mainmenu__mobilenocancel .generic_mainmenu__mobilebody {
  height: calc(100% - 75px);
}

.generic_mainmenu__mobilesb .generic_mainmenu__mobilebody {
  height: calc(100% - 140px);
}

.sme_mainmenu__mobileitem {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  /* color: var(--label-color); */
  padding: 15px 0px;
  border-bottom: 1px solid var(--qnb-border-subtle);
}

.sme_mainmenu__mobileitemalt {
  font-weight: 500;
  color: var(--qnb-accent);
}

.generic_mainmenu__mobilecancel {
  height: 50px;
}

.generic_mainmenu__mobilecancel>button {
  height: 50px;
  width: 100%;
  border-radius: 25px;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilebody {
  padding: 15px 15px 135px;
  background: var(--main-plain-bg);
}

.mbl_sf__searchdrop.mbl_txn__trail .generic_mainmenu__mobilebody {
  padding: 0 15px 135px;
  margin-top: 0;
}

.mbl_sf__searchdrop .searchfilter_adv__fieldgrp .collapsibleContainer {
  border-radius: 10px;
  /* border: none; */
  box-shadow: none;
}

.mbl_sf__searchdrop .searchfilter_adv__fieldgrp .headerBackgroundCollapsible {
  padding: 20px;
  border-radius: 13px;
}

.mbl_sf__searchdrop .searchfilter_adv__fieldgrp .collapsibleBody {
  padding: 15px 20px 30px;
}

.mbl_sf__searchbtn>span,
.mbl__searchbtn>span {
  width: 100%;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr,
.mbl_sf__searchdrop .generic_mainmenu__mobilehdrmn {
  background-color: var(--mbl-panelhdr);
}

.mbl_sf__searchdrop>div:nth-child(2) {
  width: 100%;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdrmn {
  margin-inline: -15px;
  padding: 0 30px;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr>div:not(:nth-child(2))>div>i {
  font-weight: 300;
  font-size: 24px;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr>div:nth-child(2) {
  width: 100%;
  padding: 0;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  align-items: center;
}

.mbl_sf__searchdrop .generic_mainmenu__mobilehdr>div:last-child {
  display: none;
}

.mbl_sf__searchgrp {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--qnb-background);
  z-index: 99;
  padding: 8px 0;
  gap: 3px;
  display: flex;
  flex-direction: column;
}

.mbl_clear__btn {
  width: calc(100% - 30px) !important;
  margin-left: auto;
  margin-right: auto;
  height: 55px;
}

.mbl_sf__searchbtn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}

.mbl__searchbtn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mbl_sf__searchdrop .ssv_field__value {
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
}

.mbl_txnhist__norecord {
  margin-top: 50px;
}

.mblacc_widget__allhdr {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 700;
}

.acct_card__currbal {
  border-top: 1px solid var(--qnb-border);
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
}

.acct_card__currbal>div:first-child {
  color: var(--qnb-foreground-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  margin-bottom: 5px;
}

.acct_card__currbal .view_amt__formattedwc {
  font-weight: 500;
}

/* || ACCOUNT PORTFOLIO */
.bobmbl_ap__cardgrp {
  display: flex;
  flex-direction: column;
  gap: 8.5px;
}

.bobmbl_ap__card {
  border: 1.5px solid var(--mbl-card-border);
  border-radius: 8px;
  background-color: var(--qnb-background);
}

.bobmbl_ap__cardhdrwarrow {
  display: flex;
  justify-content: space-between;
  border-radius: 8px 8px 0 0;
  background-color: var(--qnb-primary);
  font-size: 15px;
  font-weight: 600;
  align-items: center;
  color: var(--qnb-foreground-inverse);
  line-height: 1.2;
  padding: 6px 15px;
}

.bobmbl_ap__arrow,
.bobmbl_ap__arrow:hover,
.bobmbl_ap__arrow:active,
.bobmbl_ap__arrow:focus {
  color: var(--qnb-foreground-inverse);
  font-size: 18px;
  display: flex;
  align-items: center;
}

.bobmbl_ap__cardcontentctr {
  padding: 15px;
}

.bobmbl_ap_header {
  display: flex;
  /* justify-content: space-between; */
  align-items: flex-start;
  gap: 13px;
  padding-bottom: 15px;
}

.bobmbl_ap__cardcontentctr>div:not(:last-child) {
  border-bottom: 1.3px solid var(--mbl-card-border);
}

.bobmbl_ap_headerimg {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--qnb-background-muted);
  border-radius: 50%;
}

.bobmbl_ap_headerdtl {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.bobmbl_ap_headernm {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

.bobmbl_ap_headeralias {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--mblsubhdr-color);
}

.bobmbl_ap__cardbalanceviewfield {
  width: 100%;
}

.bobmbl_ap__cardcontentctr>.bobmbl_ap__cardbalanceviewfield:not(:last-child) {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bobmbl_ap__cardcontentctr>.bobmbl_ap__cardbalanceviewfield:last-child {
  padding-top: 10px;
}

.bobmbl_ap_headerlabel {
  font-size: 14px;
  font-weight: 500;
  color: var(--sub-text-coloralt);
}

.bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp:not(:last-child) .bob_view__field {
  margin-block: 15px;
}

.bobmbl_ap__cardcontentctr>.bobmbl_viewfieldgrp:last-child {
  margin-top: 15px;
}

.bobmbl_ap__tradecardcontentctr {
  padding: 0 15px 15px 15px;
}

.mblap_inst__top {
  width: calc(100% + 30px);
  margin-left: -15px;
  align-items: flex-start;
}

.mblap_inst__top>img {
  margin-top: -3px;
}

.bob_mbl_rightpaneltop {
  display: flex;
  align-items: center;
  gap: 15px;
}

.copy_from__btnmbl.actionchoice-btn>span {
  height: 35px;
  width: 35px;
  background-color: var(--qnb-background);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.copy_from__btnmbl.actionchoice-btn>span>img {
  margin-right: 0;
}

.copy_from__btnmbl.actionchoice-btn {
  border-radius: 50%;
  border: none;
  padding: 0;
  height: 35px;
}

.txntype_edit__link {
  position: absolute;
  right: 5px;
  font-weight: 700;
  font-size: 17px;
  z-index: 4;
}

.mbl_txntype__hdr {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.mbl_txntype__hdrsection {
  display: flex;
  gap: 7px;
  flex-direction: column;
  margin-bottom: 30px;
}

.mbl_txntype__subhdr {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--qnb-foreground-secondary);
}

.sched__mobileview {
  margin-inline: 10px;
  margin-top: 15px;
}

.sched__mobileview>.row:not(:last-child) {
  margin-bottom: 15px;
}

.acct_card__info>div {
  padding: 0;
}

.acct_card__info>div>div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 0;
}

.acct_card__info .bob_view__field::after {
  content: none;
}

.acct_card__info .bob_view__fieldlabel {
  font-size: 11px;
}

.acct_card__info .bob_view__fieldvalue {
  font-size: 13px;
}

.txn_status__secrefno {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-block: 15px;
}

.txn_status__secrefno>div:last-child {
  font-size: 17px;
  font-weight: 600;
}

.txn_status__hdr {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  padding: 20px 0 18.5px;
}

.f4newlistview_action__topright {
  position: absolute;
  top: 0px;
  right: 0px;
}

.shareemail_popup__mobile {
  top: unset;
  width: 100%;
}

.shareemail_popup__mobile .formfield_label__optional {
  display: none;
}

.ewt-fields-mobile > div {
  padding-bottom: 20px;
}

@media screen and (max-height: 720px) and (min-height: 665px) {

  .login_lockacct__modalalt,
  .login_suspacct__modal {
    height: 90%;
  }

  .login_security__modalhdr {
    font-size: 22px;
  }

  .login_security__modalhdr>div:nth-child(2) {
    font-size: 14px;
    line-height: 18px;
  }
}

@media screen and (max-width: 811px) {
  .bob_mobile__navchildren {
    /* overflow-x: hidden; */
    max-width: 100vw;
  }

  .f4DatePicker-icn {
    filter: brightness(0) saturate(100%) invert(25%) sepia(73%) saturate(2536%) hue-rotate(338deg) brightness(81%) contrast(92%);
  }

  .login_sxi_logo>img {
    display: none;
  }

  /* Generic Inputs */
  .ant-radio-wrapper>span:last-child {
    font-size: 17px;
  }

  .ant-radio-wrapper {
    color: var(--qnb-primary);
  }

  .ant-radio-wrapper-checked {
    color: var(--qnb-primary);
  }

  .f4FormFieldLabel {
    font-size: 15px;
    line-height: 1.2;
    /* padding-inline: 10px; */
    /* color: var(--qnb-foreground-secondary); */
  }

  .formfield_label__optional>span:last-child {
    font-size: 13px;
  }

  .textarea-remarks .f4TextAreaNew {
    font-size: 17px;
  }

  .Select-placeholder {
    font-size: 17px;
    font-weight: 500;
  }

  .f4InputField::-moz-placeholder,
  .react-datepicker__input-container input::-moz-placeholder,
  .f4TextAreaNew::-moz-placeholder,
  .react-autosuggest__input::-moz-placeholder,
  .ant-time-picker-input::-moz-placeholder,
  .newlook_search__bar .react-autosuggest__input::-moz-placeholder {
    font-size: 17px;
  }

  .f4InputField::-moz-placeholder, .react-datepicker__input-container input::-moz-placeholder, .f4TextAreaNew::-moz-placeholder, .react-autosuggest__input::-moz-placeholder, .ant-time-picker-input::-moz-placeholder, .newlook_search__bar .react-autosuggest__input::-moz-placeholder {
    font-size: 17px;
  }

  .f4InputField::placeholder,
  .react-datepicker__input-container input::placeholder,
  .f4TextAreaNew::placeholder,
  .react-autosuggest__input::placeholder,
  .ant-time-picker-input::placeholder,
  .newlook_search__bar .react-autosuggest__input::placeholder {
    font-size: 17px;
  }

  .f4InputField::-moz-placeholder,
  .react-datepicker__input-container input::-moz-placeholder,
  .f4TextAreaNew::-moz-placeholder,
  .react-autosuggest__input::-moz-placeholder,
  .ant-time-picker-input::-moz-placeholder,
  .newlook_search__bar .react-autosuggest__input::-moz-placeholder {
    font-size: 17px;
  }

  .f4InputField::-webkit-input-placeholder,
  .react-datepicker__input-container input::-webkit-input-placeholder,
  .f4TextAreaNew::-webkit-input-placeholder,
  .react-autosuggest__input::-webkit-input-placeholder,
  .ant-time-picker-input::-webkit-input-placeholder,
  .newlook_search__bar .react-autosuggest__input::-moz-placeholder {
    font-size: 17px;
  }

  .f4InputField {
    font-size: 17px;
  }

  /* end of generic inputs */
  /*|| f4mobile inout */

  .react-tel-input input[type='text'],
  .react-tel-input input[type='tel'] {
    font-size: 17px !important;
  }

  /* modal forms */
  .f4ModalBody {
    overflow-x: hidden;
  }

  .modal_form__panel>.row {
    margin-bottom: 0;
  }

  .modal_form__panel>.row>div {
    margin-bottom: 30px;
  }

  /* modal forms */
  /* Mobile Login Page */
  .bob_login__panel {
    background-image: url("/fo/images/Login BG.776b5aad.svg");
    padding: 16px 20px 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    min-height: 100vh;
  }

  .bob_container__login {
    display: block;
    height: auto;
    overflow: visible;
  }

  .bob_login__layout {
    display: block;
    min-height: auto;
    height: auto;
  }

  .bob_login__image {
    display: none;
  }

  .bob_login__formcontainer {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    height: auto;
    padding: 0;
    gap: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    border: 0;
  }

  .bob_login__form {
    padding: 0;
    z-index: 1;
    justify-content: flex-start;
    margin-top: 60px;
  }

  .bob_login__formhdr {
    color: var(--qnb-foreground-inverse);
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    text-align: center;
    text-shadow: 0 0 15px 3px var(--qnb-shadow-sm);
    max-width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
  }

  .generic_mainmenu__mobile {
    position: relative;
  }

  .bob_login__formhdr img {
    height: 21px;
  }

  .bob_login__formhdr span {
    height: 31px;
    width: 45px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-inline: 12px;
  }

  .bob_announcements__btn {
    border: 1.5px solid var(--qnb-foreground-inverse);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: var(--qnb-background);
    box-shadow: 0 1px 10px 0 var(--qnb-shadow-sm);
  }

  .bob_security__header {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    align-items: center;
  }

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

  .bob_login__mblhdrlogo {
    color: var(--qnb-foreground-inverse);
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
  }

  .bob_login__mblsubhdr {
    color: var(--qnb-foreground-inverse);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 10px;
  }

  .bob_login__mblhdrlogo>span {
    height: 31px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
  }

  .bob_login__fields {
    margin-top: 40px;
  }

  .newfologin_inputfield_label {
    color: var(--placeholder-color);
    font-size: 17px;
    font-weight: 500;
    left: 20px;
    line-height: 22px;
  }

  .newfologin_inputfield_labelfocused,
  .newfologin_inputfield_filled .newfologin_inputfield_label {
    left: 20px;
  }

  .newfologin_inputfield_icon {
    display: none;
  }

  .newfologin_inputfield .f4InputField {
    padding-left: 20px;
    border: 2px solid var(--qnb-border);
  }

  .bob_security__header>div:last-child {
    display: flex;
    gap: 15px;
  }

  .bob_security__header .login_security__menubtn {
    margin: 0;
  }

  .bob_security__header .login_security__menubtn .bob_brd__btn {
    border: 1.5px solid var(--qnb-foreground-inverse);
    border-radius: 20px;
    background-color: var(--qnb-background);
    box-shadow: 0 1px 10px 0 var(--qnb-shadow-sm);
    color: var(--qnb-foreground-inverse);
    font-weight: 500;
  }

  .bob_brd__btn:hover,
  .bob_brd__btn:focus,
  .bob_brd__btn:active {
    border: 1.5px solid var(--qnb-foreground-inverse) !important;
    background-color: var(--qnb-selection) !important;
    color: var(--qnb-foreground-inverse) !important;
  }

  .background-blur {
    border-radius: 5px;
    backdrop-filter: blur(7px);
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    margin: -16px -20px -40px;
  }

  .bob_login__formsubhdr {
    color: var(--qnb-foreground-inverse);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
    text-shadow: 0 2px 13px 4px var(--qnb-shadow-sm);
  }

  .bob_login__cred {
    border-radius: 13px;
    background-color: var(--qnb-background-inverse);
    transition: 0.4s;
  }

  .bob_login__cred:hover,
  .bob_login__cred:focus {
    background-color: var(--qnb-secondary) !important;
  }

  .f4Button,
  .bob_primary__btn {
    font-size: 17px !important;
    height: 55px;
    border-radius: 13px;
  }

  .bob_initial__loginmbl {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 100px;
  }

  .bob_login__bottomsec {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    position: absolute;
    bottom: 40px;
    width: calc(100% - 40px);
    left: auto;
    right: auto;
  }

  .bob_mbl__version {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: var(--qnb-foreground-inverse);
    text-align: center;
  }

  .bob_login__register {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin-top: 20px;
    color: var(--qnb-foreground-inverse);
  }

  .bob_login__register>span {
    cursor: pointer;
    font-weight: 700;
    color: var(--qnb-accent);
  }

  .bob_login__tc {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: var(--qnb-foreground-inverse);
    display: flex;
    justify-content: space-evenly;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    align-items: center;
  }

  .bob_login__tc>a {
    font-weight: 700;
    color: var(--qnb-accent);
    flex: 1;
    padding: 0 7px;
  }

  .bob_login__tc>a:not(:last-child) {
    border-right: 1.5px solid var(--qnb-border);
  }

  /* Generic Button For Mobile */

  /* ||F4Modal for mobile */
  .f4ModalTitle {
    font-size: 24px;
    font-weight: 700;
  }

  .normalModal {
    width: calc(100% - 20px);
    max-width: 100%;
    max-height: 100%;
    /*height: fit-content;*/
  }

  .mbl_announcement__modal {
    width: calc(100% - 20px);
    height: auto;
  }

  .mbl_announcement__modal .modal-dialog, .mbl_announcement__modal .modal-content {
    height: auto;
  }

  .mbl_announcement__modal.normalModal .modal-content {
    border-radius: 15px;
  }

  .mbl_announcement__modal .f4ModalBody {
    padding: 0 20px 20px 20px;
  }

  .mbl_announcement__ctr {
    display: flex;
    flex-direction: column;
  }

  .mbl_announcement__item {
    display: flex;
    gap: 15px;
    padding-block: 20px;
  }

  .mbl_announcement__content {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .mbl_announcement__hdr {
    display: flex;
    justify-content: space-between;
  }

  .mbl_announcement__header {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
  }

  .mbl_announcement__date {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: var(--qnb-foreground-muted);
  }

  .mbl_announcement__body {
    margin-top: 8px;
    color: var(--subhdr-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .mbl_announcement_dtl {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .mbl_announcement__body--expanded {
    -webkit-line-clamp: unset;
    line-clamp: unset;
  }

  .mbl_announcement__item::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    margin-top: -20px;
    left: 0;
    background: var(--qnb-background-muted);
  }

  .mbl_announcement__priority {
    position: absolute;
    width: 5px;
    height: 100%;
    background: var(--qnb-background-inverse);
    top: 0;
    left: 0;
  }

  /* || Start of Enrollment - Mobile */
  .account_enrollment_leftpanel {
    display: none;
  }

  .ae_header__section--mbl {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .ae_userinfo__sectionph>div:nth-child(2) {
    color: var(--qnb-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin: 10px 0 20px;
  }

  .oe__container {
    width: 100%;
  }

  .oe_layout--start {
    max-width: 100%;
  }

  .oe_layout__hdr>h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
  }

  .account_enrollment_contentctr {
    padding: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .ae_header__section {
    margin-bottom: 0;
  }

  .ae_step3__wrapper {
    width: 100%;
    padding: 15px;
  }

  .ae_step3__content {
    justify-content: flex-start;
    padding: 0 !important;
    gap: 20px;
  }

  .ae_step3__content .ae_card__title {
    margin-left: 30px;
  }

  .ae_step5__cardcontent .ae_card__title {
    border-bottom: 1px solid var(--qnb-border-subtle);
    width: 100%;
    text-align: left;
    margin-bottom: 14px;
    padding-bottom: 13px;
  }

  .ae_step3__content>img {
    height: 74px;
  }

  .ae_step3__wrapper .ant-radio-wrapper {
    background: unset;
    border: unset;
    margin: 0;
  }

  .ae_step3__wrapper .ant-radio-wrapper>span:nth-child(2) {
    display: none;
  }

  .ae_header__section>div {
    padding-left: 10px;
  }

  .ae_cardgrp__step3 {
    padding: 0;
    width: 100%;
    flex-direction: column;
  }

  .ae_header__sectionwprogress {
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
    position: sticky;
    top: 0;
    z-index: 99;
    background: var(--qnb-background);
  }

  .close_button>i {
    font-size: 30px;
    margin-right: 3px;
    color: var(--qnb-primary);
  }

  .ae_contentsection {
    margin-top: 15px;
    align-items: flex-start;
  }

  .ae_contentsection>h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    display: flex;
    width: 100%;
    text-align: left;
  }

  .ae_cardgrp--grid {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-rows: repeat(1, 130px);
  }

  .ae_cardgrp--grid .ae_step5__cardcontent .ae_maincontent {
    align-items: flex-start;
    padding: 0;
    color: var(--qnb-foreground-secondary);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    /* height: 100%;
    height: 130px; */
    /* justify-content: space-between; */
  }

  .ae_step5__cardcontent .ae_card__subtitle {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
  }

  .ae_step5__cardcontent .ae_cardimg__border {
    width: unset;
    margin-right: 30px;
  }

  .ae_cardgrp--grid .ae_step5__cardcontent {
    padding: 20px 15px;
    height: 100%;
  }

  .oe_layout__hdr {
    gap: 11px;
  }

  .oe__container+.oe__container {
    margin-top: 25px;
    padding-top: 25px;
  }

  .oe__container {
    margin-left: 0;
    margin-right: 0;
  }

  .ae_contentsection>p {
    text-align: left;
  }

  #ae_Step4 .ae_contentsection>p {
    display: flex;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: var(--qnb-foreground-secondary);
    line-height: 20px;
    margin-bottom: 15px;
  }

  .enrollment_account_checkbox {
    margin-top: 0;
  }

  .oe_layout__subhdr {
    color: var(--qnb-foreground-secondary);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
  }

  .ae_bottom__buttons {
    left: 0;
    width: calc(100% + 30px);
    display: flex;
    justify-content: center;
    position: sticky;
    bottom: 0;
    padding: 0 15px;
    margin-left: -15px;
  }

  .ae_bottom__buttons div,
  .ae_bottom__buttons>div>span,
  .ae_bottom__buttons button {
    width: 100% !important;
  }

  .ae_bottom__buttons div:first-child {
    display: none;
  }

  #ae_step1 .ae_card__wrapper {
    width: 100%;
    height: 115px;
    /* background-image: url('../images/svg/Business Type BG.svg'); */
  }

  .ae_step1__cardcontent {
    height: 100%;
  }

  .ae_card__contents {
    display: flex;
    flex-direction: row;
    padding: 12px 30px;
  }

  .ae_card__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
  }

  .account_enrollment__templatectr {
    margin: 0;
  }

  .ae_subheader__wspan {
    display: unset;
  }

  .ae_subheader__wspan>span {
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    font-weight: 700;
  }

  /* enrollment progress bar */
  .meter {
    height: 6px;
    position: relative;
    background: var(--qnb-background-muted);
    border-radius: 6px;
  }

  .meter>span {
    display: block;
    /* height: 100%; */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    /* position: relative; */
    overflow: hidden;
    height: 6px;
    top: 0;
    position: absolute;
    left: 0;
  }

  .mint>span {
    background-color: var(--qnb-secondary);
    /* background-image: linear-gradient(to bottom, var(--qnb-chart-series-2), var(--qnb-accent)); */
  }

  @keyframes expandWidth {
    0% {
      width: 0;
    }

    100% {
      width: auto;
    }
  }

  .f4ModalHeader {
    display: flex;
    align-items: center;
    padding: 20px;
  }

  .f4Modal div.f4ModalHeader .close {
    font-size: 45px;
    /* width: unset;
    height: unset; */

    margin-top: 0;
  }

  /* end of progress bar */

  /* || enrollment add user */
  .ae_adduser__title {
    color: var(--qnb-primary);
    font-size: 24px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    line-height: 29px;
    gap: 20px;
  }

  .ae_adduser__modal .f4ModalHeader {
    height: unset;
    align-items: flex-start;
  }

  .ae_adduser__modal .modal-content {
    border-radius: 0;
  }

  .f4ButtonGroup>span {
    width: 100%;
  }

  .ae_adduser__modal {
    width: 100%;
    height: auto;
  }

  .ae_adduser__modal .modal-dialog, .ae_adduser__modal .modal-content{
    height: auto;
  }

  .f4ModalFooter {
    padding: 0 15px;
  }

  .f4ModalBody {
    padding: 15px;
  }

  /* ||Enrollment step 7 */
  .ae_success__logo>img {
    height: 20px;
  }

  .ae_completed__hdr {
    margin-top: 20px;
    font-size: 30px;
    font-weight: 600;
    line-height: 37px;
    text-align: center;
  }

  .ae_completed__instructions {
    /* color: var(--qnb-foreground-inverse); */
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    gap: 5px;
    margin-top: 10px;
  }

  .ae_completed__dscp {
    display: flex;
    flex-direction: column;
    /* color: var(--qnb-foreground-inverse); */
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    gap: 6px;
    margin-top: 50px;
  }

  .ae_ack__reqdocs {
    width: 100%;
    margin-top: 20px;
  }

  /* .ae_ack__rdhdr {
    text-align: left;
    padding: 13px 10px;
  }
  .ae_ack__rdbody {
    flex-direction: column;
  } */
  .bob_view__portletbody .no_line.row::after {
    background-color: transparent !important;
  }

  .ae_success__ctr .ae_completed__dscp>span {
    color: var(--yellow-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
  }

  .ae_completed__instructions>span {
    font-weight: bold;
  }

  .ae_success__ctr {
    padding: 0;
    margin-top: 30px;
  }

  .ae_success__logo {
    position: unset;
    z-index: 4;
    cursor: pointer;
    display: flex;
    margin-top: 10px;
  }

  .ae_ack__rditem {
    padding: 15px 5px;
    font-size: 14px;
    border-bottom: 1px solid var(--qnb-border-subtle);
  }

  .ae_ack__email {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--qnb-foreground-secondary);
    margin-top: 20px;
  }

  .ae_ack__email>span {
    font-weight: 700;
  }

  .ae_completed__blbtn .bob_back__btn {
    font-size: 16px !important;
    width: 100%;
  }

  .ae_ack__rdbtn button {
    font-size: 14px !important;
    font-weight: 600;
    padding: 0;
    height: unset;
    margin-top: 20px;
  }

  .ae_completed__blbtn {
    width: 100%;
    margin-top: 35px;
  }

  /* || mobile */

  .mbl_gnrcmenu__dropalt {
    bottom: -100%;
  }

  .mbl_gnrcmenu__drophdr {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    height: 65px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    background: var(--qnb-background);
  }

  .mbl_gnrcmenu__dropclose {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }

  .mbl_gnrcmenu__droptitle {
    width: calc(100% - 60px);
    padding: 0 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-right: 30px;
  }

  .mbl_gnrcmenu__drophdrleft {
    /* width: 60px; */
    display: flex;
  }

  .mbl_gnrcmenu__drophdrright {
    width: 60px;
    display: flex;
    justify-content: flex-end;
  }

  .mbl_gnrcmenu__drophdrright .generic_mainmenu__mobileclear {
    padding: 0 5px;
    height: 25px;
  }

  .mbl_gnrcmenu__dropbody {
    height: calc(100% - 65px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px;
  }

  .mbl_gnrcmenu__dropbody .actionchoice-optitem {
    border-radius: 0px;
    min-height: 65px;
    border-bottom: 1px solid var(--qnb-border);
  }

  .mbl_gnrcmenu__dropbody .actionchoice-optitem:last-child,
  .mbl_gnrcmenu__dropbody .mbl_category__picker {
    border-bottom: none;
  }

  .mbl_gnrcmenu__dropbody .actionchoice-optitem>div:last-child {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    padding-left: 10px;
  }

  .mbl_uploadcap__itemrm>div:last-child {
    color: var(--clear-button-color);
  }

  .mblbms_sechdr__wb {
    width: -moz-max-content;
    width: max-content;
    position: relative;
    margin-bottom: 5px;
  }

  .mblbms_sechdr__wb>span {
    position: relative;
    z-index: 1;
    font-size: 18px;
  }

  .enrollment_account_checkbox .small-check-container {
    width: -moz-fit-content;
    width: fit-content;
    border: 2px solid var(--qnb-border);
    border-radius: 13px;
    background-color: var(--qnb-background) !important;
    padding: 15px 20px;
  }

  .Select-value-label strong {
    font-size: 17px;
  }

  /* responsive viewfields */
  .bob_view__fieldlabel {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
  }

  .bob_view__fieldlabel__blank .bob_view__fieldlabel{
    min-height: 17px;
  }

  .bob_view__fieldvalue {
    font-size: 17px;
    font-weight: 500;
  }

  .small-check-box {
    border: 1.5px solid var(--placeholder-color);
    border-radius: 4px;
    background-color: var(--qnb-background-muted);
    min-width: 16px;
  }

  .enrollment_account_checkbox .small-check-container>label {
    font-size: 17px;
  }

  /* .mbl_listview__collapsible > .row:not(:first-child) .bob_view__field {
    margin-top: 15px;
  } */
  /* || generic portlets */
  .bob_generic__portlet {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1.5px solid var(--qnb-border);
  }

  .bob_generic__portlet.bob_generic__portletmbl {
    border: none;
    background: inherit;
    border-radius: 0;
  }

  .bob_generic__portletmbl .bob_generic__portletcnt {
    padding-bottom: 25px;
  }

  .emp_addbook__btn {
    top: 0px;
    margin-top: -10px;
  }

  .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portlethdr {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    border-bottom: none;
    padding: 0;
  }

  .myprofile__portlet.bob_generic__portletmbl.bob_generic__portlet .bob_generic__portlethdr {
    font-size: 20px;
  }

  .myprofile__portlet .bob_generic__portlethdr>div:nth-child(2) {
    font-size: 15px;
  }

  .bob_generic__portlethdr>div:nth-child(2) {
    color: var(--qnb-foreground-secondary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 5px;
  }

  .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portletchildren {
    padding: 0;
  }

  .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portletchildren:not(:first-child) {
    margin-top: 30px;
  }

  .myprofile__portlet.bob_generic__portletmbl .bob_generic__portletchildren {
    margin-top: 40px;
  }

  .bob_generic__portletmbl.bob_generic__portlet .bob_generic__portletchildren>.row,
  .bob_generic__portletchildren>.row>div>.row {
    margin-bottom: 30px;
  }

  /* .bob_generic__formchildren .bob_generic__portlet.bob_generic__portletmbl:not(:last-child) {
    border-bottom: 1.3px solid var(--qnb-border-subtle);
    margin-bottom: 25px;
  } */
  .ae_contentsection .bob_generic__portlethdr,
  .ae_contentsection__alt .bob_view__portlethdr {
    font-weight: 700;
    font-size: 18px;
    padding: 10px 15px;
    border-bottom: 1.5px solid var(--qnb-border-subtle);
  }

  .ae_contentsection__alt .bob_view__portlethdr {
    font-size: 18px;
  }

  .ae_confirm__secwicon>img {
    position: unset;
    height: 50px;
    width: auto;
  }

  .ae_confirm__secwicon {
    width: 100%;
    /* margin-top: -15px; */
    font-weight: 500;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
  }

  .bob_view__portletbody {
    padding: 15px 15px;
  }

  /* || Forgot Password */
  .newfologin_fields .loginforget_button {
    width: calc(100%);
    position: fixed;
    bottom: 150px;
    left: 0;
    z-index: 50;
    padding: 15px;
    background: var(--qnb-background);
  }

  .loginforget_button>span:first-child {
    display: none;
  }

  .loginforgot_panelpw .loginforget_form {
    padding: 0 15px;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    border-radius: 0;
    box-shadow: none;
  }

  .loginforgot_panel {
    height: 100%;
    max-height: 100%;
    display: flow;
    background: var(--qnb-background);
    padding-bottom: 85px;
  }

  .login_mbl__back {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 22px;
  }

  .login_mbl__back__txt {
    margin-top: 2px;
    margin-left: 37px;
    font-weight: 500;
  }

  .login_mblback__wicon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .login_mblback__wicon > div > img {
    height: 28px;
    float: left;
  }

  .loginforget_button>span:nth-child(2),
  .loginforget_button>span:nth-child(2)>button {
    width: 100%;
  }

  .loginforget_formhdr>div:first-child>img {
    height: 160px;
  }

  .newfologin_fields>div>div {
    margin-bottom: 0;
  }

  /* || Lock my account, Suspend my account */
  .newfologin_fields>div>.row {
    margin-bottom: 30px;
  }

  .loginforget_formhdr>div:first-child {
    margin-bottom: 30px;
  }

  .loginforget_formhdr>div:nth-child(2) {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
  }

  .loginforget_formhdr>div:nth-child(3) {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--qnb-secondary);
    text-align: center;
    margin-top: 14px;
    margin-bottom: 6px;
    padding: 0 15px;
  }

  .login_lockacct__modalalt,
  .login_suspacct__modal {
    height: 100%;
    width: 100%;
  }

  .login_lockacct__modal .f4ModalHeader,
  .login_suspacct__modal .f4ModalHeader,
  .login_security__menumodal .f4ModalHeader {
    display: none;
  }

  .security_modal__hdr {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .security_modal__hdr>img {
    height: 160px;
    margin-bottom: 30px;
  }

  .security_hdr {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
  }

  .security_subhdr {
    color: var(--qnb-foreground-secondary);
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .login_security__menumodal .modal-content {
    border-radius: 0;
  }

  .login_lockacct__modal .f4ModalBody {
    height: calc(100% - 70px);
  }

  .login_lockacct__modal .modal-content {
    border-radius: 0;
  }

  .login_lockacct__modal .f4ModalFooter>.f4ButtonGroup>span {
    margin: 0 !important;
  }

  .login_suspacct__modal .f4ButtonGroup>span:first-child {
    display: none;
  }

  .login_suspacct__modal .f4ModalFooter>.f4ButtonGroup {
    width: 100%;
    margin: 6px 0;
  }

  .login_security__menumodal {
    height: 100%;
    width: 100%;
  }

  .login_security__menumodal .modal-content {
    border-radius: 0;
  }

  .ae_adduser__modal .custom_mobileinput__field {
    padding-inline: 10px;
  }

  /* ||compare plans */
  .bob_compare__plansmodal .modal-content {
    border-radius: 0;
  }

  .bob_compare__plansmodal {
    padding-left: 0 !important;
  }

  .bob_compare__plansmodal .f4ModalBody {
    padding: 0;
    background: none;
  }

  .bob_view__field::after {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    right: 0;
    width: 1.3px;
    background: var(--qnb-border);
    height: calc(100% + 10px);
  }

  .bob_view__portletbody>.row::after {
    /* content: '';
    position: relative;
    left: 10px;
    bottom: -10px;
    height: 1.3px;
    background: var(--qnb-border);
    width: calc(100% - 30px); */
    content: '';
    position: relative;
    display: block;
    bottom: -15px;
    height: 1.3px;
    background: var(--qnb-border);
    width: calc(100% - 30px);
    margin: auto;
    left: 0;
  }

  .ae_contentsection__alt .bob_view__field:not(:last-child)::after {
    display: block;
  }

  .ae_contentsection__alt .bob_view__portletbody>.row {
    margin-right: -15px;
    margin-left: -15px;
    padding: 0;
  }

  .bob_view__portletbody>.row:first-child:last-child {
    padding: 0;
  }

  /* banner */
  .login_banner__popuppanel .slick-slider,
  .dash_banner__popuppanel .slick-slider {
    height: 600px;
    width: 390px;
    padding: 0;
    border-radius: 23px;
  }

  .login_banner__popup,
  .dash_banner__popup {
    height: 230px;
  }

  /* || Mobile Task list */
  .dashboard_widget__itemhdr>div:first-child {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
  }

  .dash_widget__itemhdrcount {
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
  }

  .task_list__body {
    display: grid;
    grid-template-columns: 1fr;
  }

  .task_list__item {
    width: unset;
    box-shadow: 0 2px 11px 0 var(--qnb-shadow-subtle);
    border: 1px solid var(--qnb-border-subtle);
    border-radius: 13px;
    background-color: var(--qnb-background);
  }

  .task_list__itemtxt {
    font-size: 17px;
    font-weight: 500;
  }

  .task_list__itemcount {
    border-radius: 12px;
    background-color: var(--qnb-background);
    display: flex;
    justify-content: center;
    min-width: 45px;
    font-size: 15px;
    min-height: 25px;
    align-items: center;
  }

  .dashboard_widget__itemhdr {
    margin-bottom: 25px;
  }

  .task_list__grouphdr {
    margin-bottom: 10px;
  }

  .task_list__grouphdr>div:first-child {
    font-size: 17px;
    font-weight: 500;
  }

  .task_list__grouphdr>div:last-child {
    min-width: 45px;
    font-size: 15px;
    min-height: 25px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
  }

  /* ||MObile favorites */
  .fav_manage__modal {
    width: 100%;
  }

  .fav_manage__modal .modal-content {
    border-radius: 0;
  }

  .fav_manage__list {
    display: grid;
    grid-template-columns: 1fr;
  }

  .fav_manage__item .f4CheckboxMainContainer,
  .manage_acct__qlsecitem .f4CheckboxMainContainer {
    border: 1px solid var(--qnb-border-subtle);
    border-radius: 13px;
    background-color: var(--qnb-background);
    box-shadow: 0 2px 11px 0 var(--qnb-shadow-subtle);
  }

  .fav_manage__modal .modal-check-checkbox {
    background: var(--qnb-background-muted);
  }

  .fav_manage__modal .modal-check-checkbox .icn-div {
    color: var(--qnb-foreground-inverse);
  }

  .bm_list__item::after {
    height: 1.3px;
    background: var(--qnb-background-muted);
    left: 0;
    right: 0;
  }

  .bm_list__item {
    padding: 15px 0;
    margin: 0;
  }

  .bm_list__item>div:nth-child(2) {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
  }

  .fav_manage__modal .f4checkbox-hasvalue .modal-check-checkbox {
    background: var(--qnb-primary);
    border: 2px solid var(--qnb-primary);
  }

  .fav_manage__modal .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--qnb-primary);
  }

  .fav_manage__hdr {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
  }

  .fav_manage__hdr>div:last-child {
    font-weight: 500;
    font-size: 17px;
    margin-top: 10px;
    line-height: 1.2;
  }

  .fav_manage__itemcblbl>div:last-child,
  .manage_acct__qlsilbl>div:last-child {
    font-size: 17px;
  }

  .fav_manage__item .f4CheckboxMainContainer:hover,
  .fav_manage__item .f4CheckboxMainContainer:active,
  .manage_acct__qlsecitem .f4CheckboxMainContainer:hover,
  .manage_acct__qlsecitem .f4CheckboxMainContainer:active {
    border: 1px solid var(--qnb-selection) !important;
  }

  .fav_manage__modal .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--qnb-primary);
  }

  /* || mobile menu */
  .bob_mainmenu__item {
    border: 1px solid var(--qnb-border-subtle);
    border-radius: 16px;
    background-color: var(--qnb-background);
    box-shadow: 0 2px 11px 0 var(--qnb-shadow-subtle);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--qnb-primary);
  }

  .bob_mainmenu__mblicon {
    margin-right: 12px;
    background-color: var(--qnb-background-muted);
    border-radius: 50%;
    height: 40px !important;
    width: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bob_mainmenu__item::after {
    content: none;
  }

  .bob_mainmenu__item>div {
    width: unset;
    padding: unset;
  }

  .bob_mainmenu__item:hover,
  .bob_mainmenu__item:active,
  .bob_mainmenu__item:focus {
    background-color: var(--lighter-main-color);
    color: var(--qnb-primary);
  }

  .bob_mainmenu__bc .breadcrumb {
    border-bottom: 1.3px solid var(--qnb-border-subtle);
  }

  .dashboard_widget__item {
    padding: 30px 15px 0;
  }

  /* || MY PROFILE */
  .mbl_myprofile__close {
    display: flex;
    justify-content: flex-end;
    font-size: 30px;
    margin-bottom: 20px;
  }

  .mbl_myprofile__initial {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .mbl_myprofile__initialdtls {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .mbl_myprofile__role {
    border-radius: 10px;
    background-color: var(--qnb-background-muted);
    color: var(--qnb-primary);
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 5px 15px;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin-top: 25px;
  }

  .mbl_myprofile__nm {
    color: var(--qnb-primary);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    margin-top: 10px;
  }

  .myprofile_dtls__secll {
    font-size: 14px;
    font-weight: 500;
  }

  .myprofile_dtls__section {
    flex-direction: column;
    z-index: 2;
    margin-top: -70px;
    position: relative;
  }

  .myprofile_dtls__secnmt {
    flex-direction: column;
    gap: 5px;
  }

  .myprofile_dtls__secinfo {
    width: unset;
    padding: 0;
  }

  .myprofile_dtls__secnmt>div:first-child {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 20px;
  }

  .myprofile_dtls__secnmt>div:nth-child(2) {
    margin-left: 0;
    font-weight: 600;
  }

  .no_access_page_content {
    color: var(--qnb-foreground-secondary);
    font-size: 17px;
  }

  /* ||PANELTEMPLATE */
  .bob_panel__tmpchildren {
    padding: 30px 0;
  }

  .bob_generic__portletmbl .bob_generic__portletchildren .row>div {
    margin-bottom: 30px !important;
  }

  .bob_generic__portletmbl .bob_generic__portletchildren .row>div:last-child {
    margin-bottom: 0 !important;
  }

  .bob_generic__portletmbl .bob_generic__portletchildren>.row:last-child {
    margin-bottom: 0 !important;
  }

  /* || step wiz */
  .step_wizard__panel {
    width: 100%;
    left: 0;
    padding: 0 15px;
    /* background: transparent; */
  }

  .step_wizard__maincnt>.step_wizard__left {
    display: none;
  }

  .step_wizard__maincnt .step_wizard__right {
    width: 100%;
  }

  .step_wizard__maincnt .step_wizard__right .step_wizard__btn {
    width: 100%;
    padding: 0;
  }

  .bob_panel__templatehs .bob_panel__tmpchildren {
    padding-bottom: 100px;
  }

  /* || ALERTS & NOTIF */
  .alerts_notif__portlet {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1.3px solid var(--qnb-warning-subtle) !important;
  }

  .alerts_notif__portlet .push_notif__switch .myprofile__switch {
    align-self: center;
    margin-top: 6px;
  }

  .alerts_notif__portlet .push_notif__switch>div {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .push_notif__switch_parent {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-top: 32px;
  }

  .push_notif__switch>div {
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .push_notif__switch>img {
    align-self: flex-start;
    margin-top: 10px;
  }

  .push_notif__switch .myprofile__switch {
    align-self: flex-start;
    padding-top: 12px;
  }

  .push_notif__switchtxt {
    font-size: 16px;
    line-height: 18px;
  }

  .push_notif__switchtxt>img {
    margin-right: 10px;
  }

  .push_notif__switchtxt_sub {
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.3px;
    padding-top: 2px;
  }

  /* ||Security */
  .newlogin_pwchecker {
    padding-top: 0;
    margin-top: -20px;
  }

  .mbl_acctwidget__view .accwdg_view__card {
    margin: 0;
  }

  .mbl_acctwidget__view .Select-value-label strong {
    font-weight: 700;
  }

  .mbl_tranhist__widget {
    padding: 20px 15px 10px;
  }

  .soa_inquiry__modal {
    width: calc(100% - 50px);
  }

  .soa_inquiry__modalhdr>div:first-child {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
  }

  .soa_inquiry__modalhdr>div:nth-child(2) {
    color: var(--qnb-foreground-secondary);
    font-size: 17px;
    font-weight: 500;
    margin-top: 14px;
    text-align: center;
  }

  .soa_inquiry__modal .f4ModalHeader {
    align-items: flex-start;
    justify-content: center;
    height: 160px;
  }

  .soa_inquiry__modalhdr {
    margin-top: 45px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .soa_inquiry__modal.f4Modal div.f4ModalHeader .close {
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .soa_inquiry__modal.f4Modal_no__footer .f4ModalBody {
    padding: 0 25px 30px;
  }

  .soa_inquiry__dlbtn {
    margin-top: 20px;
  }

  .acctwdg_view__soabtn {
    margin-right: 0;
  }

  /* || Account Details */
  .custom_card__colors {
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
  }

  .custom_card__colorslbl,
  .manage_acct__nicksechdr {
    font-size: 18px;
    font-weight: 600;
    align-self: flex-start;
  }

  .custom_card__colorslist {
    border-radius: 41px;
    background-color: var(--qnb-background);
    box-shadow: 0 2px 4px 2px var(--qnb-shadow-card);
    padding: 15px 10px;
    justify-content: space-between;
  }

  .custom_card__section {
    padding: 30px 0;
    background-color: transparent;
  }

  .mblmanag_acct__panel .manage_acct__nicksec {
    margin-inline: 15px;
    margin-top: 50px;
    padding-bottom: 20px;
    border-bottom: 1.3px solid var(--qnb-border-subtle);
  }

  .mblmanag_acct__panel .manage_acct__qlsection {
    padding: 20px 0 0;
    border: unset;
    border-radius: 0;
    margin: 0 15px;
  }

  .mblmanag_acct__panel .manage_acct__qlsechdr>div:first-child {
    font-size: 18px;
    font-weight: 600;
  }

  .mblmanag_acct__panel .manage_acct__qlsechdr>div:last-child {
    color: var(--qnb-foreground-secondary);
    font-size: 15px;
    font-weight: 500;
  }

  .bob_panel__templatemainfv .step_wizard__panel {
    background-color: var(--qnb-background);
  }

  .manage_acct__qlsecitem {
    padding: 0;
    background-color: var(--qnb-background-muted);
  }

  .manage_acct__qlsecitem .f4checkbox-hasvalue.f4CheckboxMainContainer {
    border: 1px solid var(--qnb-border-subtle) !important;
    color: var(--qnb-primary) !important;
  }

  .manage_acct__qlsecitem .f4checkbox-hasvalue .modal-check-lbl,
  .manage_acct__qlsecitem .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--qnb-primary) !important;
  }

  /* ||SMS OTP Modal */
  .sms_otp__modal .modal-content {
    height: 100vh;
  }

  .newfeedback_modal__success .newfeedback_msgitem {
    font-size: 24px;
    font-weight: 500;
  }

  .sms_otp__modal {
    width: 100%;
  }

  .sms_otp__modal .newconfirm_modalpanel {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 0px;
    background: var(--qnb-background);
    background-position-y: -55px;
  }

  .sms_otp__modal.newconfirm_modal .f4ModalHeader {
    background: var(--qnb-background);
    -o-object-fit: cover;
       object-fit: cover;
    background-position-y: top;
  }

  .sms_otp__icon>img {
    display: none;
  }

  .sms_otp__hdr {
    color: var(--qnb-warning-emphasis);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
  }

  .sms_otp__msg {
    font-size: 17px;
  }

  .sms_otp__inputfields>div .f4InputField {
    border: 1.5px solid var(--qnb-border-subtle);
    border-radius: 26px !important;
    background-color: var(--qnb-background);
    height: 75px;
    font-size: 45px;
  }

  .sms_otp__inputfields .form-control:hover,
  .sms_otp__inputfields .form-control:focus {
    box-shadow: 0 0 8px 0 var(--qnb-shadow-subtle) !important;
    border: 1.5px solid var(--qnb-border) !important;
  }

  .sms_otp__modal .newconfirm_modalbtns {
    padding: 15px;
  }

  .otp_resend__btn {
    font-size: 15px;
  }

  .otp_resend__btn>span {
    border-radius: 15px;
    background-color: var(--qnb-background-inverse);
    color: var(--qnb-foreground-inverse);
    padding: 5px 15px;
    height: 30px;
  }

  .newlogin_pwchecker_list {
    flex-direction: column;
    align-items: baseline;
    gap: 5px;
  }

  .newlogin_pwchecker_list>.newlogin_pwchecker_itemcheck>i,
  .security_inputpw__fieldalt .security_inputpw__fieldcheck>i {
    color: var(--qnb-success);
  }

  .newlogin_pwchecker_list>.newlogin_pwchecker_itemcheck {
    color: var(--qnb-primary);
  }

  .newlogin_pwchecker_dscp {
    position: unset;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
  }

  .newacctsel_body .mobile_single__selectmain,
  .otheracct_selector__field .mobile_single__selectmain {
    height: 130px;
    overflow: hidden;
    border-radius: 15px;
  }

  .accountselector__parent,
  .accountselector_item {
    width: 100%;
  }

  .accountselector__parent .ant-radio-wrapper {
    border: none;
    background: none;
    padding: 0;
  }

  .mbl_accountselector__wradio {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
  }

  .mobile_single__selectoptitem:has(.accountselector__parent) {
    border: none;
    padding: 0;
  }

  .transactionalAccountSelector_main .mobile_single__selectmain>div:first-child {
    width: 100%;
    height: 100%;
  }

  .accountselector_placeholder {
    font-size: 17px;
    font-weight: 600;
    color: var(--qnb-foreground-muted);
  }

  .acct_selfield__phborder {
    left: -15px;
  }

  .biller_selector__plc .acct_selfield__phborder {
    left: 0;
  }

  /* ||Generic Form */
  .bob_generic__formhdr {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 40px;
  }

  .bob_generic__formhdr>div:nth-child(2) {
    color: var(--qnb-foreground-secondary);
    font-size: 16px;
    font-weight: 500;
  }

  /* ||Table portlet */
  .bob_table__portlet {
    border: unset;
    border-radius: 0;
    margin-top: 0;
  }

  .bob_table__portlethdr {
    padding: 0 0 20px 0;
    font-size: 20px;
    font-weight: 700;
  }

  /* ||Generic Search Filter */
  .searchfilter_adv__fieldgrp--body>.newlook_searchfilter__field,
  .newlook_searchfilter__field {
    margin-bottom: 30px;
  }

  /* || SOA From URL */
  .soa_inquiry__panel .bob_panel__tmpchildren {
    width: 100%;
  }

  .soa_inquiry__panel .bob_generic__formhdr {
    text-align: left;
  }

  /* AP Tabs */
  .myacct_widget__hdrtabs .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    border-radius: 15px;
    background-color: var(--qnb-background);
    border: none;
    font-weight: 600;
  }

  .myacct_widget__hdrtabs {
    width: calc(100% - 30px);
    margin-inline: auto;
    margin-top: 18px;
  }

  .myacct_widget__hdrtabs .ant-radio-button-wrapper {
    color: var(--qnb-primary);
  }

  .myacct_widget__hdrtabs .ant-radio-button-wrapper:not(:first-child)::before {
    background-color: unset;
    content: none;
  }

  .myacct_widget__hdrtabs .ant-radio-group-solid .ant-radio-button-wrapper {
    border-radius: 15px;
    background-color: var(--qnb-background);
    font-size: 15px;
    font-weight: 500;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .myacct_widget__hdrtabs .ant-radio-group> :not(:last-child) {
    margin-right: 11px;
  }

  .myacct_widget__hdrtabs .ant-radio-group>label {
    margin-top: 8px;
  }

  .myacct_widget__hdrtabs .ant-radio-group-solid .ant-radio-button-wrapper .myacct_widget__hdrtabs .ant-radio-button-wrapper:not(:first-child)::before {
    background-color: unset;
  }

  /* ||Invalid login panel */
  .invalid_login__panel {
    color: var(--qnb-primary);
    top: 0;
    width: 100%;
    left: 0;
    padding: 15px 12px;
    border-radius: 0;
    z-index: 101;
    background-color: var(--qnb-danger-subtle);
    box-shadow: 0 7px 9px 0 var(--qnb-shadow-md), 0 8px 16px 0 var(--qnb-shadow-subtle);
  }

  .invalid_login__text {
    font-size: 15px;
    margin-bottom: 25px;
    margin-left: 30px;
    margin-top: 10px;
  }

  .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100;
    background-color: var(--qnb-background-inverse);
  }

  .invalid_login__hdr>img {
    height: 24px;
    margin-bottom: 2px;
  }

  .invalid_login__hdr {
    color: var(--qnb-warning-emphasis);
    font-size: 17px;
    font-weight: 600;
    display: flex;
    gap: 6px;
    align-items: center;
  }

  .invalid_login__btns {
    gap: 15px;
    margin-left: 30px;
    justify-content: flex-start;
  }

  .invalid_login__btns>div {
    font-size: 15px;
    font-weight: 600 !important;
    width: 100px !important;
    border-radius: 15px;
    height: 30px !important;
  }

  .invalid_login__btns>div:first-child {
    color: var(--qnb-danger);
    border: 1.5px solid var(--qnb-danger-border);
    background-color: var(--qnb-danger-subtle);
  }

  .invalid_login__btns>div:nth-child(2) {
    color: var(--qnb-danger-foreground);
    background-color: var(--qnb-danger);
  }

  .invalid_login__btns>div:nth-child(2):hover,
  .invalid_login__btns>div:nth-child(2):focus {
    background-color: var(--qnb-danger);
  }

  .invalid_login__btns>div:first-child>div {
    background: unset;
  }

  /* ||Account Portfolio */
  .bob_ap__grphdr {
    position: unset;
    padding: 0;
    margin: 0;
    width: unset;
    margin-bottom: 18px;
    margin-top: 20px;
  }

  .sme_accounts__table {
    margin: 0;
  }

  .bob_ap__grp {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
  }

  .bob_aptl__grphdr {
    position: unset;
  }

  .bob_aptl__grpbody {
    margin: 0 0;
  }

  .menu_selector__optarrow {
    border: none;
    box-shadow: none;
    background-color: transparent;
  }

  /* .bob_aptl__grp {
    padding: 0 15px;
  } */
  .myacct_widget__hdrtabs .ant-radio-group {
    white-space: nowrap;
  }

  .bob_ap__tabs {
    overflow: auto;
    width: 100%;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .mblacc_pill__ctr::-webkit-scrollbar {
    display: none;
  }

  .mblacc_pill__ctr {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
  }

  .bob_ap__tabs::-webkit-scrollbar {
    display: none;
  }

  .menu_selector__optcol {
    border-right: none;
  }

  .bob_ap__grphdr>div:first-child {
    font-size: 22px;
    font-weight: 700;
  }

  .bob_ap__panel>.bob_ap__grp:not(:first-child)::before {
    display: block;
    content: '';
    width: calc(100% + 30px);
    /* position: absolute; */
    height: 1.5px;
    margin-left: -15px;
    /* left: -15px; */
    background-color: var(--qnb-background-muted);
  }

  .bob_ap__panel {
    padding: 0 15px;
  }

  .bob_ap__grphdr .bob_generic__nofieldlbl {
    width: 100%;
  }

  .bob_ap__grphdr .bob_generic__nofieldlbl div {
    width: 100%;
  }

  .bob_ap__grphdr .bob_generic__nofieldlbl .mobile_single__selectarrow {
    width: 40px;
  }

  .mobile_single__selectarrow {
    color: var(--qnb-primary);
  }

  .ssv_field__valuelbl>div>div:first-child {
    font-size: 17px;
    font-weight: 600;
  }

  .menu_selector__panel {
    width: 100%;
  }

  .menu_selector__options {
    width: 100%;
    border-radius: 15px;
  }

  .menu_selector__optarrow2 {
    background-color: transparent;
    transform: unset;
  }

  .menu_selector__optbody {
    flex-direction: column;
  }

  .registeruser_panel {
    padding: 0;
    height: 100%;
    padding-bottom: 0;
  }

  .registeruser_panel .login_sxi_logo>img {
    display: unset;
  }

  .registeruser_panel .loginforget_form {
    padding: 15px;
    max-height: 100%;
    width: 100%;
    border-radius: 0;
    justify-content: flex-start;
    height: calc(100vh - 115px);
  }

  .registeruser_panel .loginforget_formhdr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .registeruser_panel .loginforget_formhdr>div:nth-child(2) {
    margin-top: 30px;
  }

  .registeruser_panel .loginforget_formhdr>div:nth-child(3) {
    padding-left: 0;
  }

  .registeruser_panel .bob_back__btn {
    height: 48px;
    font-size: 16px !important;
    width: 100%;
  }

  .registeruser_panel .newfologin_fields .loginforget_button {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .registeruser_panel .loginforget_button>span:first-child {
    display: unset;
  }

  /* ||Copy from  */
  .copyfrom_btn__options {
    border-radius: 20px 20px 0 0;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr {
    flex-direction: row-reverse;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdrmn {
    border-radius: 20px 20px 0 0;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>div {
    flex: 1;
    padding-left: 30px;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>div:not(:nth-child(2)) {
    justify-content: flex-end;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdrmn::before {
    content: '';
    display: block;
    /* width: 157px; */
    /* height: 20px; */
    top: 10px;
    height: 6px;
    width: 50px;
    border-radius: 5px;
    background-color: var(--qnb-background-muted);
    margin-inline: auto;
    margin-top: 10px;
  }

  .copyfrom_dropdown__noitem {
    font-size: 14px;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>div:last-child {
    display: none;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>div:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-left: 30px;
  }

  .copyfrom_btn__options .generic_mainmenu__mobilehdr>.generic_mainmenu__mobileclose {
    flex: 0;
  }

  .copyfrom_dropdown__item>div:first-child {
    font-size: 17px;
  }

  .copyfrom_dropdown__item {
    padding: 13px 15px 13px 20px;
    margin: 0 -5px 15px;
  }

  .generic_mainmenu__mobilenocancel.copyfrom_btn__options .generic_mainmenu__mobilebody {
    padding-top: 0;
    margin-top: 0;
  }

  .copyfrom_btn__options .bob_panel__stepcopytemplate+.form .bob_generic__formhdr {
    margin-bottom: 0;
  }

  .bob_generic__formchildren .bob_generic__portlet.bob_generic__portletmbl:not(:last-child)::after {
    width: 100%;
    content: '';
    display: block;
    background-color: var(--qnb-background-muted);
    height: 1.3px;
  }

  .f4radio_btn__flexalt .ant-radio-group {
    width: calc(100% + 10px);
  }

  .reject_message__text {
    font-size: 17px;
  }

  .newtxntype_panel>.row {
    margin-bottom: 0;
  }

  .newtxntype_panel>.row>div {
    margin-bottom: 30px;
  }

  .newtxntype_addtlitems>.row>div {
    margin-bottom: 30px;
    padding: 0;
  }

  .newtxntype_addtlitems {
    padding: 0 15px;
  }

  .bob_panel__template .step_wizard__panel {
    position: unset;
    margin-inline: -15px;
    width: calc(100% + 30px);
  }

  .newtxntype_freqitem {
    font-size: 17px;
  }

  .bob_panel__template .step_wizard__panelhp .step_wizard__maincnt .step_wizard__right {
    display: flex;
    flex-direction: column;
    padding-block: 15px;
  }

  .menu_selector__optitem {
    border-bottom: 1px solid var(--qnb-border) !important;
  }

  .bob_clear__btn {
    font-weight: 700;
  }

  /* ||MAINTENANCE */
  .maintenance__logos {
    height: unset;
    margin-top: 80px;
  }

  .maintenance__logos>div>img:last-child {
    height: 20px;
  }

  .maintenance__content {
    height: unset;
  }

  .maintenance__contact>div:first-of-type {
    background-color: unset;
    margin-bottom: 0;
    height: 0;
  }

  .maintenance__content>div>img {
    height: 160px;
    margin: 50px 0px 40px;
  }

  .maintenance__contact {
    width: calc(100% - 30px);
    margin: 0 auto;
  }

  .maintenance__content>div>div {
    margin-bottom: 10px;
  }

  .maintenance__content>div>div:last-child {
    color: var(--qnb-foreground-secondary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 60px;
  }

  .maintenance_flex {
    font-size: 13px;
    font-weight: 500;
  }

  .maintenance__contact>div:last-of-type {
    border-radius: 8px;
    margin: 0 auto;
  }

  .maintenance__body {
    /* margin: 0 15px; */
    display: unset;
    justify-content: flex-start;
    width: calc(100vw - 30px);
    margin: 0 auto;
  }

  .maintenance_flex>div:last-child {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
  }

  .doftw_panel {
    display: GRID;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 10px;
    margin-block: 0;
  }

  .doftm_panel .doftw_item {
    width: unset;
  }

  .newtxntype_addtlitems>.row {
    margin: 0 -10px 0;
  }

  .newtxntype_panel {
    display: flex;
    flex-direction: column;
  }

  .monthyearpicker_range .row>div.col-sm-6 {
    width: 50%;
    padding-inline: 10px;
    float: left;
  }

  .generic_txnpromo__panel {
    background: var(--charges-bg);
    margin: 20px -15px;
    border-radius: 0;
    border: none;
    padding: 20px 15px;
  }

  .promo_code__hdr {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 30px;
    /* margin-top: 20px; */
  }

  .generic_txnpromo__bd {
    padding: 0;
    border-radius: 0;
  }

  .bob_generic__portlethdr {
    padding: 10px 15px;
    font-weight: 700;
    border-width: 1.5px;
  }

  .acct_view__fieldexp .acct_view__fielditem:last-child {
    padding-bottom: 0;
  }

  .bob_view__portletbody>.row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    padding: 15px 0;
    /* padding: 0; */
  }

  .bob_view__portletbody>.row:not(:first-child) {
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 0;
  }

  .bob_view__portletbody>.row:first-child:not(:last-child) {
    padding: 0 0 15px;
  }

  .bob_view__portletbody>.row:last-child:not(:first-child) {
    padding: 15px 0 0;
  }

  /* .bob_view__portletbody > .row:last-child {
    padding: 15px 0 0;
  } */
  .acct_view__fieldexp {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: unset;
  }

  .bob_ack__hdr {
    background: var(--qnb-background-inverse);
    margin: -20px -20px 15px;
    width: calc(100% + 40px);
    border-radius: 0;
  }

  .bob_ackactions__button,
  .bob_ackactions__button:hover {
    /* background-color: var(--qnb-background); */
    background: var(--qnb-primary);
  }

  .txndtls_right__section {
    padding: 0;
  }

  .txn_stattrl__section {
    background-color: unset;
    padding: 0;
  }

  .txn_statref__hdr {
    border-radius: 0;
    margin-top: 0;
  }

  .txn_status__secitem>div:last-child {
    font-size: 17px;
  }

  .txn_status__sechdr,
  .txn_trail__hdr {
    border-width: 1.5px;
    font-weight: 700;
    padding: 10px 15px;
  }

  .txn_status__secitem>div:first-child {
    font-size: 14px;
  }

  .txn_trail__card {
    border-width: 1px;
    background-color: var(--qnb-background-muted);
  }

  .txn_trail__cardnmdt>div:first-child {
    font-size: 17px;
  }

  .txn_trail__cardnmdt>div:last-child {
    color: var(--mblsubhdr-color);
    font-size: 14px;
    font-weight: 500;
  }

  .txn_trail__cardstat {
    font-size: 13px;
    padding: 4.5px 10px;
    border-radius: 13px;
  }

  .txn_trail__cardstat>div:first-child {
    height: 8px;
    width: 8px;
  }

  .txn_trail__cardstat>div:last-child {
    padding-left: 8px;
  }

  .txn_status__secitem {
    border-width: 1.3px;
  }

  .txn_status__secbody>.txn_status__secitem--status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    font-weight: 600;
    padding-block: 15px;
  }

  .bob_ackhdr__dtl>div>div:first-child {
    font-size: 22px;
    line-height: 1.2;
  }

  .bob_ackhdr__dtl>img {
    height: 50px;
    width: 50px;
  }

  .bob_ackhdr__dtl>div>div:nth-child(2) {
    font-size: 13px;
    font-weight: 500;
  }

  .txn_trail__section,
  .txn_status__section {
    border-width: 1.5px;
  }

  /* .f4Modal {
    z-index: 2101;
  }
  .modal-backdrop {
    z-index: 2100;
  } */
  .mbl_acbtn__options .mbl_gnrcmenu__dropbody .actionchoice-optitem {
    border: none;
    border-radius: 10px;
    background-color: var(--qnb-background);
    min-height: 55px;
  }

  .mbl_acbtn__options .mbl_gnrcmenu__dropbody {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .mbl_gnrcmenu__dropbody .actionchoice-optitem:first-child {
    margin-top: 10px;
  }

  .mbl_gnrcmenu__dropclose>i {
    font-weight: 300;
  }

  .myprofile_dtls__section {
    border-width: 1.3px;
  }

  .th_inquiry__noacctplaceholder>div.th_inquiry__noaccthdr {
    font-size: 16px;
    font-weight: 700;
  }

  .th_inquiry__noacctplaceholder>img {
    height: 125px;
  }

  .mbl_sf__searchgrp .bob_clear__btn:hover,
  .mbl_sf__searchgrp .bob_clear__btn:active {
    color: var(--qnb-primary) !important;
  }

  .trns-from,
  .trns-to {
    font-size: 17px;
    font-weight: 600;
  }

  .trns-nickname {
    font-size: 14px;
    font-weight: 500;
    color: var(--qnb-primary);
  }

  .headerCollapsible {
    font-size: 17px;
  }

  .modal-check-lbl {
    font-size: 17px;
  }

  .f4DateAndTimePickerSearchLabel,
  .datepick_range__popupbtnfr>div:first-child {
    font-size: 17px;
  }

  .searchfilter_initial__panel {
    padding: 0;
    flex-flow: wrap;
    gap: 10px;
    /* max-width: 100vw; */
    width: 100%;
  }

  .mbl_inquiry__filtergrp .datepick_range__popupbtnfr {
    max-width: 250px;
  }

  .searchfilter_initial__panel .newlook_searchfilter__field {
    min-width: 125px;
  }

  .mbl_inquiry__filtergrp {
    margin-bottom: 15px;
  }

  .newconfirm_modalpanel .f4InputField {
    border-radius: 50px;
  }

  .bob_login__formcontainer {
    min-height: 100vh;
    height: 100%;
  }

  .react-tel-input .country-list {
    bottom: 0;
    top: unset;
  }

  .mbl_logout__modal .f4ModalFooter>.f4ButtonGroup .f4Button {
    min-width: 80px;
  }

  .mbl_logout__modal .f4ModalFooter>.f4ButtonGroup {
    display: flex;
    justify-content: center;
    padding-inline: 0 !important;
  }

  .mbl_cancel_enrollment__modal {
    display: flex !important;
    align-items: center;
  }

  .mbl_cancel_enrollment__modal .modal-content, .mbl_cancel_enrollment__modal .modal-dialog{
    height: auto;
  }

  .mbl_cancel_enrollment__modal .f4ModalFooter>.f4ButtonGroup .f4Button {
    min-width: 80px;
  }

  .mbl_cancel_enrollment__modal .svg-Logout_Illustration {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .mbl_cancel_enrollment__modal .cancel_enrollment_body {
    font-size: 26px;
    font-weight: 700;
    padding: 40px 10px 10px 10px;
    text-align: center;
  }

  .mbl_cancel_enrollment__modal .modal-header {
    display: none;
  }

  .mbl_cancel_enrollment__modal .modal-body {
    padding-top: 40px;
  }

  .mbl_cancel_enrollment__modal .modal-footer {
    padding: 0px 15px 20px 15px;
  }

  .acctwdg_view__soabtn button {
    font-weight: 700;
  }

  .mbl_grcno_records__panelsp {
    text-align: center;
    padding: 50px 0px;
  }

  .mbl_grcno_records__panelsp>div {
    color: var(--no-records-label);
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
  }

  .mbl_grcno_records__panelsp>img {
    height: 100px;
  }

  .actionchoice-optitem-disabled {
    cursor: not-allowed;
    pointer-events: unset;
  }

  .biller_selector__field {
    pointer-events: none;
  }

  .select_grp__ctr {
    position: relative;
  }

  .panel__links {
    font-size: 12px;
    position: absolute;
    display: flex;
    bottom: 10px;
    width: 100%;
  }

  .panel__linksalt {
    font-size: 11px;
    /* position: absolute; */
    display: flex;
    width: 100%;
  }


  .f4ModalFooter>.f4ButtonGroup .f4Button {
    min-width: 80px;
  }

  .f4EditModal .modal-content,
  .f4EditModal .modal-dialog {
    width: auto;
    height: auto;
  }

  .f4EditModal .col-sm-12,
  .f4EditModal .col-xs-12 {
    padding-bottom: 15px;
  }

  .f4EditModal .f4ModalBody {
    padding: 50px;
  }

  .biller_selector__favoptitem {
    width: 100%;
  }

  /* Workflow mobile res */
  .step_wizard__panelwf .step_wizard__btn img {
    display: none;
  }

  .step_wizard__panelwf .step_wizard__right {
    display: flex;
    justify-content: space-between;
    gap: 15px;
  }

  .step_wizard__btn:not(:has(span)) {
    display: none;
  }

  .step_wizard__btn button {
    width: 100%;
    /* max-width: 100px; */
    display: flex;
    white-space: break-spaces;
    padding: 5px;
  }

  .workflow_con__portlet .bob_view__panelchldrn {
    flex-direction: column-reverse;
  }

  .bob_panel__templatemainrm .f4datatable_optionButtons {
    display: flex;
    /* justify-content: flex-end; */
    /* align-items: center; */
    margin-bottom: 10px;
    /* flex-wrap: wrap; */
    flex-direction: column;
    align-items: flex-start;
  }

  .bob_panel__templatemainrm .f4data_table__optionspanel {
    width: unset;
  }

  .bob_upload__dtlsection {
    width: 100%;
    margin: 0;
  }

  .bob_view__panelud .bob_view__panelchldrnm {
    width: 100%;
  }

  .login_security__modalhdr>div:first-child {
    color: var(--hdr-color);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
  }

  .login_security__modalhdr>div:nth-child(2) {
    color: var(--qnb-foreground-secondary);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .login_lockacct__body {
    padding-top: 40px;
  }

  .step_wizard__panelwfwr .step_wizard__maincnt {
    position: fixed;
    bottom: 80px;
  }

  .step_wizard__wfremalt {
    height: 70px;
    position: fixed;
    bottom: 150px;
  }
}

@media screen and (max-height: 664px) {
  /* .login_lockacct__modalalt,
  .login_suspacct__modal {
    height: 98%;
    width: 50%;
  } */

  .login_security__modalhdr {
    font-size: 22px;
  }

  .login_security__modalhdr>div:nth-child(2) {
    font-size: 14px;
    padding-top: 8px;
    line-height: 18px;
  }

  .task_list__widget {
    background-color: var(--qnb-background-muted);
  }
}

@media (min-width: 811px) {

  /* ||For modals with datepickers in web */
  .modal-open .cwt_reports__modal.modal {
    overflow: visible;
  }

  .cwt_reports__modal .modal-dialog {
    overflow: visible;
  }

  .cwt_reports__modal.normalModal .modal-content {
    overflow: visible;
  }

  .cwt_reports__modal .f4Modal_no__footer .f4ModalBody {
    border-radius: 23px;
  }

  /* .fullModal .f4ModalBody {
    border-radius: 23px;
  } */
  .cwt_reports__modal .f4ModalBody {
    border-radius: 0 0 23px 23px;
  }

  .cwt_reports__modal .f4ModalHeader {
    border-radius: 23px 23px 0 0;
  }

  .cwt_reports__modal .f4ModalFooter {
    border-radius: 0 0 23px 23px;
  }

  .cwt_reports__modal .f4ModalBody {
    overflow: visible;
  }

  /* LOGIN ACCOUNT MODAL */
  .modal-open .login_lockacct__modal.modal {
    overflow: visible;
  }

  .login_lockacct__modal .modal-dialog {
    overflow: visible;
  }

  .login_lockacct__modal.normalModal .modal-content {
    overflow: visible;
  }

  .login_lockacct__modal .f4Modal_no__footer .f4ModalBody {
    border-radius: 23px;
  }

  /* .fullModal .f4ModalBody {
    border-radius: 23px;
  } */
  .login_lockacct__modal .f4ModalBody {
    border-radius: 0 0 23px 23px;
  }

  .login_lockacct__modal .f4ModalHeader {
    border-radius: 23px 23px 0 0;
  }

  .login_lockacct__modal .f4ModalFooter {
    border-radius: 0 0 23px 23px;
  }

  .login_lockacct__modal .f4ModalBody {
    overflow: visible;
  }
}

/* fo-generic-rv.css customization */

:root {
  /* QNB Digital Guidelines: primary palette. */
  --qnb-color-sapphire: #1B124B;
  --qnb-color-white: #FFFFFF;
  --qnb-color-off-white: #FFFDFC;
  --qnb-color-sand: #F8F4EF;
  --qnb-color-stone: #68645E;
  --qnb-color-black: #1B1316;
  --qnb-color-sky: #376CD2;
  --qnb-color-sky-alt: #6C9EFF;
  --qnb-color-grey-50: #F4F3F6;
  --qnb-color-grey-100: #E8E7ED;
  --qnb-color-grey-200: #D1D0DB;
  --qnb-color-grey-400: #A4A0B7;
  --qnb-color-grey-600: #767193;
  --qnb-color-grey-800: #49416F;
  --qnb-color-dark-grey-100: #454352;
  --qnb-color-dark-grey-200: #302E3E;
  --qnb-color-dark-grey-250: #292738;
  --qnb-color-dark-grey-300: #191628;

  /* QNB Digital Guidelines: secondary palette. */
  --qnb-color-velvet: #2D0922;
  --qnb-color-ruby: #870052;
  --qnb-color-citrus: #E88A5B;
  --qnb-color-mustard: #F2CD64;
  --qnb-color-mint: #B0E9C5;
  --qnb-color-citrus-dark: #D07345;
  --qnb-color-mustard-dark: #D5B24E;
  --qnb-color-mint-dark: #91CEA8;
  --qnb-color-green: #009F12;
  --qnb-color-yellow: #FBE804;
  --qnb-color-ocean: #A9EBED;
  --qnb-color-steel-light: #CFDBF2;
  --qnb-color-pearl: #F7E6D5;
  --qnb-color-ocean-dark: #7DC5C7;
  --qnb-color-steel: #B9C4DB;
  --qnb-color-steel-dark: #99A7C6;
  --qnb-color-pearl-dark: #E4C8AC;

  /* Application semantic tokens. */
  --qnb-background: var(--qnb-color-white);
  --qnb-background-subtle: var(--qnb-color-off-white);
  --qnb-background-muted: var(--qnb-color-grey-50);
  /* Required legacy value; intentionally differs from background-subtle. */
  --qnb-surface-subtle: #F4F3F6;
  --qnb-background-warm: var(--qnb-color-sand);
  --qnb-background-inverse: var(--qnb-color-black);
  --qnb-foreground: var(--qnb-color-dark-grey-200);
  --qnb-foreground-emphasis: var(--qnb-color-sapphire);
  --qnb-foreground-secondary: var(--qnb-color-grey-800);
  --qnb-foreground-muted: var(--qnb-color-grey-600);
  --qnb-foreground-disabled: var(--qnb-color-grey-400);
  --qnb-foreground-placeholder: var(--qnb-color-grey-400);
  --qnb-foreground-inverse: var(--qnb-color-white);
  --qnb-border: var(--qnb-color-grey-200);
  --qnb-border-subtle: var(--qnb-color-grey-100);
  --qnb-border-strong: var(--qnb-color-grey-400);
  --qnb-form-label: var(--qnb-color-grey-600);
  --qnb-link: var(--qnb-color-citrus-dark);
  --qnb-primary: var(--qnb-color-sapphire);
  --qnb-primary-foreground: var(--qnb-color-white);
  --qnb-primary-hover: color-mix(in srgb, var(--qnb-primary), white 15%);
  --qnb-secondary: var(--qnb-color-sky);
  --qnb-secondary-foreground: var(--qnb-color-white);
  --qnb-secondary-hover: color-mix(in srgb, var(--qnb-secondary), black 15%);
  --qnb-accent: var(--qnb-color-citrus);
  --qnb-accent-foreground: var(--qnb-color-citrus-dark);
  --qnb-accent-hover: var(--qnb-color-citrus-dark);

  /* Required application highlight. */
  --qnb-selection: #F0F5FF;
  --qnb-selection-foreground: var(--qnb-color-sapphire);
  --qnb-ring: var(--qnb-primary);
  --qnb-warning-emphasis: var(--qnb-color-citrus-dark);
  --qnb-success: var(--qnb-color-green);
  --qnb-success-foreground: var(--qnb-color-black);
  --qnb-success-subtle: color-mix(in srgb, var(--qnb-success) 16%, var(--qnb-background));
  --qnb-success-border: color-mix(in srgb, var(--qnb-success) 40%, var(--qnb-background));
  --qnb-danger: var(--qnb-color-ruby);
  --qnb-danger-foreground: var(--qnb-color-white);
  --qnb-danger-subtle: color-mix(in srgb, var(--qnb-danger) 16%, var(--qnb-background));
  --qnb-danger-border: color-mix(in srgb, var(--qnb-danger) 40%, var(--qnb-background));
  --qnb-warning: var(--qnb-color-yellow);
  --qnb-warning-foreground: var(--qnb-color-black);
  --qnb-warning-subtle: color-mix(in srgb, var(--qnb-warning) 20%, var(--qnb-background));
  --qnb-warning-border: color-mix(in srgb, var(--qnb-warning) 45%, var(--qnb-background));
  --qnb-info: var(--qnb-color-sky);
  --qnb-info-foreground: var(--qnb-color-white);
  --qnb-info-subtle: color-mix(in srgb, var(--qnb-info) 16%, var(--qnb-background));
  --qnb-info-border: color-mix(in srgb, var(--qnb-info) 40%, var(--qnb-background));
  --qnb-icon-muted: var(--qnb-color-steel);
  --qnb-chart-grid: var(--qnb-color-steel-light);
  --qnb-chart-axis: var(--qnb-color-steel-dark);
  --qnb-chart-series-1: var(--qnb-color-sky);
  --qnb-chart-series-2: var(--qnb-color-citrus);
  --qnb-chart-series-3: var(--qnb-color-mint-dark);
  --qnb-chart-series-4: var(--qnb-color-pearl-dark);
  --qnb-shadow-sm: rgba(0, 0, 0, 0.05);
  --qnb-shadow-md: rgba(0, 0, 0, 0.1);
  --qnb-shadow-lg: rgba(0, 0, 0, 0.2);
  --qnb-shadow-subtle: rgba(186, 186, 186, 0.06);
  --qnb-shadow-card: rgba(239, 241, 246, 0.4);
  --qnb-overlay: rgba(0, 0, 0, 0.5);
  --qnb-overlay-strong: rgba(0, 0, 0, 0.82);
  --qnb-overlay-light: rgba(255, 255, 255, 0.1);
  --qnb-overlay-white: rgba(255, 255, 255, 0.8);

  /* Vendor CSS. */
  --main-color: var(--qnb-primary);
  --border-color: var(--qnb-border);
  --datatable-border-color: var(--qnb-border);
  --input-field-bg: var(--qnb-background);
  --light-bg-primary: #FFFDFC;
  --text-color: var(--qnb-foreground-emphasis);
  --button-hover-color: var(--qnb-accent-hover);
  --table-portlet-radius: 15px;
}

html {
  scrollbar-gutter: stable;
}

.bob_login__formhdr {
  color: var(--qnb-primary);
}

.bob_login__formhdr>div:nth-child(2)>img {
  height: 44px;
  margin-right: 14px;
  margin-top: unset;
  width: unset;
}

.bob_instr__viewer {
  background-color: var(--qnb-secondary);
  border-left: 0;
  color: var(--qnb-secondary-foreground);
}

.bob_instr__viewer>div>div:last-child {
  color: var(--qnb-secondary-foreground);
}

.bob_mainleft__bar {
  border-right: 1px solid var(--qnb-border-subtle);
  background-color: var(--qnb-background);
}

.bob_mainleft__barhdr {
  padding: 25px 0;
}

.bob_mainleft__barlogo {
   height: calc(80px - 25px);
   padding-bottom: 25px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.bob_mainleft__barlogo>img {
   height: auto;
   width: 80px;
   /* width: 60px; */
}

.bob_main__nbitem {
  color: var(--qnb-secondary);
}

.bob_main__nbnbitem img {
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) invert(10%) sepia(36%) saturate(1880%) hue-rotate(231deg) brightness(86%) contrast(104%);
}

.bob_mainmenu__item:before {
  background: var(--qnb-border);
  opacity: 0.25;
}

.bob_mainmenu__item::after {
  background: var(--qnb-border);
  opacity: 0.25;
}

.bob_mainmenu__bc {
  border-bottom: 1px solid var(--qnb-border);
}

.bob_mainmenu__bc a {
  color: var(--qnb-foreground-inverse);
}

.bob_mainleft__btnalt {
  color: var(--qnb-foreground-inverse);
};

.bob_mainleft__btnalt>img {
  filter: unset;
  -webkit-filter: unset;
}

.f4newlistview_addbtn {
  background: var(--qnb-primary);
  border: 1px solid var(--qnb-primary);
  border-radius: 999px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 5px 10px;
  font-weight: 600;
  color: var(--qnb-primary-foreground);
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.2;
  position: relative;
  text-align: center;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease,
    box-shadow 0.2s ease;
}

.f4newlistview_addbtn:hover,
.f4newlistview_addbtn:focus,
.f4newlistview_addbtn:active {
  background: var(--qnb-primary-hover);
  border-color: var(--qnb-primary-hover);
  color: var(--qnb-primary-foreground);
}

.f4newlistview_addbtn:focus-visible {
  outline: 2px solid var(--qnb-ring);
  outline-offset: 2px;
}

.f4newlistview_addbtn:active {
  background: var(--qnb-primary);
  border-color: var(--qnb-primary);
}

.f4newlistview_addbtn>i {
  margin-right: 0;
  position: relative;
  font-weight: 500;
  line-height: 1;
}


.initial_filter__datetimeitem {
  min-width: 140px;
}

.initial_filter__datetimeitem--mbl {
  min-width: 260px;
}

:where(.initial_filter__datetimeitem) .datepick_range__popupbtnfr {
  max-width: min(500px, 100%);
}

.initial_filter__datetimeitem .datepick_range__popupbtnfr>div:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.initial_filter__datetimeitem .datepick_range__popupbtnfr>div:nth-child(2) {
  flex-shrink: 0;
}


/* fo-custom.css customization */


.bob_login__formhdr>div:nth-child(2)>img {
  height: 36px;
  margin-right: 10px;
  margin-top: -1px;
}

.bob_check_button {
  width: 100%;
  min-width: 50px;
  height: 45px;
  gap: 9px;
  padding: 8px 10px;
  border-radius: 10px;
  background-color: var(--qnb-accent);
  color: var(--qnb-color-white);
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.bob_back__btn,
.bob_secondary__btn,
.bob_reject__btn,
.bob_rtm__btn,
.modal_back__btn {
  background: transparent;
  border: 1.5px solid var(--qnb-primary);
  color: var(--qnb-primary);
}

.bob_back__btn:hover,
.bob_secondary__btn:hover,
.bob_reject__btn:hover,
.bob_rtm__btn:hover,
.modal_back__btn:hover,
.bob_back__btn:focus,
.bob_secondary__btn:focus,
.bob_reject__btn:focus,
.bob_rtm__btn:focus,
.modal_back__btn:focus,
.bob_back__btn:active,
.bob_secondary__btn:active,
.bob_reject__btn:active,
.bob_rtm__btn:active,
.modal_back__btn:active {
  background: var(--qnb-primary-hover) !important;
  border: 1.5px solid var(--qnb-primary-hover);
  border-color: var(--qnb-primary-hover);
  color: var(--qnb-primary-foreground);
}

.bob_reject__btn .svg-Reject,
.bob_rtm__btn .svg-Return {
  filter: brightness(0) saturate(100%) invert(10%) sepia(36%) saturate(1880%) hue-rotate(231deg) brightness(86%) contrast(104%);
}

.bob_reject__btn:hover .svg-Reject,
.bob_reject__btn:focus .svg-Reject,
.bob_reject__btn:active .svg-Reject,
.bob_rtm__btn:hover .svg-Return,
.bob_rtm__btn:focus .svg-Return,
.bob_rtm__btn:active .svg-Return {
  filter: brightness(0) saturate(100%) invert(100%);
}

.bob_back__btn:focus-visible,
.bob_secondary__btn:focus-visible,
.bob_reject__btn:focus-visible,
.bob_rtm__btn:focus-visible,
.modal_back__btn:focus-visible {
  outline: 2px solid var(--qnb-primary);
  outline-offset: 2px;
}

.f4Button.modal_back__btn {
  background: transparent !important;
  border: 1.5px solid var(--qnb-primary) !important;
  color: var(--qnb-primary) !important;
}

.f4Button.modal_back__btn:hover,
.f4Button.modal_back__btn:focus,
.f4Button.modal_back__btn:active {
  background: var(--qnb-primary-hover) !important;
  border-color: var(--qnb-primary-hover) !important;
  color: var(--qnb-primary-foreground) !important;
}

.newlook_link {
  color: var(--qnb-accent);
}

.newlook_link:hover {
  color: var(--qnb-accent-hover);
}

.f4Button.bob_primary__btn.bob_approve__btn {
  background: var(--qnb-primary);
  border: none;
  color: var(--qnb-primary-foreground);
  min-height: 50px;
}

.f4Button.primary,
.f4ChallengeCodeModal_action.f4Button.default {
  background: var(--qnb-primary);
  border: none;
  color: var(--qnb-primary-foreground);
  min-height: 50px;
}

.f4Button.primary:hover,
.f4Button.primary:focus,
.f4Button.primary:active,
.f4ChallengeCodeModal_action.f4Button.default:hover,
.f4ChallengeCodeModal_action.f4Button.default:focus,
.f4ChallengeCodeModal_action.f4Button.default:active {
  background: var(--qnb-primary-hover) !important;
  border: none;
  color: var(--qnb-primary-foreground) !important;
}

.f4Button.primary:focus-visible,
.f4ChallengeCodeModal_action.f4Button.default:focus-visible {
  outline: 2px solid var(--qnb-ring);
  outline-offset: 2px;
}

.f4Button.f4ChallengeCodeModal_action.secondary {
  background: transparent;
  border: 1.5px solid var(--qnb-primary);
  color: var(--qnb-primary);
}

.f4Button.f4ChallengeCodeModal_action.secondary:hover,
.f4Button.f4ChallengeCodeModal_action.secondary:focus,
.f4Button.f4ChallengeCodeModal_action.secondary:active {
  background: var(--qnb-primary-hover) !important;
  border: 1.5px solid var(--qnb-primary-hover) !important;
  box-shadow: none !important;
  color: var(--qnb-primary-foreground) !important;
}

.f4Button.f4ChallengeCodeModal_action.secondary:focus-visible {
  outline: 2px solid var(--qnb-primary);
  outline-offset: 2px;
}


.bob_check_button:hover {
  background-color: var(--qnb-accent-hover);
  transform: scale(1.05);
}

.bob_check_button.loading {
  background-color: var(--disabled-bg-color);
  cursor: not-allowed;
}

.bob_check_button:disabled {
  background-color: var(--disabled-bg-color);
  cursor: not-allowed;
}

.bob_check_button_v2 {
  height: auto;
  min-height: 45px;
}

.bob_button_custom_class {
  padding-top: 30px;
  padding-left: 0px;
}

.loading-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loading-modal {
  background: var(--modal-bg);
  border-radius: 12px;
  padding: 32px 40px;
  width: 360px;
  text-align: center;
}

.loading-spinner {
  width: 48px;
  height: 48px;
  border: 5px solid var(--light-border-color);
  border-top: 5px solid var(--qnb-accent);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 20px;
}

.loading-modal h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.loading-modal p {
  margin-top: 8px;
  font-size: 14px;
  color: var(--subhdr-color);
}

.balance-info-text {
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  text-align: center;
  opacity: 1;
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto 20px auto;
  background: var(--qnb-selection);
  color: var(--qnb-info);
}

.balance-info-icon {
  filter: brightness(0) saturate(100%) invert(42%) sepia(88%) saturate(1223%) hue-rotate(194deg) brightness(88%) contrast(89%);
}

.insufficient-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0,0,0,0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  pointer-events: auto;
}

.insufficient-modal {
  background-color: var(--modal-bg);
  border-radius: 30px;
  width: 510px;
  max-width: 510px;
  height: auto;
  padding: 60px 30px 30px 30px;
  text-align: center;
  position: relative;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.insufficient-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  font-size: 24px
}

.insufficient-icon-wrapper {
  margin-bottom: 16px;
}

.insufficient-title {
  font-family: 'qnb-sans', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  margin: 8px 0;
}

.insufficient-message {
  font-family: 'qnb-sans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: var(--subhdr-color);
  margin-bottom: 20px;
}

.insufficient-ok-button {
  background-color: var(--qnb-primary);
  color: var(--button-text-color);
  border: none;
  border-radius: 6px;
  width: 450px;
  height: 50px;
  padding: 0;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
}

/* overlay gelap */
.challenge-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* box modal */
.challenge-modal {
  width: 510px;
  max-width: 510px;
  gap: 20px;

  padding: 60px 30px 30px;

  background: var(--modal-bg);
  border-radius: 30px;

  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  box-sizing: border-box;
}

.challenge-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  font-size: 24px
}

.challenge-modal h3 {
  font-family: 'qnb-sans';
  font-weight: 700;
  font-size: 25px;
  text-align: center;
}

.challenge-modal p {
  width: 450px;

  font-family: 'qnb-sans';
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0%;
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;

  color: var(--subhdr-color);
}

.challenge-code {
  width: 450px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  font-family: 'qnb-sans';
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 14px;

  color: var(--qnb-accent);
}

.challenge-input {
  width: 450px;
  height: 44px;

  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--qnb-border);

  font-family: 'qnb-sans', sans-serif;
  font-size: 14px;
}

.challenge-input::-moz-placeholder {
  color: var(--placeholder-color);
}

.challenge-input::placeholder {
  color: var(--placeholder-color);
}

.challenge-actions {
  display: flex;
  gap: 20px;
  width: 100%;
  margin-top: auto;
}

.challenge-actions button:first-child {
  flex: 1;
  height: 50px;

  background: var(--backbtn-bgcolor);
  color: var(--button-text-color);

  border: none;
  border-radius: 12px;
  font-size: 16px;
  cursor: pointer;
}

.challenge-actions button:last-child {
  flex: 1;
  height: 50px;

  background: var(--qnb-accent);
  color: var(--qnb-foreground-emphasis);

  border: none;
  border-radius: 12px;
  font-size: 16px;
  cursor: pointer;
}

.challenge-actions button:hover {
  opacity: 0.9;
}

.response-wrapper {
  width: 450px;
  height: auto;

  display: flex;
  flex-direction: column;
  gap: 8px;
}

.response-note {
  font-family: 'qnb-sans';
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 23px;
  letter-spacing: 0%;
  color: var(--hdr-color);
  margin-bottom: 20px;
}


.challenge-divider {
  width: 100%;
  height: 1px;
  background-color: var(--light-border-color);
}

.response-label {
  height: 15px;

  font-family: 'qnb-sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0%;

  color: var(--view-fieldlabel-color);
  margin-bottom: 6px;
}

.required {
  color: var(--required-color);
  margin-left: 2px;
}

.account-validation-block {
  width: calc(100% + 50px);
  background: var(--qnb-background);
  border-left: 6px solid #fac14e;
  padding: 16px 16px 16px 25px;
  box-sizing: border-box;
  margin-left: -20px;
  margin-top: -20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.account-validation-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: var(--hdr-color);
  margin-bottom: 6px;
}

.account-validation-item:last-child {
  margin-bottom: 0;
}

.account-validation-icon {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

.qnb-note {
  width: 100%;
  height: 56px;
  display: flex;
  background: var(--qnb-background);
  opacity: 1;
}

.qnb-note__label {
  width: 96px;
  height: 56px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qnb-color-steel-light);
  font-weight: 600;
  font-size: 13px;
  color: var(--qnb-color-sky);
}

.qnb-note__content {
  height: 56px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

.qnb-note__icon {
  font-size: 13px;
  color: var(--qnb-secondary);
}

.qnb-note__text {
  font-weight: 500;
  font-size: 13px;
  color: var(--hdr-color);
}

.qnb-note__text strong {
  font-weight: 700;
}

.qnb-note-portlet.bob_generic__portlet,
.workflow-balance-note-portlet.bob_generic__portlet {
  overflow: hidden;
}

.qnb-note-portlet .qnb-note,
.workflow-balance-note-portlet .qnb-note {
  border-top: 1px solid var(--qnb-border);
}

.qnb-note-portlet .f4datatable .f4data_table__section,
.qnb-note-portlet .f4datatable .f4data_table__section .containerBelowTable,
.workflow-balance-note-portlet .f4datatable .f4data_table__section,
.workflow-balance-note-portlet .f4datatable .f4data_table__section .containerBelowTable {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.bob_table__portlet
  .fixedDataTableRowLayout_rowWrapper:last-child
  .public_fixedDataTable_bodyRow {
  border-radius: 0 !important;
}

.status-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--main-bg-color);
}

.qnb_employee_enroll__btn {
    font-size: 14px;
    padding: 0 8px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    border-radius: 10px;
    cursor: pointer;
    background: var(--qnb-accent);
    color: var(--qnb-foreground-emphasis);
    width: 100%;
    box-sizing: border-box;
    gap: 4px;
    margin-top: 32px;
}

.qnb_employee_enroll_save_btn {
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s;
  display: flex;
  gap: 13px;
  align-items: center;
  height: 50px;
  border-radius: 10px;
  padding: 15px;
  white-space: nowrap;
  cursor: pointer;
  background: var(--qnb-secondary);
  color: var(--button-text-color);
  margin-top: 6px;
  width: 100%;
  max-width: none;
  justify-content: center;
  text-align: center;
}

.qnb_emp_addbook__btn {
  font-weight: 600;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  white-space: nowrap;
  cursor: pointer;
  background: var(--qnb-accent);
  color: var(--qnb-foreground-emphasis);
  box-sizing: border-box;
  min-width: -moz-min-content;
  min-width: min-content;
  font-size: 14px;
  line-height: 17px;
  gap: 7px;
  position: absolute;
  top: 7px;
  right: 5px;
  border-radius: 12px;
}

.qnb-custom-upload-field {
  position: relative;
}

.qnb-custom-upload-field .f4upload_field__label {
  position: relative;
  padding-right: 80px;
}

.qnb-custom-upload-field .upload-delete-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.upload-delete-icon {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: var(--qnb-accent);
}

.upload-delete-icon img {
  width: 18px;
  height: 18px;
}

.upload-delete-icon:hover {
  opacity: 0.7;
}

.qnb_container {
  background: var(--button-text-color);
  padding: 20px;
  border-radius: 12px;
}

.qnb_document_item {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--button-text-color);
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: 0 0 0 1px var(--button-grey);
}

.qnb_left_accent {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--qnb-accent);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.qnb_icon_wrapper {
  width: 40px;
  height: 40px;
  background: var(--button-text-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  margin-right: 16px;
}

.qnb_icon {
  color: var(--qnb-primary-hover);
  font-size: 18px;
}

.qnb_doc_info {
  display: flex;
  align-items: center;
}

.qnb_doc_name {
  font-weight: 500;
  color: #2d2d2d;
}

.qnb_doc_size {
  margin-left: 16px;
  color: #9ca3af;
  font-size: 14px;
}

.qnb_divider {
  height: 1px;
  background: var(--button-grey);
  margin: 16px 0;
}
.qnb_clickable {
  cursor: pointer;
  transition: all 0.2s ease;
}

.qnb_clickable:hover {
  background: var(--button-text-color);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.bob_upload__dtls {
  background: var(--qnb-background);
}

.qnb_expired-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.qnb_expired-wrapper button {
  display: inline-block;
  width: auto;
  padding: 16px;
  color: var(--qnb-accent);
}

.qnb_login__placeholder {
  padding-bottom: 15rem;
}

.swift-help {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  font-size: 12px;
}

.swift-manual-entry {
  color: var(--required-color);
  cursor: pointer;
}

.swift-manual-entry:hover {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .challenge-modal {
    max-width: 100%;
    padding: 40px 20px 24px;
    border-radius: 20px;
  }
  .response-wrapper {
    max-width: 100%;
    gap: 6px;
  }
  .insufficient-modal {
    max-width: 100%;
  }
  .bob_check_button {
    width: 100%;
  }
  .qnb_employee_enroll__btn{
    width: 100%;
  }
  .qnb_employee_enroll_save_btn{
    width: 100%;
  }
}

.acct_card__border,
.othacct_card__border,
.acct_selfield__phborder {
  background: var(--qnb-primary) !important;
}

.acct_card__border,
.othacct_card__border {
  height: 100%;
}

.acct_selector__fieldwithval .Select-control:hover,
.acct_selector__fieldwithval .is-focused .Select-control {
  border-left-color: var(--qnb-border) !important;
}

.acct_selector__fieldcust .Select-placeholder,
.otheracct_selector__field .Select-placeholder {
  line-height: normal;
  padding: 10px 40px 10px 22px;
}

.acct_selector__fieldcust .Select-placeholder .benpay_selector__plc,
.otheracct_selector__field .Select-placeholder .benpay_selector__plc {
  box-sizing: border-box;
  padding-bottom: 12px;
}

.benpay_selector__plc {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 5px 0 7px;
}

.benpay_selector__plc--loading::before,
.benpay_selector__plc--loading::after {
  content: "";
  position: absolute;
  left: 0;
  height: 15px;
  border-radius: 3px;
  background: var(--qnb-background-muted);
}

.benpay_selector__plc--loading::before {
  top: 36px;
  width: 86px;
}

.benpay_selector__plc--loading::after {
  bottom: 7px;
  width: 100%;
  max-width: 278px;
}

.acct_card__newdtl .bob_view__fieldlabel,
.acct_card__viewalt .acct_card__avbal>div:first-child {
  color: var(--light-sec-color);
}

.othacct_card__accnonm>div:first-child {
  color: var(--light-sec-color);
}

.acct_card__view, .othacct_card__view {
  background: url("/fo/images/Card BG.61e3058f.svg") no-repeat;
  position: relative;
  min-height: 140px;
  border-radius: 15px;
  background-size: auto;
  background-size: cover;
  color: var(--qnb-foreground-inverse);
  padding: 15px 15px 15px 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.accountselector_itemdtls__wplaceholder,
.merch_selector__value-plc {
  color: var(--hdr-color) !important;
  background: #fff !important;
  border-radius: 9px !important;
  width: 100% !important;
  position: absolute !important;
  display: flex !important;
  z-index: 99 !important;
  top: 0 !important;
  left: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding-inline: 0 2px !important;
  height: 100% !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 0 0 0.5px var(--qnb-border) !important;
}

.otheracct_selector__main .Select:not(.is-open) .accountselector_itemdtls__wplaceholder {
  display: none !important;
}

.accountselector_itemdtls__wplaceholder > span,
.merch_selector__value-plc > span {
  margin-left: 20px;
  margin-top: 15px;
}

.radioButtonClass .ant-radio-inner {
  border-width: 1px;
  border-color: var(--qnb-primary);
  background-color: transparent;
}

.radioButtonClass .ant-radio-inner:after {
  width: 60%;
  height: 60%;
  top: 50%;
  left: 50%;
  margin-top: 0;
  margin-left: 0;
  border-radius: 50%;
  background-color: var(--qnb-secondary);
  transform: translate(-50%, -50%) scale(0);
}

.radioButtonClass .ant-radio {
  color: var(--qnb-primary);
}

.radioButtonClass .ant-radio-checked .ant-radio-inner {
  border-width: 1px;
  border-color: var(--qnb-primary);
  background: transparent;
}

.radioButtonClass .ant-radio-checked .ant-radio-inner:after {
  transform: translate(-50%, -50%) scale(1);
}

.radioButtonClass .ant-radio-checked:after,
.radioButtonClass .ant-radio:hover:after,
.radioButtonClass .ant-radio-wrapper:hover .ant-radio:after {
  display: none;
  animation: none;
}

.radioButtonClass .ant-radio-input:focus + .ant-radio-inner,
.radioButtonClass .ant-radio-focused .ant-radio-inner {
  border-color: var(--qnb-primary);
  box-shadow: none;
}

.radioButtonClass .ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
.radioButtonClass .ant-radio:hover .ant-radio-inner {
  border-color: var(--qnb-primary);
}

.radioButtonClass .ant-radio-input:focus,
.radioButtonClass .ant-radio-input:focus-visible {
  outline: none;
}

/* Custom QNB color styles */

.bob_login__panel {
  background-color: var(--qnb-background-muted);
}

.acct_widget__section {
  background-color: var(--qnb-background-muted);
}

.acct_widget__section .f4data_table__section {
  border-color: var(--qnb-border);
}

.f4datatable .f4data_table__section {
  background-color: var(--qnb-background-muted);
  border-radius: var(--table-portlet-radius);
}

.f4datatable .f4data_table__section .containerBelowTable {
  background-color: var(--qnb-background);
  border-bottom-left-radius: var(--table-portlet-radius);
  border-bottom-right-radius: var(--table-portlet-radius);
  padding-top: 0;
}
.f4datatable .public_fixedDataTable_header,
.f4datatable .fixedDataTableRowLayout_main,
.f4datatable .containerBelowTable {
  border-color: var(--qnb-border-subtle);
}

.f4datatable .public_fixedDataTable_header,
.f4datatable .public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: var(--qnb-background);
}

.bob_table__portlet .f4datatable .public_fixedDataTable_header,
.bob_table__portlet .f4datatable .public_fixedDataTable_header .public_fixedDataTableCell_main,
.bob_generic__portlet .f4datatable .public_fixedDataTable_header,
.bob_generic__portlet .f4datatable .public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: var(--qnb-background-muted);
}

.f4datatable .fixedDataTableRowLayout_rowWrapper {
  background-color: var(--qnb-background);
}

.f4datatable .public_fixedDataTable_bodyRow {
  border: 0;
  border-bottom: 1px solid var(--qnb-border-subtle);
  box-sizing: border-box;
}

.f4datatable .public_fixedDataTable_bodyRow:hover,
.f4datatable .public_fixedDataTable_bodyRow:hover .public_fixedDataTableCell_main {
  background-color: var(--qnb-selection) !important;
}

.f4datatable .public_fixedDataTable_bodyRow:hover {
  border: 0 !important;
  border-bottom: 1px solid var(--qnb-border-subtle) !important;
  box-shadow: none !important;
}

.f4datatable-single-parent .f4datatable_row_selected:hover .fixedDataTableCellGroupLayout_cellGroup {
  background: var(--qnb-background) !important;
}

.f4datatable .headerTable {
  color: var(--qnb-primary);
  font-size: small;
  font-weight: bold;
}

.f4datatable .public_fixedDataTable_horizontalScrollbar .ScrollbarLayout_faceHorizontal,
.f4datatable .public_fixedDataTable_horizontalScrollbar .public_Scrollbar_face {
  background-color: var(--qnb-border-strong) !important;
  background-clip: content-box !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

.f4datatable .public_fixedDataTable_horizontalScrollbar .ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal,
.f4datatable .public_fixedDataTable_horizontalScrollbar .ScrollbarLayout_faceActive {
  background-color: var(--qnb-foreground-muted) !important;
}

.f4datatable .public_Scrollbar_face:after {
  background-color: var(--qnb-border-strong);
}

.f4datatable .public_Scrollbar_main:hover .public_Scrollbar_face:after,
.f4datatable .public_Scrollbar_mainActive .public_Scrollbar_face:after,
.f4datatable .public_Scrollbar_faceActive:after {
  background-color: var(--qnb-foreground-muted);
}

.f4datatable-groupby-parent .fixedDataTableRowLayout_rowExpanded .f4datatable {
  margin-top: -13px;
}

.f4datatable-groupby-parent .containerBelowTable {
  position: relative;
  margin-top: -40px;
}

.f4datatable.f4datatable-single-parent .f4data_table__section,
.f4datatable.f4datatable-groupby-parent .f4data_table__section {
  background-color: var(--qnb-background);
}

.f4datatable.f4datatable-single-parent .fixedDataTableLayout_rowsContainer,
.f4datatable.f4datatable-groupby-parent .fixedDataTableLayout_rowsContainer {
  background-color: var(--qnb-background);
}

.bob_view__portlettbl .bob_view__portletbody,
.bob_view__portlettblopt .bob_view__portletbody {
  padding-left: 16px;
  padding-right: 16px;
}

.bob_view__portlettblopt .f4data_table__section {
  margin-top: 12px;
}

.f4datatable .fixedDataTableCellLayout_alignCenter .headerTable,
.fixedDataTableCellLayout_alignCenter .headerTable {
  justify-content: center;
  text-align: center;
}

.f4datatable .fixedDataTableCellLayout_alignRight .headerTable,
.fixedDataTableCellLayout_alignRight .headerTable {
  justify-content: flex-end;
  text-align: right;
  width: 100%;
}

/* F4DataTable Options Popover & Hover Standardization (Cross-FO) */
.f4datatable-download-newportal .datatable_options__panel {
  background-color: var(--qnb-background);
  box-shadow: 0 2px 11px 0 var(--qnb-shadow-subtle), 0 6px 14px 0 var(--qnb-shadow-sm),
    0 3px 8px 0 var(--qnb-foreground-muted);
  border: 1px solid var(--qnb-border-subtle);
  border-radius: 8px;
}

.f4datatable-download-newportal .actionchoice-optitem > div:first-child {
  color: var(--qnb-primary);
}

.f4datatable-download-newportal .actionchoice-optitem > div:last-child {
  color: var(--qnb-foreground);
}

.f4datatable-download-newportal .actionchoice-optitem:hover,
.f4datatable-download-newportal .actionchoice-optitem-selected {
  background: var(--qnb-selection) !important;
}

.f4datatable-download-newportal .f4datatable-condensedtypes {
  border-top: 1px solid var(--qnb-border-subtle);
}

.f4datatable-download-newportal .f4datatable-condensedtypes > div::after {
  color: var(--qnb-primary) !important;
}

.f4datatable-download-newportal .f4datatable-condensedtypes > div:hover,
.f4datatable-download-newportal .f4datatable-condensedtypes > .datatable_optctselected {
  background: var(--qnb-selection) !important;
}

.f4datatable-download-newportal .f4datatable-condensedtypes > div:hover > img,
.f4datatable-download-newportal .f4datatable-condensedtypes > .datatable_optctselected > img {
  filter: unset;
}

.f4InputField {
  border-width: 1px;
}

.newfologin_inputfield_label {
  color: var(--qnb-form-label);
}

.bob_main__navbar {
  border-color: var(--qnb-border-subtle);
}

.bob_mainleft__btn {
  /* background-color: var(--qnb-secondary); */
  color: var(--qnb-primary);
}

.bob_mainleft__btn:hover,
.bob_mainleft__btnalt {
  background-color: var(--qnb-secondary-hover);
  color: var(--qnb-foreground-inverse);
}

.bob_mainleft__btn:active {
  background-color: var(--qnb-secondary);
}

.bob_mainleft__barbtns > div > .bob_mainleft__btn:not(.bob_mainleft__btnprofile) > img {
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) invert(10%) sepia(36%) saturate(1880%) hue-rotate(231deg) brightness(86%) contrast(104%);
}

.bob_mainleft__barbtns > div > .bob_mainleft__btn:hover:not(.bob_mainleft__btnprofile) > img,
.bob_mainleft__barbtns > div > .bob_mainleft__btnalt:not(.bob_mainleft__btnprofile) > img {
  transition: filter 0.3s ease;
  filter: brightness(0) saturate(100%) invert(100%) !important;
}

.bob_mainleft__btnprofile > img,
.bob_mainleft__btnprofile:hover > img,
.bob_mainleft__btnprofile.bob_mainleft__btnalt > img {
  filter: none !important;
}

.bob_mainmenu__panel {
  background-color: var(--qnb-background);
  border-right: 1px solid var(--qnb-border-subtle);
}

.bob_main__panel.bob_main__panelclps .bob_mainmenu__panel {
  border-width: 0px;
}

.bob_mainmenu__bc a {
  color: var(--qnb-primary);
}

.bob_mainmenu__section .bob_mainmenu__sectionhdr, .bob_mainmenu__section .bob_mainmenu__item {
  color: var(--qnb-primary);
  background-color: var(--qnb-background);
}

.bob_mainmenu__section img {
  filter: none;
}

.bob_mainmenu__section .bob_mainmenu__item::after {
  background-color: var(--qnb-primary);
  opacity: 0.25;
}

.bob_mainbody__panel {
  background-color: var(--qnb-background-muted);
}

.bob_generic__portlet {
  border-color: var(--qnb-border);
}

.bob_generic__portlet .bob_generic__portlethdr {
  border-color: var(--qnb-border-subtle);
}

.bob_generic__portlet {
  overflow: visible;
}

.bob_table__portlet {
  border-color: var(--qnb-border);
  background-color: var(--qnb-background) !important;
  border-radius: var(--table-portlet-radius);
  margin-bottom: 15px;
}

.bob_table__portlet .containerBelowTable {
  display: flex;
  position: relative;
  z-index: auto;
  height: auto;
  min-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px;
  background-color: var(--qnb-background-muted);
  border-top: 1px solid var(--qnb-border-subtle);
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.bob_table__portlet .f4datatable_totals__panel {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.bob_table__portlet .f4datatable_totals__item {
  position: static;
  left: auto;
  bottom: auto;
  margin-right: 30px;
}

.step_wizard__panel {
  background: unset;
  background-color: var(--qnb-background) !important;
  border-top: 1px solid var(--qnb-border-subtle);
}

/* Bottom action bar spans to the right edge instead of stopping at the right panel (desktop layout only) */
@media (min-width: 812px) {
  .step_wizard__panel {
    right: 0;
    width: auto !important;
  }

  .workflow_paneltemplate .bob_panel__templatemainrm .bob_tmpright__panel {
    height: calc(100% - 220px);
  }

  .workflow_paneltemplate .bob_panel__templatemaininq:not(.bob_panel__templatemainrm) .bob_tmpright__panel {
    height: calc(100% - 180px);
  }
}

.step_wizard__panel .bob_clear__btn {
  color: var(--qnb-primary);
}

.step_wizard__panel .bob_clear__btn:hover,
.step_wizard__panel .bob_clear__btn:focus,
.step_wizard__panel .bob_clear__btn:active {
  background: transparent !important;
  border: none !important;
  color: var(--qnb-primary-hover) !important;
}

.step_wizard__panel .bob_clear__btn:focus-visible {
  outline: 2px solid var(--qnb-ring);
  outline-offset: 2px;
}

.step_wizard__panel .bob_clear__btn img {
  filter: brightness(0) saturate(100%) invert(10%) sepia(36%) saturate(1880%) hue-rotate(231deg) brightness(86%) contrast(104%);
}

.step_wizard__panel .bob_clear__btn:hover img,
.step_wizard__panel .bob_clear__btn:focus img,
.step_wizard__panel .bob_clear__btn:active img {
  opacity: 0.8;
}

@keyframes qnb-loading-overlay-fade-in {
  to {
    opacity: 1;
  }
}

.loadingOverlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qnb-overlay-strong);
  opacity: 0;
  animation: qnb-loading-overlay-fade-in 0s 180ms forwards;
}

.loadingOverlay__spinner {
  width: 48px;
  height: 48px;
}

.loadingOverlay__spinner .circle-loader-2 {
  border-color: var(--qnb-primary-foreground) transparent var(--qnb-primary-foreground);
}

.loadingOverlay__spinner .circle-loader-3 {
  border-color: transparent var(--qnb-primary-foreground) transparent;
}

@media (prefers-reduced-motion: reduce) {
  .loadingOverlay .circle-loader-2,
  .loadingOverlay .circle-loader-3 {
    animation: none;
  }
}

.step_wizard__panelwf .step_wizard__btn {
  width: auto;
}

.step_wizard__panelwf .step_wizard__btn .f4Button {
  min-height: 50px;
  white-space: normal;
}

.f4Tabs .ant-tabs-bar.ant-tabs-top-bar {
  background-color: var(--qnb-background);
}

.f4Button {
  border-radius: 24px;
}

.f4Button:hover,
.bob_primary__btn:hover {
  background: var(--qnb-primary-hover) !important;
  color: var(--qnb-primary-foreground) !important;
  box-shadow: none;
}

.f4Button:active,
.bob_primary__btn:active {
  background: var(--qnb-primary) !important;
  color: var(--qnb-primary-foreground) !important;
  box-shadow: none;
}

.f4Button:focus-visible,
.bob_primary__btn:focus-visible {
  outline: 2px solid var(--qnb-ring) !important;
  outline-offset: 2px;
}

.f4Button.secondary {
  background-color: transparent;
  border: 1px solid var(--qnb-primary);
  color: var(--qnb-primary);
}

.f4Button.secondary:hover {
  border-color: var(--qnb-warning-emphasis) !important;
  color: var(--qnb-warning-emphasis) !important;
  background-color: transparent !important;
}

.bankad__slider {
  background-color: var(--qnb-primary);
}

.bankad__slider .bankad__subcontent {
  color: #FFFFFF;
  margin-left: 0;
}

.bankad__slider .bankad__header {
  border-bottom-color: var(--qnb-foreground-inverse);
}

.bankad__slider .bankad__learnmore {
  color: var(--qnb-foreground-inverse) !important;
}

.bankad__slider .bankad__learnmore::after {
  background: var(--qnb-background);
}

.bankadv_readmr__modal {
  background: var(--qnb-background);
}

.svg-Menu {
  background: url(/fo/images/menu.d05390aa.svg) no-repeat center / contain;
}

.svg-Dashboard_Settings {
  background: url(/fo/images/dashboard-settings.ab3c2f54.svg) no-repeat center / contain;
}

.bob_mainmenu__section img[src*="foreign-exchange"],
.bob_mainmenu__section img[src*="other-services"] {
  filter: none;
}

.fo-tax-payment.bob_panel__templatemainalt .bob_panel__tmpchildren {
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
}

.download-btn {
  border: 2px solid var(--qnb-accent) !important;
  border-radius: 999px !important;
  background: var(--qnb-background) !important;
  color: var(--qnb-accent) !important;

  font-weight: 600;
  font-size: 13px;
  line-height: 1;

  min-width: 120px;
  height: 36px;

  padding: 0 16px !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.download-btn:hover {
  background: var(--qnb-background-muted) !important;
  color: var(--qnb-accent) !important;
  border-color: var(--qnb-accent) !important;
}

.download-btn:disabled,
.download-btn.disabled {
  border-color: var(--qnb-border) !important;
  color: var(--qnb-border) !important;
  background: var(--qnb-background) !important;
  opacity: 1 !important;
}

.bob_instr__section>div:first-child {
  padding: 10px;
  background: var(--qnb-warning);
  border-right: 1px solid var(--qnb-border);
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bob_instr__section>div:first-child img {
  filter: brightness(0) saturate(100%) invert(100%);
}

.account_portfolio_detail__footer {
  padding: 20px;
}

.account_portfolio_detail .bob_instr__subhdr ul {
  margin: 4px 0 0;
  padding-left: 18px;
}

.account_portfolio_detail .bob_instr__subhdr li {
  line-height: 1.4;
}

.account_portfolio_detail .bob_instr__subhdr li + li {
  margin-top: 4px;
}

@media (min-width: 641px) {
  .account_portfolio_detail.bob_panel__templatemaininq .bob_panel__tmpchildren {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.bob_ap__grp {
  margin-bottom: 16px;
}

.acct_view__fieldarr {
  border: 2.5px dashed var(--qnb-accent);
}

.acct_view__fieldarr>div {
  width: 45px;
  height: 45px;
}

.acct_card__view {
  color: var(--qnb-foreground-inverse);
}

.acct_card__view * {
  color: inherit !important;
}

.acct_card__view .acct_card__dtls>div:last-child,
.acct_card__view .acct_card__avbal>div:last-child {
  font-weight: 700;
  font-size: calc(1em + 1px);
}

/* End of QNB color styles */

.ant-radio-wrapper,
.ant-radio-wrapper:hover,
.ant-radio-wrapper-checked {
  border: 0 !important;
  background: transparent !important;
  font-weight: 500 !important;
}

.txn_upload__field .f4upload_field__dropzone {
  min-height: 156px;
  padding: 24px;
  border: 1.5px dashed var(--qnb-color-grey-400);
  border-radius: 8px;
  background: var(--qnb-background);
}

.txn_upload__field .f4upload_field__dropzone:hover {
  border-color: var(--qnb-primary-hover);
  background: var(--qnb-background-muted);
}

.txn_upload__field .f4upload_field__dzicon {
  margin-bottom: 12px;
}

.txn_upload__field .f4upload_field__dzicon>img {
  height: 40px;
}

.txn_upload__field .f4upload_field__dropzonetext {
  color: var(--qnb-foreground);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.txn_upload__field .f4upload_field__dropzonetext>span,
.txn_upload__field .ep_hdr>span {
  color: var(--qnb-color-sky);
}

.txn_upload__field .bob_btn__link {
  color: var(--qnb-primary);
  font-size: 13px;
  font-weight: 600;
}

.txn_upload__field .ep_dropplaceholder {
  justify-content: center;
}

.txn_upload__field .ep_dropplaceholder>img {
  height: 48px;
  margin-right: 12px;
}

.txn_upload__field .ep_hdr {
  color: var(--qnb-foreground);
  font-size: 14px;
  font-weight: 600;
}

.f4upload_field__hint {
  margin-top: 4px;
  color: var(--qnb-color-grey-400);
  font-size: 12px;
  font-weight: normal;
}

.newfeedback_modal .f4ModalHeader,
.newfeedback_modal_main .f4ModalHeader {
  display: none;
}

.newfeedback_modal .f4ModalBody,
.newfeedback_modal_main .f4ModalBody {
  padding: 0 0 32px;
}

.newfeedback_modal .newfeedback_panel,
.newfeedback_modal_main .newfeedback_panel {
  margin-top: 40px;
  text-align: center;
  color: var(--qnb-foreground);
}

.newfeedback_modal .newfeedback_icon,
.newfeedback_modal_main .newfeedback_icon {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.newfeedback_modal .newfeedback_icon>img,
.newfeedback_modal_main .newfeedback_icon>img {
  width: 60px;
  height: 60px;
}

.newfeedback_modal .newfeedback_text,
.newfeedback_modal_main .newfeedback_text {
  margin-bottom: 14px;
  color: var(--qnb-primary);
  font-size: 22px;
  line-height: 1.3;
}

.newfeedback_modal .newfeedback_msglist,
.newfeedback_modal_main .newfeedback_msglist {
  padding: 0 30px;
  /* color: var(--qnb-foreground-muted); */
  font-size: 15px;
  line-height: 1.5;
}

.newfeedback_modal .newfeedback_msgitem,
.newfeedback_modal_main .newfeedback_msgitem {
  color: var(--qnb-primary);
}

.f4ChallengeCodeModal_code {
  color: var(--qnb-color-sky);
  letter-spacing: 32px;
  margin-right: -32px;
}

/* Phones and tablets: 100vh is taller than the visible area on iOS (browser toolbars), which makes page shells
   scrollable and hides the bottom of the side menu. 100dvh follows the visible area. */
@supports (height: 100dvh) {
  @media (hover: none) and (pointer: coarse) {
    .bob_main__panel,
    .dashboard_main__body,
    .pab_settings__panel,
    .side_tabs__children,
    .maintenance__body,
    .loginforgot_panel,
    .account_enrollment__templatectr,
    .ae_success__template,
    .newlook_paneltemplate__hasaddtlbtns .bob_paneltemplate__children,
    .sme_accounts__panel,
    .accounts_loader,
    .acct_widget__section,
    .bob_ap__panel {
      min-height: 100dvh;
    }

    .bob_mainright__menupanel,
    .newfologin_panel,
    html body.newlogin_desktopbody,
    .bob_container__login {
      height: 100dvh;
    }

    .account_enrollment_leftpanel {
      max-height: 100dvh;
    }

    .no_access_page,
    .biller_address__panel {
      min-height: calc(100dvh - 80px);
    }

    .widgets_list__section {
      min-height: calc(100dvh - 143px);
    }

    .bms_generic__sxnplaceholder {
      height: calc(100dvh - 200px);
    }
  }
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
.tw-float-right {
    float: right
}
.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.tw-mb-0\.5 {
    margin-bottom: 0.125rem
}
.tw-mb-3 {
    margin-bottom: 0.75rem
}
.tw-mb-6 {
    margin-bottom: 1.5rem
}
.tw-ml-\[12px\] {
    margin-left: 12px
}
.tw-mr-1 {
    margin-right: 0.25rem
}
.tw-mt-1\.5 {
    margin-top: 0.375rem
}
.tw-block {
    display: block
}
.tw-flex {
    display: flex
}
.tw-h-12 {
    height: 3rem
}
.tw-h-\[28px\] {
    height: 28px
}
.tw-h-full {
    height: 100%
}
.tw-w-1\/2 {
    width: 50%
}
.tw-w-40 {
    width: 10rem
}
.tw-w-\[161px\] {
    width: 161px
}
.tw-w-\[28px\] {
    width: 28px
}
.tw-w-auto {
    width: auto
}
.tw-w-full {
    width: 100%
}
.tw-max-w-\[380px\] {
    max-width: 380px
}
.tw-shrink-0 {
    flex-shrink: 0
}
.tw-cursor-pointer {
    cursor: pointer
}
.tw-flex-col {
    flex-direction: column
}
.tw-items-start {
    align-items: flex-start
}
.tw-items-end {
    align-items: flex-end
}
.tw-items-center {
    align-items: center
}
.tw-justify-end {
    justify-content: flex-end
}
.tw-justify-center {
    justify-content: center
}
.tw-gap-1 {
    gap: 0.25rem
}
.tw-gap-1\.5 {
    gap: 0.375rem
}
.tw-gap-2 {
    gap: 0.5rem
}
.tw-gap-\[7px\] {
    gap: 7px
}
.tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.tw-whitespace-nowrap {
    white-space: nowrap
}
.tw-break-words {
    overflow-wrap: break-word
}
.tw-border-t {
    border-top-width: 1px
}
.tw-border-white\/25 {
    border-color: rgb(255 255 255 / 0.25)
}
.tw-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.tw-px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}
.tw-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.tw-py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}
.tw-pl-\[10px\] {
    padding-left: 10px
}
.tw-pr-4 {
    padding-right: 1rem
}
.tw-pr-\[10px\] {
    padding-right: 10px
}
.tw-pt-1 {
    padding-top: 0.25rem
}
.tw-text-left {
    text-align: left
}
.tw-text-center {
    text-align: center
}
.tw-text-\[11px\] {
    font-size: 11px
}
.tw-text-\[13px\] {
    font-size: 13px
}
.tw-text-\[14px\] {
    font-size: 14px
}
.tw-text-\[16px\] {
    font-size: 16px
}
.tw-text-\[19px\] {
    font-size: 19px
}
.tw-text-\[27px\] {
    font-size: 27px
}
.tw-text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.tw-font-bold {
    font-weight: 700
}
.tw-font-medium {
    font-weight: 500
}
.tw-font-normal {
    font-weight: 400
}
.tw-font-semibold {
    font-weight: 600
}
.tw-leading-4 {
    line-height: 1rem
}
.tw-leading-\[100\%\] {
    line-height: 100%
}
.tw-leading-none {
    line-height: 1
}
.tw-leading-snug {
    line-height: 1.375
}
.tw-text-\[var\(--qnb-primary\)\] {
    color: var(--qnb-primary)
}
.tw-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.tw-opacity-85 {
    opacity: 0.85
}
.\[\&_\.help-blockerror\.help-block\]\:tw-hidden .help-blockerror.help-block {
    display: none
}
:root {
  --qnb-m-gutter: 15px;
  --qnb-m-radius: 12px;
  --qnb-m-radius-sm: 8px;
  --qnb-m-card-shadow: 0 1px 2px rgba(27, 18, 75, 0.06), 0 2px 8px rgba(27, 18, 75, 0.04);
}

@media screen and (max-width: 810px) {
  html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
         text-size-adjust: 100%;
  }

  body {
    -webkit-tap-highlight-color: transparent;
  }

  .bob_view__fieldvalue,
  .bob_view__fieldlabel,
  .bob_mbl_paneltitle,
  .bobmbl_ap__cardhdrwarrow,
  .bob_instr__viewer {
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .view_amt__formatted,
  .view_amt__formatted > span,
  .view_amt__formattedwc {
    overflow-wrap: normal;
  }

  .view_amt__formatted > span {
    white-space: nowrap;
  }

  .bob_mbl__panelhdrblue {
    padding-top: 18px;
    padding-bottom: 14px;
    box-shadow: 0 1px 0 var(--qnb-border-subtle);
  }

  .bob_mbl_paneltabhdr {
    align-items: center;
    gap: 12px;
  }

  .bob_mbl_backhdr {
    min-width: 0;
    flex: 1 1 auto;
    gap: 12px;
  }

  .bob_mbl_backhdr > img {
    flex: none;
    cursor: pointer;
  }

  .bob_mbl_paneltitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--qnb-foreground-emphasis);
  }

  .bob_mbl__panelclose {
    flex: none;
    width: 36px;
    height: 36px;
    font-size: 22px;
    cursor: pointer;
  }

  .bob_mbl__panelwtabs .bob_ap__tabs {
    margin: 0;
    width: 100%;
  }

  .bob_mbl__panelwtabs .myacct_widget__hdrtabs {
    width: 100%;
    margin: 14px 0 0;
  }

  .myacct_widget__hdrtabs .ant-radio-group {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 1px;
  }

  .myacct_widget__hdrtabs .ant-radio-group::-webkit-scrollbar {
    display: none;
  }

  .myacct_widget__hdrtabs .ant-radio-group > label,
  .myacct_widget__hdrtabs .ant-radio-group > :not(:last-child) {
    margin: 0;
  }

  .myacct_widget__hdrtabs .ant-radio-wrapper {
    flex: none;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 16px;
    border: 1px solid var(--qnb-border);
    border-radius: 999px;
    background: var(--qnb-background);
    color: var(--qnb-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
  }

  .myacct_widget__hdrtabs .ant-radio-wrapper > span:last-child {
    padding: 0;
    font-size: 14px;
  }

  .myacct_widget__hdrtabs .ant-radio-wrapper .ant-radio {
    display: none;
  }

  .myacct_widget__hdrtabs .ant-radio-wrapper-checked {
    background: var(--qnb-primary) !important;
    border-color: var(--qnb-primary) !important;
    color: var(--qnb-primary-foreground) !important;
    font-weight: 600 !important;
  }

  .myacct_widget__hdrtabs .ant-radio-wrapper-checked > span:last-child {
    color: var(--qnb-primary-foreground);
  }

  .bob_instr__viewer.mbl_inst__viewer {
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border: 0;
    border-radius: var(--qnb-m-radius);
    font-size: 12px;
    line-height: 1.4;
  }

  .bob_instr__viewer.mbl_inst__viewer > img {
    flex: none;
    margin-top: 1px;
  }

  .bob_instr__viewer.mbl_inst__viewer > div {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    padding-left: 0;
  }

  .bob_instr__viewer.mbl_inst__viewer .bob_instr__viewerhdr {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
  }

  .bob_instr__viewer.mbl_inst__viewer > div > div:last-child {
    font-size: 12px;
    line-height: 1.4;
    opacity: 0.92;
  }

  .mblap_inst__top {
    width: auto;
    margin: 16px 0 4px;
  }

  .bob_ap__panel {
    padding: 0 var(--qnb-m-gutter) 24px;
  }

  .bob_ap__panel > .bob_ap__grp:not(:first-child)::before {
    display: none;
  }

  .bob_ap__panel > .bob_ap__grp {
    margin: 0 0 8px;
  }

  .bob_ap__grphdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    height: auto;
    min-height: 32px;
    margin: 20px 0 12px;
    padding: 0;
  }

  .bob_ap__grphdr > div:first-child {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--qnb-foreground-emphasis);
  }

  .bob_ap__grphdr > .acct_widget__seccurr,
  .bob_ap__grphdr > div:nth-child(2).acct_widget__seccurr {
    flex: none;
    width: auto;
    gap: 6px;
    padding: 4px 12px 4px 4px;
    border: 1px solid var(--qnb-border-subtle);
    border-radius: 999px;
    background: var(--qnb-background);
    color: var(--qnb-foreground-emphasis);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
  }

  .bob_ap__grphdr > .acct_widget__seccurr > img {
    width: 22px;
    height: 22px;
    margin: 0;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .bob_ap__grphdr:empty {
    display: none;
  }

  .bobmbl_ap__cardgrp {
    gap: 12px;
  }

  .bobmbl_ap__card {
    border: 1px solid var(--qnb-border-subtle);
    border-radius: var(--qnb-m-radius);
    background-color: var(--qnb-background);
    box-shadow: var(--qnb-m-card-shadow);
    overflow: hidden;
  }

  .bobmbl_ap__cardhdrwarrow {
    gap: 12px;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
  }

  .bobmbl_ap__cardhdrtitle {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .bobmbl_ap__cardhdrno {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
  }

  .bobmbl_ap__cardhdrsub {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    opacity: 0.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .bobmbl_ap__arrow {
    flex: none;
    font-size: 20px;
  }

  .bobmbl_ap__cardcontentctr {
    padding: 4px 16px;
  }

  .bobmbl_ap__tradecardcontentctr {
    padding: 4px 16px 14px;
  }

  .bobmbl_ap__cardcontentctr > div:not(:last-child) {
    border-bottom: 1px solid var(--qnb-border-subtle);
  }

  .bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp {
    margin: 0;
    padding: 12px 0;
  }

  .bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp:last-child {
    margin-top: 0;
  }

  .bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp .bob_view__field,
  .bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp:not(:last-child) .bob_view__field {
    margin-block: 0;
    padding-left: 0;
    padding-right: 8px;
  }

  .bobmbl_ap__cardcontentctr .bob_view__field::after {
    display: none;
  }

  .bobmbl_ap__cardcontentctr .bob_view__fieldlabel {
    margin-bottom: 4px;
    color: var(--qnb-foreground-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
  }

  .bobmbl_ap__cardcontentctr .bob_view__fieldvalue {
    color: var(--qnb-foreground-emphasis);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
  }

  .bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp:has(> .bobmbl_ap__cardbalanceviewfield) {
    padding: 0;
  }

  .bobmbl_ap__cardcontentctr .bobmbl_viewfieldgrp > .bobmbl_ap__cardbalanceviewfield {
    padding: 12px 0;
  }

  .bobmbl_ap__cardbalanceviewfield .mbltxnhist_balance {
    align-items: baseline;
    gap: 12px;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }

  .bobmbl_ap__cardbalanceviewfield .mbltxnhist_balance > div:first-child {
    flex: 0 1 auto;
    min-width: 0;
    color: var(--qnb-foreground-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
  }

  .bobmbl_ap__cardbalanceviewfield .mbltxnhist_balanceamt {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
    text-align: right;
    color: var(--qnb-foreground-emphasis);
  }

  .bobmbl_ap__cardbalanceviewfield .view_amt__formattedwc {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
    gap: 4px;
  }

  .bobmbl_ap__cardbalanceviewfield .view_amt__formattedwc > span {
    color: var(--qnb-foreground-muted);
    font-weight: 600;
  }

  .bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp:first-child .bobmbl_ap__cardbalanceviewfield .view_amt__formatted {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
  }

  .bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp:not(:first-child) .bobmbl_ap__cardbalanceviewfield .view_amt__formatted {
    font-size: 15px !important;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
  }

  .bobmbl_ap__cardcontentctr > .bobmbl_viewfieldgrp:not(:first-child) .bobmbl_ap__cardbalanceviewfield .view_amt__formatted > span + span {
    font-size: 11px !important;
  }

  .bobmbl_ap__cardgrp + .f4datatable_totals__panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px 16px;
    margin: 10px 2px 0;
    padding: 0;
    color: var(--qnb-foreground-muted);
    font-size: 13px;
    font-weight: 500;
  }

  .bobmbl_ap__cardgrp + .f4datatable_totals__panel:empty {
    display: none;
  }

  .bobmbl_ap__cardgrp + .f4datatable_totals__panel .f4datatable_totals__item {
    position: static;
    display: inline-flex;
    gap: 4px;
    margin: 0;
  }

  .bobmbl_ap__cardgrp + .f4datatable_totals__panel .f4datatable_totals__item > div:last-child {
    color: var(--qnb-foreground-emphasis);
    font-weight: 700;
  }

  .account_portfolio_detail__footer {
    padding: 12px var(--qnb-m-gutter) 16px;
  }

  .challenge-overlay,
  .insufficient-overlay,
  .loading-overlay {
    padding: 16px;
    box-sizing: border-box;
  }

  .challenge-modal,
  .insufficient-modal {
    width: 100%;
    max-width: 510px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: 48px 20px 20px;
    border-radius: 20px;
    gap: 16px;
    box-sizing: border-box;
  }

  .challenge-close,
  .insufficient-close-btn {
    top: 14px;
    right: 14px;
  }

  .challenge-modal h3,
  .insufficient-title {
    font-size: 20px;
    line-height: 1.25;
    margin: 0;
  }

  .challenge-modal p {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.5;
  }

  .insufficient-message {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 4px;
  }

  .challenge-code {
    width: 100%;
    font-size: 26px;
    letter-spacing: 8px;
  }

  .challenge-input,
  .response-wrapper,
  .insufficient-ok-button {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .challenge-input {
    font-size: 16px;  }

  .challenge-actions {
    gap: 12px;
  }

  .challenge-actions button:first-child,
  .challenge-actions button:last-child {
    min-width: 0;
    padding: 0 12px;    word-break: normal;
  }

  .loading-modal {
    width: 100%;
    max-width: 360px;
    padding: 28px 20px;
    box-sizing: border-box;
  }

  .f4ChallengeCodeModal_code {
    letter-spacing: 16px;
    margin-right: -16px;
  }

  .qnb-note {
    height: auto;
    min-height: 56px;
  }

  .qnb-note__label {
    width: auto;
    min-width: 72px;
    height: auto;
    padding: 12px;
    flex: none;
  }

  .qnb-note__content {
    height: auto;
    padding: 12px;
    align-items: flex-start;
  }

  .balance-info-text {
    height: auto;
    min-height: 37px;
    align-items: flex-start;
    text-align: left;
    line-height: 1.4;
    box-sizing: border-box;
  }

  .download-btn {
    min-height: 40px;
  }

  .step_wizard__panelwf .step_wizard__btn .f4Button {
    min-height: 48px;
  }
}

@media screen and (max-width: 360px) {
  .bob_mbl_paneltitle {
    font-size: 18px;
  }

  .bob_ap__grphdr > div:first-child {
    font-size: 16px;
  }

  .bobmbl_ap__cardhdrwarrow,
  .bobmbl_ap__cardcontentctr {
    padding-left: 12px;
    padding-right: 12px;
  }

  .challenge-code {
    font-size: 22px;
    letter-spacing: 6px;
  }
}

@media screen and (max-width: 810px) {
  :root {
    --mbl-panelhdr: var(--qnb-background);
  }

  .bob_generic__formhdr {
    margin-bottom: 24px;
  }

  .acct_selector__fieldalt .newacctsel_body .mobile_single__selectmain,
  .otheracct_selector__field .mobile_single__selectmain:has(> .mobile_single__selectplaceholder) {
    height: auto;
    min-height: 60px;
    border-width: 1px;
    border-radius: var(--qnb-m-radius);
  }

  .acct_selector__fieldalt .newacctsel_body .mobile_single__selectmain:has(.benpay_selector__plc--loading) {
    height: 130px;
  }

  .acct_selector__fieldalt .newacctsel_body .mobile_single__selectmain > div:first-child,
  .otheracct_selector__field .mobile_single__selectmain > .mobile_single__selectplaceholder {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 0 56px 0 16px;
    width: 100%;
    box-sizing: border-box;
  }

  .acct_selector__fieldalt .newacctsel_body .mobile_single__selectmain .accountselector__parent,
  .acct_selector__fieldalt .newacctsel_body .mobile_single__selectmain .accountselector_item {
    height: auto;
  }

  .acct_selector__fieldalt .newacctsel_body .mobile_single__selectmain .benpay_selector__plc,
  .acct_selector__fieldalt .newacctsel_body .mobile_single__selectmain .accountselector_placeholder,
  .otheracct_selector__field .mobile_single__selectplaceholder .benpay_selector__plc,
  .otheracct_selector__field .mobile_single__selectplaceholder .accountselector_placeholder {
    height: auto;
    padding: 0;
    justify-content: center;
    color: var(--qnb-foreground-muted);
    font-size: 16px;
    font-weight: 500;
  }

  .acct_selector__fieldalt .newacctsel_body .mobile_single__selectmain .mobile_single__selectarrow,
  .otheracct_selector__field .mobile_single__selectplaceholder + .mobile_single__selectarrow {
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
  }

  .radiobtn_portgroups {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 12px;
  }

  .radiobtn_portgroups > div {
    padding: 16px;
    border-radius: var(--qnb-m-radius);
  }

  .radiobtn_portgroups > div:only-child > .radioParentClass,
  .radiobtn_portgroups .radioParentClass {
    width: 100%;
  }

  .radiobtn_portgroups .f4radio_btn__flex .ant-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
  }

  .radiobtn_portgroups .f4radio_btn__flex .ant-radio-wrapper {
    flex: 0 1 auto;
    width: auto;
    margin: 0 !important;
    white-space: normal;
  }

  .radiobtn_portgroups .f4radio_btn__flex .ant-radio-wrapper > span:last-child {
    width: auto;
  }

  .newtxntype_wrap {
    position: relative;
  }

  .newtxntype_wrap > .txntype_edit__link {
    top: 0;
    right: 0;
    font-size: 15px;
    line-height: 1.2;
    padding: 0 0 6px 12px;  }

  .newtxntype_wrap .newtxntype_panel > [class*='col-'],
  .newtxntype_wrap .newtxntype_panel > .row > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
  }

  .newtxntype_wrap .newtxntype_panel > .row {
    margin-left: 0;
    margin-right: 0;
  }

  .newtxntype_wrap .sched__mobileview {
    margin-inline: 0;
    margin-top: 10px;
  }

}