.svg-ADA_Acct_Enrollment_QL {
	background: url(/fo/images/sprite.7245319a.svg) 92.4079754601227% 60% no-repeat;
}

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

.svg-Account {
	background: url(/fo/images/sprite.7245319a.svg) 62.91793313069909% 30.357142857142858% no-repeat;
}

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

.svg-Account_Enrollment_QL {
	background: url(/fo/images/sprite.7245319a.svg) 92.4079754601227% 63.21568627450981% no-repeat;
}

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

.svg-Account_Portfolio_QL {
	background: url(/fo/images/sprite.7245319a.svg) 91.56441717791411% 75.37254901960785% no-repeat;
}

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

.svg-Account_Sweeping_QL {
	background: url(/fo/images/sprite.7245319a.svg) 32.8% 89.1% no-repeat;
}

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

.svg-Accounts {
	background: url(/fo/images/sprite.7245319a.svg) 62.91793313069909% 33.462732919254655% no-repeat;
}

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

.svg-Accounts_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 62.91793313069909% 35.63664596273292% no-repeat;
}

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

.svg-Accounts_And_Serv {
	background: url(/fo/images/sprite.7245319a.svg) 62.91793313069909% 37.81055900621118% no-repeat;
}

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

.svg-Accounts_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 62.91793313069909% 39.984472049689444% no-repeat;
}

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

.svg-Accounts_and_Services {
	background: url(/fo/images/sprite.7245319a.svg) 62.91793313069909% 42.1583850931677% no-repeat;
}

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

.svg-Accounts_and_Services_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 62.91793313069909% 44.33229813664596% no-repeat;
}

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

.svg-Accounts_and_Services_QL {
	background: url(/fo/images/sprite.7245319a.svg) 39.263803680981596% 89.17647058823529% no-repeat;
}

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

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

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

.svg-Activity {
	background: url(/fo/images/sprite.7245319a.svg) 63.22188449848024% 60.48136645962733% no-repeat;
}

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

.svg-Activity_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 63.22188449848024% 62.65527950310559% no-repeat;
}

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

.svg-Add {
	background: url(/fo/images/sprite.7245319a.svg) 63.22188449848024% 64.82919254658385% no-repeat;
}

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

.svg-Add_Mobile {
	background: url(/fo/images/sprite.7245319a.svg) 36.85410334346505% 85.8695652173913% no-repeat;
}

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

.svg-Address_Book {
	background: url(/fo/images/sprite.7245319a.svg) 38.98176291793313% 85.8695652173913% no-repeat;
}

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

.svg-Address_Book_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 41.109422492401215% 85.8695652173913% no-repeat;
}

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

.svg-Administration {
	background: url(/fo/images/sprite.7245319a.svg) 43.2370820668693% 85.8695652173913% no-repeat;
}

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

.svg-Administration_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 45.36474164133739% 85.8695652173913% no-repeat;
}

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

.svg-Administration_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 47.49240121580547% 85.8695652173913% no-repeat;
}

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

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

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

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

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

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

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

.svg-Advisory {
	background: url(/fo/images/sprite.7245319a.svg) 49.620060790273556% 85.8695652173913% no-repeat;
}

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

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

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

.svg-Announcements {
	background: url(/fo/images/sprite.7245319a.svg) 51.74772036474164% 85.8695652173913% no-repeat;
}

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

.svg-Announcements_with_tag {
	background: url(/fo/images/sprite.7245319a.svg) 53.87537993920973% 85.8695652173913% no-repeat;
}

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

.svg-Approve {
	background: url(/fo/images/sprite.7245319a.svg) 56.00303951367781% 85.8695652173913% no-repeat;
}

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

.svg-Arrow {
	background: url(/fo/images/sprite.7245319a.svg) 58.130699088145896% 85.8695652173913% no-repeat;
}

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

.svg-Attachment_small {
	background: url(/fo/images/sprite.7245319a.svg) 60.25835866261398% 85.8695652173913% no-repeat;
}

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

.svg-Authorize {
	background: url(/fo/images/sprite.7245319a.svg) 62.38601823708207% 85.8695652173913% no-repeat;
}

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

.svg-Authorize_Inactive {
	background: url(/fo/images/sprite.7245319a.svg) 64.51367781155015% 85.8695652173913% no-repeat;
}

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

.svg-Auto_Debit_Arrangement_QL {
	background: url(/fo/images/sprite.7245319a.svg) 42.331288343558285% 89.17647058823529% no-repeat;
}

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

.svg-Avail_Services_QL {
	background: url(/fo/images/sprite.7245319a.svg) 45.39877300613497% 89.17647058823529% no-repeat;
}

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

.svg-Available_Bal_Icon {
	background: url(/fo/images/sprite.7245319a.svg) 48.466257668711656% 89.17647058823529% no-repeat;
}

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

.svg-BIR_Enrollment_QL {
	background: url(/fo/images/sprite.7245319a.svg) 51.533742% 89.17647058823529% no-repeat;
}

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

.svg-BIR_QL {
	background: url(/fo/images/sprite.7245319a.svg) 54.60122699386503% 89.17647058823529% no-repeat;
}

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

.svg-Back {
	background: url(/fo/images/sprite.7245319a.svg) 66.64133738601824% 85.8695652173913% no-repeat;
}

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

.svg-Back_Mobile {
	background: url(/fo/images/sprite.7245319a.svg) 68.76899696048632% 85.8695652173913% no-repeat;
}

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

.svg-Back_White {
	background: url(/fo/images/sprite.7245319a.svg) 70.8966565349544% 85.8695652173913% no-repeat;
}

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

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

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

.svg-Bank_Advisory_2 {
	background: url(/fo/images/sprite.7245319a.svg) 73.02431610942249% 85.8695652173913% no-repeat;
}

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

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

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

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

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

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

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

.svg-Batch {
	background: url(/fo/images/sprite.7245319a.svg) 75.15197568389058% 85.8695652173913% no-repeat;
}

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

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

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

.svg-Black_20px {
	background: url(/fo/images/sprite.7245319a.svg) 82.09876543209876% 65.71428571428571% no-repeat;
}

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

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

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

.svg-Business_Settings {
	background: url(/fo/images/sprite.7245319a.svg) 77.27963525835867% 85.8695652173913% no-repeat;
}

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

.svg-Buy {
	background: url(/fo/images/sprite.7245319a.svg) 60.53664921465968% 85.71428571428571% no-repeat;
}

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

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

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

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

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

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

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

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

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

.svg-Camera_23 {
	background: url(/fo/images/sprite.7245319a.svg) 99.62149886449659% 19.48955916473318% no-repeat;
}

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

.svg-Camera_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 99.62149886449659% 21.268368136117555% no-repeat;
}

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

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

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

.svg-Cancelled {
	background: url(/fo/images/sprite.7245319a.svg) 99.571821% 73.7% no-repeat;
}

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

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

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

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

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

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

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

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

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

.svg-Cashflow_Forecast {
	background: url(/fo/images/sprite.7245319a.svg) 72.56838905775076% 88.27639751552795% no-repeat;
}

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

.svg-Check_12px {
	background: url(/fo/images/sprite.7245319a.svg) 100% 35.04601226993865% no-repeat;
}

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

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

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

.svg-Check_20px {
	background: url(/fo/images/sprite.7245319a.svg) 99.47089947089947% 24.614197530864196% no-repeat;
}

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

.svg-Check_21px {
	background: url(/fo/images/sprite.7245319a.svg) 99.54614220877458% 23.01158301158301% no-repeat;
}

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

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

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

.svg-Check_deposit_inquiry_QL {
	background: url(/fo/images/sprite.7245319a.svg) 57.668711656441715% 89.17647058823529% no-repeat;
}

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

.svg-Checkbook {
	background: url(/fo/images/sprite.7245319a.svg) 74.69604863221885% 88.27639751552795% no-repeat;
}

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

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

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

.svg-Checkbook_Reorder_QL {
	background: url(/fo/images/sprite.7245319a.svg) 60.736196319018404% 89.17647058823529% no-repeat;
}

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

.svg-Checkbook_White {
	background: url(/fo/images/sprite.7245319a.svg) 76.82370820668693% 88.27639751552795% no-repeat;
}

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

.svg-Checkbox_Active {
	background: url(/fo/images/sprite.7245319a.svg) 78.95136778115501% 88.27639751552795% no-repeat;
}

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

.svg-Choose_Biller_Icon {
	background: url(/fo/images/sprite.7245319a.svg) 63.85264773599386% 89.1065830721003% no-repeat;
}

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

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

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

.svg-Clock {
	background: url(/fo/images/sprite.7245319a.svg) 81.0790273556231% 88.27639751552795% no-repeat;
}

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

.svg-Close {
	background: url(/fo/images/sprite.7245319a.svg) 83.20668693009118% 88.27639751552795% no-repeat;
}

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

.svg-Close_Filled {
	background: url(/fo/images/sprite.7245319a.svg) 85.33434650455926% 88.27639751552795% no-repeat;
}

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

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

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

.svg-Close_w_BG {
	background: url(/fo/images/sprite.7245319a.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.7245319a.svg) 25.766871165644172% 93.09803921568627% no-repeat;
}

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

.svg-Columns {
	background: url(/fo/images/sprite.7245319a.svg) 87.46200607902736% 88.27639751552795% no-repeat;
}

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

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

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

.svg-Complete {
	background: url(/fo/images/sprite.7245319a.svg) 89.58966565349544% 88.27639751552795% no-repeat;
}

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

.svg-Completed {
	background: url(/fo/images/sprite.7245319a.svg) 94.9771689497717% 93.46811819595645% no-repeat;
}

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

.svg-Completed_step {
	background: url(/fo/images/sprite.7245319a.svg) 92.61796042617961% 55.287713841368586% no-repeat;
}

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

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

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

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

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

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

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

.svg-Copy_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 91.71732522796353% 88.27639751552795% no-repeat;
}

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

.svg-Copy_Trans {
	background: url(/fo/images/sprite.7245319a.svg) 92.40121580547113% 92.1583850931677% no-repeat;
}

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

.svg-Corp_Code {
	background: url(/fo/images/sprite.7245319a.svg) 0 95.65217391304348% no-repeat;
}

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

.svg-Corp_Details {
	background: url(/fo/images/sprite.7245319a.svg) 2.127659574468085% 95.65217391304348% no-repeat;
}

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

.svg-Corp_Details_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 4.25531914893617% 95.65217391304348% no-repeat;
}

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

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

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

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

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

.svg-Create {
	background: url(/fo/images/sprite.7245319a.svg) 6.382978723404255% 95.65217391304348% no-repeat;
}

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

.svg-Create_Black {
	background: url(/fo/images/sprite.7245319a.svg) 8.51063829787234% 95.65217391304348% no-repeat;
}

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

.svg-Current_Bal_Icon {
	background: url(/fo/images/sprite.7245319a.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.7245319a.svg) 34.969325153374236% 93.09803921568627% no-repeat;
}

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

.svg-DOC {
	background: url(/fo/images/sprite.7245319a.svg) 10.638297872340425% 95.65217391304348% no-repeat;
}

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

.svg-Dashboard {
	background: url(/fo/images/sprite.7245319a.svg) 12.76595744680851% 95.65217391304348% no-repeat;
}

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

.svg-Dashboard_Settings {
	background: url(/fo/images/sprite.7245319a.svg) 14.893617021276595% 95.65217391304348% no-repeat;
}

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

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

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

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

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

.svg-Default_Business_Type {
	background: url(/fo/images/sprite.7245319a.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.7245319a.svg) 17.02127659574468% 95.65217391304348% no-repeat;
}

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

.svg-Default_Profile {
	background: url(/fo/images/sprite.7245319a.svg) 19.148936170212767% 95.65217391304348% no-repeat;
}

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

.svg-Default_Profile_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 21.27659574468085% 95.65217391304348% no-repeat;
}

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

.svg-Delete {
	background: url(/fo/images/sprite.7245319a.svg) 23.404255319148938% 95.65217391304348% no-repeat;
}

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

.svg-DeleteWhite {
	background: url(/fo/images/sprite.7245319a.svg) 25.53191489361702% 95.65217391304348% no-repeat;
}

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

.svg-Delete_White {
	background: url(/fo/images/sprite.7245319a.svg) 27.659574468085108% 95.65217391304348% no-repeat;
}

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

.svg-Deposit {
	background: url(/fo/images/sprite.7245319a.svg) 29.78723404255319% 95.65217391304348% no-repeat;
}

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

.svg-Documents_Against_Acceptance {
	background: url(/fo/images/sprite.7245319a.svg) 31.914893617021278% 95.65217391304348% no-repeat;
}

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

.svg-Documents_Against_Payments {
	background: url(/fo/images/sprite.7245319a.svg) 34.04255319148936% 95.65217391304348% no-repeat;
}

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

.svg-Down {
	background: url(/fo/images/sprite.7245319a.svg) 36.170212765957444% 95.65217391304348% no-repeat;
}

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

.svg-Down_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 38.297872340425535% 95.65217391304348% no-repeat;
}

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

.svg-Down_black {
	background: url(/fo/images/sprite.7245319a.svg) 40.42553191489362% 95.65217391304348% no-repeat;
}

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

.svg-Down_white {
	background: url(/fo/images/sprite.7245319a.svg) 42.5531914893617% 95.65217391304348% no-repeat;
}

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

.svg-Download {
	background: url(/fo/images/sprite.7245319a.svg) 44.680851063829785% 95.65217391304348% no-repeat;
}

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

.svg-Download_2 {
	background: url(/fo/images/sprite.7245319a.svg) 46.808510638297875% 95.65217391304348% no-repeat;
}

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

.svg-Download_Black {
	background: url(/fo/images/sprite.7245319a.svg) 48.93617021276596% 95.65217391304348% no-repeat;
}

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

.svg-Download_Blue {
	background: url(/fo/images/sprite.7245319a.svg) 70.15706806282722% 95.478374836173% no-repeat;
}

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

.svg-Download_White {
	background: url(/fo/images/sprite.7245319a.svg) 51.06382978723404% 95.65217391304348% no-repeat;
}

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

.svg-EIPP {
	background: url(/fo/images/sprite.7245319a.svg) 53.191489361702125% 95.65217391304348% no-repeat;
}

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

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

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

.svg-Edit {
	background: url(/fo/images/sprite.7245319a.svg) 55.319148936170215% 95.65217391304348% no-repeat;
}

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

.svg-Edit_2 {
	background: url(/fo/images/sprite.7245319a.svg) 57.4468085106383% 95.65217391304348% no-repeat;
}

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

.svg-Edit_Black {
	background: url(/fo/images/sprite.7245319a.svg) 59.57446808510638% 95.65217391304348% no-repeat;
}

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

.svg-Edit_Black_Mobile {
	background: url(/fo/images/sprite.7245319a.svg) 61.702127659574465% 95.65217391304348% no-repeat;
}

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

.svg-Edit_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 63.829787234042556% 95.65217391304348% no-repeat;
}

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

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

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

.svg-Email {
	background: url(/fo/images/sprite.7245319a.svg) 65.95744680851064% 95.65217391304348% no-repeat;
}

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

.svg-Email_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 68.08510638297872% 95.65217391304348% no-repeat;
}

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

.svg-Error_20px {
	background: url(/fo/images/sprite.7245319a.svg) 99.39577039274924% 27.700617283950617% no-repeat;
}

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

.svg-Every {
	background: url(/fo/images/sprite.7245319a.svg) 70.2127659574468% 95.65217391304348% no-repeat;
}

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

.svg-Exchange {
	background: url(/fo/images/sprite.7245319a.svg) 72.34042553191489% 95.65217391304348% no-repeat;
}

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

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

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

.svg-Export_LC_Amendment {
	background: url(/fo/images/sprite.7245319a.svg) 74.46808510638297% 95.65217391304348% no-repeat;
}

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

.svg-Export_LC_Received {
	background: url(/fo/images/sprite.7245319a.svg) 76.59574468085107% 95.65217391304348% no-repeat;
}

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

.svg-Face_ID {
	background: url(/fo/images/sprite.7245319a.svg) 78.72340425531915% 95.65217391304348% no-repeat;
}

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

.svg-Favorite {
	background: url(/fo/images/sprite.7245319a.svg) 80.85106382978724% 95.65217391304348% no-repeat;
}

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

.svg-Favorite_Filled {
	background: url(/fo/images/sprite.7245319a.svg) 82.97872340425532% 95.65217391304348% no-repeat;
}

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

.svg-Favorite_Generic {
	background: url(/fo/images/sprite.7245319a.svg) 92.406383% 44.992914% no-repeat;
}

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

.svg-Favorite_Grey {
	background: url(/fo/images/sprite.7245319a.svg) 87.23404255319149% 95.65217391304348% no-repeat;
}

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

.svg-Favorite_Yellow {
	background: url(/fo/images/sprite.7245319a.svg) 89.36170212765957% 95.65217391304348% no-repeat;
}

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

.svg-Favorites {
	background: url(/fo/images/sprite.7245319a.svg) 91.48936170212765% 95.65217391304348% no-repeat;
}

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

.svg-Favorites_Black {
	background: url(/fo/images/sprite.7245319a.svg) 93.61702127659575% 95.65217391304348% no-repeat;
}

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

.svg-File {
	background: url(/fo/images/sprite.7245319a.svg) 95.74468085106383% 95.65217391304348% no-repeat;
}

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

.svg-Filter {
	background: url(/fo/images/sprite.7245319a.svg) 0 97.82608695652173% no-repeat;
}

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

.svg-Filter_Mobile {
	background: url(/fo/images/sprite.7245319a.svg) 2.127659574468085% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Financing {
	background: url(/fo/images/sprite.7245319a.svg) 4.25531914893617% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Fingerprint {
	background: url(/fo/images/sprite.7245319a.svg) 6.382978723404255% 97.82608695652173% no-repeat;
}

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

.svg-Flag_PH {
	background: url(/fo/images/sprite.7245319a.svg) 8.51063829787234% 97.82608695652173% no-repeat;
}

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

.svg-For_Authentication {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 40.046118370484244% no-repeat;
}

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

.svg-For_Authorization {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 41.19907763259032% no-repeat;
}

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

.svg-For_Bank_Approval {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 42.35203689469639% no-repeat;
}

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

.svg-For_Clearing {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 57.72482705611068% no-repeat;
}

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

.svg-For_Processing {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 43.50499615680246% no-repeat;
}

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

.svg-For_Release {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 44.65795541890853% no-repeat;
}

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

.svg-For_Verification {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 45.8109146810146% no-repeat;
}

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

.svg-Foreign_Bills {
	background: url(/fo/images/sprite.7245319a.svg) 10.638297872340425% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Forex {
	background: url(/fo/images/sprite.7245319a.svg) 12.76595744680851% 97.82608695652173% no-repeat;
}

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

.svg-Forex_Gray {
	background: url(/fo/images/sprite.7245319a.svg) 14.893617021276595% 97.82608695652173% no-repeat;
}

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

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

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

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

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

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

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

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

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

.svg-Graph {
	background: url(/fo/images/sprite.7245319a.svg) 17.02127659574468% 97.82608695652173% no-repeat;
}

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

.svg-Graph_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 19.148936170212767% 97.82608695652173% no-repeat;
}

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

.svg-HTML {
	background: url(/fo/images/sprite.7245319a.svg) 21.27659574468085% 97.82608695652173% no-repeat;
}

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

.svg-Help {
	background: url(/fo/images/sprite.7245319a.svg) 23.404255319148938% 97.82608695652173% no-repeat;
}

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

.svg-Help_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 25.53191489361702% 97.82608695652173% no-repeat;
}

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

.svg-High {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 46.963873943120674% no-repeat;
}

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

.svg-Import_Bills {
	background: url(/fo/images/sprite.7245319a.svg) 27.659574468085108% 97.82608695652173% no-repeat;
}

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

.svg-Incoming {
	background: url(/fo/images/sprite.7245319a.svg) 29.78723404255319% 97.82608695652173% no-repeat;
}

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

.svg-Individual {
	background: url(/fo/images/sprite.7245319a.svg) 31.914893617021278% 97.82608695652173% no-repeat;
}

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

.svg-Info {
	background: url(/fo/images/sprite.7245319a.svg) 34.04255319148936% 97.82608695652173% no-repeat;
}

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

.svg-Info_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 36.170212765957444% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Info_Filled {
	background: url(/fo/images/sprite.7245319a.svg) 99.24585218702866% 33.82126348228043% no-repeat;
}

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

.svg-Info_Gray {
	background: url(/fo/images/sprite.7245319a.svg) 38.297872340425535% 97.82608695652173% no-repeat;
}

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

.svg-Info_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 40.42553191489362% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Info_Yellow_Mobile {
	background: url(/fo/images/sprite.7245319a.svg) 44.680851063829785% 97.82608695652173% no-repeat;
}

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

.svg-Info_white {
	background: url(/fo/images/sprite.7245319a.svg) 46.808510638297875% 97.82608695652173% no-repeat;
}

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

.svg-Instructions {
	background: url(/fo/images/sprite.7245319a.svg) 48.93617021276596% 97.82608695652173% no-repeat;
}

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

.svg-Is_Mobile_10px_Outline {
	background: url(/fo/images/sprite.7245319a.svg) 98.1888745148771% 38.98963730569948% no-repeat;
}

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

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

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

.svg-Large_Corp_50px {
	background: url(/fo/images/sprite.7245319a.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.7245319a.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.7245319a.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.7245319a.svg) 51.06382978723404% 97.82608695652173% no-repeat;
}

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

.svg-Limit {
	background: url(/fo/images/sprite.7245319a.svg) 53.191489361702125% 97.82608695652173% no-repeat;
}

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

.svg-List {
	background: url(/fo/images/sprite.7245319a.svg) 55.319148936170215% 97.82608695652173% no-repeat;
}

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

.svg-List_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 57.4468085106383% 97.82608695652173% no-repeat;
}

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

.svg-List_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 59.57446808510638% 97.82608695652173% no-repeat;
}

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

.svg-List_white {
	background: url(/fo/images/sprite.7245319a.svg) 61.702127659574465% 97.82608695652173% no-repeat;
}

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

.svg-Loans {
	background: url(/fo/images/sprite.7245319a.svg) 63.829787234042556% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Lock {
	background: url(/fo/images/sprite.7245319a.svg) 65.95744680851064% 97.82608695652173% no-repeat;
}

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

.svg-Lock_Black {
	background: url(/fo/images/sprite.7245319a.svg) 68.08510638297872% 97.82608695652173% no-repeat;
}

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

.svg-Login_Menu_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 70.2127659574468% 97.82608695652173% no-repeat;
}

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

.svg-Logout {
	background: url(/fo/images/sprite.7245319a.svg) 72.34042553191489% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Low {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 48.11683320522675% no-repeat;
}

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

.svg-Maintenance {
	background: url(/fo/images/sprite.7245319a.svg) 74.46808510638297% 97.82608695652173% no-repeat;
}

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

.svg-Maintenance_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 76.59574468085107% 97.82608695652173% no-repeat;
}

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

.svg-Maintenance_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 78.72340425531915% 97.82608695652173% no-repeat;
}

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

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

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

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

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

.svg-Medium {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 49.26979246733282% no-repeat;
}

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

.svg-Menu {
	background: url(/fo/images/sprite.7245319a.svg) 80.85106382978724% 97.82608695652173% no-repeat;
}

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

.svg-Menu_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 82.97872340425532% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Mobile {
	background: url(/fo/images/sprite.7245319a.svg) 85.1063829787234% 97.82608695652173% no-repeat;
}

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

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

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

.svg-Mobile_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 87.23404255319149% 97.82608695652173% no-repeat;
}

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

.svg-Mobile_Workflow_Blue {
	background: url(/fo/images/sprite.7245319a.svg) 99.09638554216868% 35.15384615384615% no-repeat;
}

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

.svg-Mobile_Workflow_Green {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 36.38461538461539% no-repeat;
}

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

.svg-Mobile_Workflow_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 99.09638554216868% 37.61538461538461% no-repeat;
}

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

.svg-Mobile_Workflow_Violet {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 50.42275172943889% no-repeat;
}

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

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

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

.svg-Moon {
	background: url(/fo/images/sprite.7245319a.svg) 100% 36.300844205679205% no-repeat;
}

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

.svg-More {
	background: url(/fo/images/sprite.7245319a.svg) 89.36170212765957% 97.82608695652173% no-repeat;
}

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

.svg-More_Black {
	background: url(/fo/images/sprite.7245319a.svg) 91.48936170212765% 97.82608695652173% no-repeat;
}

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

.svg-My_Account {
	background: url(/fo/images/sprite.7245319a.svg) 93.61702127659575% 97.82608695652173% no-repeat;
}

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

.svg-My_Calendar {
	background: url(/fo/images/sprite.7245319a.svg) 95.74468085106383% 97.82608695652173% no-repeat;
}

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

.svg-New_Dispute {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 66.94850115295927% no-repeat;
}

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

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

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

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

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

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

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

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

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

.svg-None_20px {
	background: url(/fo/images/sprite.7245319a.svg) 99.47089947089947% 26.15740740740741% no-repeat;
}

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

.svg-Notification {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 0 no-repeat;
}

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

.svg-Notification_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 2.1739130434782608% no-repeat;
}

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

.svg-Now {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 4.3478260869565215% no-repeat;
}

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

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

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

.svg-On {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 6.521739130434782% no-repeat;
}

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

.svg-Open_Account {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 8.695652173913043% no-repeat;
}

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

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

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

.svg-Options {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 10.869565217391305% no-repeat;
}

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

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

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

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

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

.svg-Outward_Remittance_QL {
	background: url(/fo/images/sprite.7245319a.svg) 92.6% 66.6% no-repeat;
}

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

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

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

.svg-Others {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 13.043478260869565% no-repeat;
}

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

.svg-Outgoing {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 15.217391304347826% no-repeat;
}

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

.svg-Outstanding {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 51.575710991544966% no-repeat;
}

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

.svg-Outstanding_Export_Bills {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 17.391304347826086% no-repeat;
}

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

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

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

.svg-PDF {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 19.565217391304348% no-repeat;
}

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

.svg-PH {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 21.73913043478261% no-repeat;
}

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

.svg-Pag-IBIG_Enrollment_QL {
	background: url(/fo/images/sprite.7245319a.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.7245319a.svg) 71.77914110429448% 93.09803921568627% no-repeat;
}

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

.svg-Paid {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 69.25441967717141% no-repeat;
}

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

.svg-Partially_Authorize {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 52.72867025365104% no-repeat;
}

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

.svg-Partially_Bank_Approved {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 53.88162951575711% no-repeat;
}

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

.svg-Partially_Paid {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 72.71329746348962% no-repeat;
}

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

.svg-Partially_Released {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 55.034588777863185% no-repeat;
}

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

.svg-Partially_Verified {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 56.18754803996926% no-repeat;
}

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

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

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

.svg-Password_alt {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 23.91304347826087% no-repeat;
}

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

.svg-Pay_Anyone {
	background: url(/fo/images/sprite.7245319a.svg) 66.99923254029163% 89.1065830721003% no-repeat;
}

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

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

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

.svg-Pay_Bills {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 26.08695652173913% no-repeat;
}

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

.svg-Pay_Bills_Black {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 28.26086956521739% no-repeat;
}

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

.svg-Pay_Bills_QL {
	background: url(/fo/images/sprite.7245319a.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.7245319a.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.7245319a.svg) 84.04907975460122% 93.09803921568627% no-repeat;
}

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

.svg-Pay_Gov {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 30.434782608695652% no-repeat;
}

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

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

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

.svg-Pay_Now {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 32.608695652173914% no-repeat;
}

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

.svg-Payment_Confirmation {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 76.17217524980784% no-repeat;
}

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

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

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

.svg-Payments_and_Transfers {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 34.78260869565217% no-repeat;
}

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

.svg-Payments_and_Transfers_White {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 36.95652173913044% no-repeat;
}

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

.svg-Pencil {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 39.130434782608695% no-repeat;
}

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

.svg-Pending_Approval {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 77.32513451191392% no-repeat;
}

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

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

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

.svg-Peso {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 41.30434782608695% no-repeat;
}

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

.svg-PhilHealth_Enrollment_QL {
	background: url(/fo/images/sprite.7245319a.svg) 90.1840490797546% 93.09803921568627% no-repeat;
}

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

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

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

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

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

.svg-Pin_Clear {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 43.47826086956522% no-repeat;
}

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

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

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

.svg-Placeholder_User {
	background: url(/fo/images/sprite.7245319a.svg) 63.013698630136986% 21.15085536547434% no-repeat;
}

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

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

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

.svg-Plans_Check {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 45.65217391304348% no-repeat;
}

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

.svg-Plus {
	background: url(/fo/images/sprite.7245319a.svg) 63.013698630136986% 23.48367029548989% no-repeat;
}

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

.svg-Plus_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 63.013698630136986% 25.816485225505442% no-repeat;
}

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

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

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

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

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

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

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

.svg-Print {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 47.82608695652174% no-repeat;
}

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

.svg-Processed {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 57.34050730207532% no-repeat;
}

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

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

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

.svg-Profile {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 50% no-repeat;
}

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

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

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

.svg-Profile_Nav {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 52.17391304347826% no-repeat;
}

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

.svg-Profile_Nav_Black {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 54.34782608695652% no-repeat;
}

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

.svg-Profile_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 56.52173913043478% no-repeat;
}

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

.svg-Profile_Settings_Active {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 58.69565217391305% no-repeat;
}

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

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

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

.svg-QR_Code {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 60.869565217391305% no-repeat;
}

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

.svg-QR_Code_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 63.04347826086956% no-repeat;
}

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

.svg-Question {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 65.21739130434783% no-repeat;
}

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

.svg-Question_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 67.3913043478261% no-repeat;
}

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

.svg-Quick_Transfer {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 69.56521739130434% no-repeat;
}

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

.svg-Quick_Transfer_Black {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 71.73913043478261% no-repeat;
}

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

.svg-Radio {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 73.91304347826087% no-repeat;
}

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

.svg-Refresh {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 76.08695652173913% no-repeat;
}

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

.svg-Reject {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 78.26086956521739% no-repeat;
}

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

.svg-Reject_Business_Requests_QL {
	background: url(/fo/images/sprite.7245319a.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.7245319a.svg) 99.02182091798345% 58.4934665641814% no-repeat;
}

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

.svg-Rejected_MCD {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 80.78401229823213% no-repeat;
}

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

.svg-Rejectedv2 {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 81.93697156033821% no-repeat;
}

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

.svg-Remove {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 80.43478260869566% no-repeat;
}

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

.svg-Reports {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 82.6086956521739% no-repeat;
}

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

.svg-Reports_Black {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 84.78260869565217% no-repeat;
}

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

.svg-Reports_Mobile {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 86.95652173913044% no-repeat;
}

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

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

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

.svg-Reports_White {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 89.1304347826087% no-repeat;
}

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

.svg-Reset {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 91.30434782608695% no-repeat;
}

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

.svg-Reset_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 93.47826086956522% no-repeat;
}

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

.svg-Reset_Black {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 95.65217391304348% no-repeat;
}

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

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

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

.svg-Return {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 97.82608695652173% no-repeat;
}

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

.svg-Return_to_maker {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 59.64642582628747% no-repeat;
}

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

.svg-Returned {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 84.24289008455034% no-repeat;
}

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

.svg-Right {
	background: url(/fo/images/sprite.7245319a.svg) 0 100% no-repeat;
}

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

.svg-Right_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 2.127659574468085% 100% no-repeat;
}

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

.svg-Rtm {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 60.79938508839354% no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

.svg-SOA {
	background: url(/fo/images/sprite.7245319a.svg) 4.25531914893617% 100% no-repeat;
}

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

.svg-SOA_Black {
	background: url(/fo/images/sprite.7245319a.svg) 6.382978723404255% 100% no-repeat;
}

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

.svg-SSS_Loans_Payment_QL {
	background: url(/fo/images/sprite.7245319a.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.7245319a.svg) 95.70552147239263% 16.07843137254902% no-repeat;
}

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

.svg-STF {
	background: url(/fo/images/sprite.7245319a.svg) 8.51063829787234% 100% no-repeat;
}

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

.svg-STF_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 10.638297872340425% 100% no-repeat;
}

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

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

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

.svg-Save {
	background: url(/fo/images/sprite.7245319a.svg) 12.76595744680851% 100% no-repeat;
}

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

.svg-Save_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 14.893617021276595% 100% no-repeat;
}

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

.svg-Search {
	background: url(/fo/images/sprite.7245319a.svg) 17.02127659574468% 100% no-repeat;
}

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

.svg-Search_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 19.148936170212767% 100% no-repeat;
}

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

.svg-Search_Black {
	background: url(/fo/images/sprite.7245319a.svg) 21.27659574468085% 100% no-repeat;
}

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

.svg-Search_Grey {
	background: url(/fo/images/sprite.7245319a.svg) 23.404255319148938% 100% no-repeat;
}

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

.svg-Security {
	background: url(/fo/images/sprite.7245319a.svg) 25.53191489361702% 100% no-repeat;
}

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

.svg-Security_Options {
	background: url(/fo/images/sprite.7245319a.svg) 27.659574468085108% 100% no-repeat;
}

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

.svg-Security_Options_White {
	background: url(/fo/images/sprite.7245319a.svg) 29.78723404255319% 100% no-repeat;
}

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

.svg-Security_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 31.914893617021278% 100% no-repeat;
}

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

.svg-Sell {
	background: url(/fo/images/sprite.7245319a.svg) 9.162303664921465% 100% no-repeat;
}

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

.svg-Service_Placeholder {
	background: url(/fo/images/sprite.7245319a.svg) 34.04255319148936% 100% no-repeat;
}

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

.svg-Settings {
	background: url(/fo/images/sprite.7245319a.svg) 36.170212765957444% 100% no-repeat;
}

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

.svg-Settings_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 38.297872340425535% 100% no-repeat;
}

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

.svg-Settings_Primary_Red {
	background: url(/fo/images/sprite.7245319a.svg) 40.42553191489362% 100% no-repeat;
}

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

.svg-Settings_White {
	background: url(/fo/images/sprite.7245319a.svg) 42.5531914893617% 100% no-repeat;
}

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

.svg-Share {
	background: url(/fo/images/sprite.7245319a.svg) 44.680851063829785% 100% no-repeat;
}

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

.svg-Show {
	background: url(/fo/images/sprite.7245319a.svg) 46.808510638297875% 100% no-repeat;
}

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

.svg-Show_2 {
	background: url(/fo/images/sprite.7245319a.svg) 48.93617021276596% 100% no-repeat;
}

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

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

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

.svg-Sort {
	background: url(/fo/images/sprite.7245319a.svg) 51.06382978723404% 100% no-repeat;
}

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

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

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

.svg-Success {
	background: url(/fo/images/sprite.7245319a.svg) 88.4455527847049% 60.45918367346939% no-repeat;
}

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

.svg-Successful {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 61.952344350499615% no-repeat;
}

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

.svg-Successful_20px {
	background: url(/fo/images/sprite.7245319a.svg) 99.39577039274924% 29.243827160493826% no-repeat;
}

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

.svg-Successful_Ack_Page {
	background: url(/fo/images/sprite.7245319a.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.7245319a.svg) 99.39577039274924% 30.787037037037038% no-repeat;
}

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

.svg-Successful_Grey {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 63.10530361260569% no-repeat;
}

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

.svg-Suspend {
	background: url(/fo/images/sprite.7245319a.svg) 53.191489361702125% 100% no-repeat;
}

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

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

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

.svg-Task_List {
	background: url(/fo/images/sprite.7245319a.svg) 55.319148936170215% 100% no-repeat;
}

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

.svg-Task_List {
	background: url(/fo/images/sprite.7245319a.svg) 31.891832460732983% 100% no-repeat;
}

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

.svg-Task_List_w_counter {
	background: url(/fo/images/sprite.7245319a.svg) 57.4468085106383% 100% no-repeat;
}

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

.svg-Task_List_with_Counter {
	background: url(/fo/images/sprite.7245319a.svg) 59.57446808510638% 100% no-repeat;
}

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

.svg-Template {
	background: url(/fo/images/sprite.7245319a.svg) 61.702127659574465% 100% no-repeat;
}

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

.svg-Template_Placeholder {
	background: url(/fo/images/sprite.7245319a.svg) 63.829787234042556% 100% no-repeat;
}

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

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

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

.svg-Templates {
	background: url(/fo/images/sprite.7245319a.svg) 65.95744680851064% 100% no-repeat;
}

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

.svg-To_do {
	background: url(/fo/images/sprite.7245319a.svg) 68.08510638297872% 100% no-repeat;
}

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

.svg-Tour {
	background: url(/fo/images/sprite.7245319a.svg) 70.2127659574468% 100% no-repeat;
}

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

.svg-Trail {
	background: url(/fo/images/sprite.7245319a.svg) 72.34042553191489% 100% no-repeat;
}

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

.svg-Transaction_Details {
	background: url(/fo/images/sprite.7245319a.svg) 74.46808510638297% 100% no-repeat;
}

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

.svg-Transaction_Details_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 76.59574468085107% 100% no-repeat;
}

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

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

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

.svg-Transaction_Limit {
	background: url(/fo/images/sprite.7245319a.svg) 78.72340425531915% 100% no-repeat;
}

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

.svg-Transaction_Limit_Orange {
	background: url(/fo/images/sprite.7245319a.svg) 80.85106382978724% 100% no-repeat;
}

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

.svg-Transfer {
	background: url(/fo/images/sprite.7245319a.svg) 70.1458173445894% 89.1065830721003% no-repeat;
}

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

.svg-Transfer_to_Own_QL {
	background: url(/fo/images/sprite.7245319a.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.7245319a.svg) 95.70552147239263% 35.372549019607845% no-repeat;
}

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

.svg-Try {
	background: url(/fo/images/sprite.7245319a.svg) 82.97872340425532% 100% no-repeat;
}

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

.svg-Unlock {
	background: url(/fo/images/sprite.7245319a.svg) 85.1063829787234% 100% no-repeat;
}

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

.svg-Unlock_Black {
	background: url(/fo/images/sprite.7245319a.svg) 87.23404255319149% 100% no-repeat;
}

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

.svg-Unsuccessful {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 64.25826287471176% no-repeat;
}

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

.svg-Unsuspend {
	background: url(/fo/images/sprite.7245319a.svg) 89.36170212765957% 100% no-repeat;
}

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

.svg-Up {
	background: url(/fo/images/sprite.7245319a.svg) 91.48936170212765% 100% no-repeat;
}

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

.svg-Upload {
	background: url(/fo/images/sprite.7245319a.svg) 93.61702127659575% 100% no-repeat;
}

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

.svg-Upload_Camera {
	background: url(/fo/images/sprite.7245319a.svg) 95.41284403669725% 91.08678655199374% no-repeat;
}

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

.svg-Upload_Menu {
	background: url(/fo/images/sprite.7245319a.svg) 95.74468085106383% 100% no-repeat;
}

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

.svg-Upload_Teal {
	background: url(/fo/images/sprite.7245319a.svg) 95.70552147239263% 76.33228840125392% no-repeat;
}

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

.svg-User_Group_QL {
	background: url(/fo/images/sprite.7245319a.svg) 95.70552147239263% 38.588235294117645% no-repeat;
}

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

.svg-User_ID {
	background: url(/fo/images/sprite.7245319a.svg) 97.87234042553192% 100% no-repeat;
}

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

.svg-User_Placeholder {
	background: url(/fo/images/sprite.7245319a.svg) 71.89542483660131% 75.23089840470193% no-repeat;
}

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

.svg-User_QL {
	background: url(/fo/images/sprite.7245319a.svg) 95.70552147239263% 41.80392156862745% no-repeat;
}

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

.svg-Verification {
	background: url(/fo/images/sprite.7245319a.svg) 99.09638554216868% 38.84615384615385% no-repeat;
}

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

.svg-Warning {
	background: url(/fo/images/sprite.7245319a.svg) 99.39577039274924% 32.33024691358025% no-repeat;
}

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

.svg-Warning_Red {
	background: url(/fo/images/sprite.7245319a.svg) 99.02182091798345% 65.41122213681783% no-repeat;
}

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

.svg-Warning_Triangle {
	background: url(/fo/images/sprite.7245319a.svg) 100% 0 no-repeat;
}

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

.svg-Warning_Yellow {
	background: url(/fo/images/sprite.7245319a.svg) 100% 2.1739130434782608% no-repeat;
}

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

.svg-White_20px {
	background: url(/fo/images/sprite.7245319a.svg) 85.80246913580247% 65.71428571428571% no-repeat;
}

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

.svg-With_Notif {
	background: url(/fo/images/sprite.7245319a.svg) 100% 4.3478260869565215% no-repeat;
}

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

.svg-Without_Notif {
	background: url(/fo/images/sprite.7245319a.svg) 100% 6.521739130434782% no-repeat;
}

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

.svg-Workflow_Model {
	background: url(/fo/images/sprite.7245319a.svg) 38.98713826366559% 83.00970873786407% no-repeat;
}

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

.svg-XLS {
	background: url(/fo/images/sprite.7245319a.svg) 100% 8.695652173913043% no-repeat;
}

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

.svg-admn {
	background: url(/fo/images/sprite.7245319a.svg) 100% 10.869565217391305% no-repeat;
}

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

.svg-basic-step7 {
	background: url(/fo/images/sprite.7245319a.svg) 91.98767334360555% 71.62270183852918% no-repeat;
}

.svg-basic-step7-dims {
	width: 46px;
	height: 65px;
}

.svg-blank_card {
	background: url(/fo/images/sprite.7245319a.svg) 81.05065666041276% 46.3166144200627% no-repeat;
}

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

.svg-color_wheel {
	background: url(/fo/images/sprite.7245319a.svg) 32.71604938271605% 89.66876971608833% no-repeat;
}

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

.svg-deleteFile {
	background: url(/fo/images/sprite.7245319a.svg) 62.91793313069909% 28.12742812742813% no-repeat;
}

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

.svg-eCommerce {
	background: url(/fo/images/sprite.7245319a.svg) 100% 13.043478260869565% no-repeat;
}

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

.svg-eCommerce_Alt {
	background: url(/fo/images/sprite.7245319a.svg) 100% 15.217391304347826% no-repeat;
}

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

.svg-fav_generic_QL {
	background: url(/fo/images/sprite.7245319a.svg) 95.70552147239263% 79.46708463949844% no-repeat;
}

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

.svg-location {
	background: url(/fo/images/sprite.7245319a.svg) 100% 17.391304347826086% no-repeat;
}

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

.svg-progressBar {
	background: url(/fo/images/sprite.7245319a.svg) 90.46546546546547% 56.3391442155309% no-repeat;
}

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

.svg-remarksbg {
	background: url(/fo/images/sprite.7245319a.svg) 84.54011741682974% 12.807881773399014% no-repeat;
}

.svg-remarksbg-dims {
	width: 322px;
	height: 301px;
}

.svg-sxiLogo {
	background: url(/fo/images/sprite.7245319a.svg) 92.0886075949367% 41.71974522292994% no-repeat;
}

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

.svg-Change_Account_AP {
	background: url(/fo/images/sprite.7245319a.svg) 100.021821% 67.21122% no-repeat;
}

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

.svg-CurrentBal_Acctwdg {
	background: url(/fo/images/sprite.7245319a.svg) 100.021821% 69.4% no-repeat;
}

.svg-CurrentBal_Acctwdg-dims {
	width: 28px;
	height: 28px;
	margin: 10px;
}

.svg-AvailBal_Acctwdg {
	background: url(/fo/images/sprite.7245319a.svg) 100.021821% 71.9% no-repeat;
}

.svg-AvailBal_Acctwdg-dims {
	width: 28px;
	height: 28px;
	margin: 10px;
}
.svg-three {
	background: url(/fo/images/sprite.7245319a.svg) 71.78082191780823% 72.28260869565217% no-repeat;
}

.svg-three-dims {
	width: 96px;
	height: 82px;
}

.svg-file_star {
	background: url(/fo/images/sprite.7245319a.svg) 95.7% 79.5% no-repeat;
}

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

/*!
 * 
 * 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;
  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%;
  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;
  line-height: 1.5;
  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;
  line-height: 1.5;
  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: 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;
  /* background-color: #F3F3F3; */
}

.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;
  line-height: 1.5;
  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;
  height: 32px;
  padding: 0 15px;
  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%;
  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;
  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-size: 14px;
  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;
  line-height: 1.5;
  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-duration: 0.24s;
  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-size: 14px;
  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;
  line-height: 1.5;
  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;
  line-height: 1.5;
  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;
  }
}

/*# sourceMappingURL=antd.css.map*/

.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: #fff;
}

/* .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; */
  background: #f3f6ff;
}

.f4datatable_row_selected .fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
  /* background: #f4f8ff; */
  /* background: #FFEFEF; */
  background: #f3f6ff;
}

.f4datatable-single-parent .f4datatable_row:hover .fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
  background: #f3f6ff;
}

.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: #fcfcfc;
}

.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: #f9fbfc;
  --menu-item-color: #72757a;
  --menu-item-hover: #303030;
  --main-color: #3783d9;
  --main-hover-color: #004d94;
  --light-main-color: #f3f3f3;
  --light-main-hover: #ffe4e0;
  --lighter-main-color: #fff7f6;
  --selected-light-color: #fff6f5;
  --light-sec-color: #f4ffff;
  --light-secalt-color: #d7f3f3;
  --text-color: #303030;
  --hdr-color: #303030;
  --subhdr-color: #4d4d4d;
  --mblsubhdr-color: #5e5e5e;
  --sub-hdr-color: #82848c;
  --sub-label-color: #a3acbc;
  --light-text-color: #95999a;
  --required-color: #c31212;
  --main-bg-color: #f9fbfc;
  --primary-btn-color: #3783d9;
  --primary-btn-hover: #004d94;
  --sec-btn-color: #30b3ae;
  --sec-btn-hover: #279793;
  --dark-hover-color: #f6fafd;
  --lightblue-hover-color: #F1F8FF;
  /* --field-label-color: #889b9e; */
  --light-main-color-hover: #b4eef8;
  --field-label-color: #626c90;
  --modal-bg: #ffffff;
  --button-text-color: #ffffff;
  --button-grey: #ebeef4;
  --backbtn-bgcolor: #4b5767;
  --backbtn-hover-bgcolor: #363e4a;
  --button-icon-hover: #f5f6fc;
  --view-label-color: #939393;
  --placeholder-color: #b9bcd0;
  --input-field-bg: #fafcfc;
  --input-field-border: #eef3f4;
  --focused-input-border: #3783d9;
  --container-color: #f4f8ff;
  --container-sec-color: #eaeff9;
  --light-container-color: #f9f9f9;
  --view-fieldlabel-color: #4d4d4d;
  --search-filter-label: #9f9f9f;
  --active-drop-zone: #fb6657;
  --upload-dashed-border: #c3cbd9;
  --light-border-color: #e3e3e3;
  --border-color-alt: #d8d8d8;
  --expanded-border: #eff5f5;
  --datatable-uncheck: #9f9f9f;
  --datatable-sublabel-color: #9f9f9f;
  --select-drop-color: #303030;
  --non-editable-color: #eaeef3;
  --expanded-bg: #f2f5f8;
  --table-row-alt: #f9f9f9;
  --invoice-bg: #fff;
  --invoice-placeholder: #9f9f9f;
  --attached-docs-bg: #f0f0f0;
  --light-bg: #ffffff;
  --simulation-line: #a3acbc;
  --icon-filter: unset;
  --expanded-menu-background: #373737;
  --menu-background-color: #303030;
  --rightpanel-bg-color: #edf1fa;
  --positive-color: #119b00;
  --negative-color: #de3232;
  --reject-btn-color: #d91452;
  --reject-btn-hover-color: #c0262e;
  --return-btn-color: #d19a4a;
  --return-btn-hover-color: #e67a2e;
  --attach-item-bg: #f2f5f8;
  --checkbox-border-color: #c3cbd9;
  --login-enroll-box: #3d5454;
  --sub-text-color: #bdbdbd;
  --light-hover-color: #eff3f7; /*bg-color fields*/
  --ae-steps-inactive: #87B4E8;
  --ae-steps-success: #2ed6a1;
  --ae-steps-activebg: #373737;
  --error-field-bg: #ffdcdc;
  --input-field-errorbg: #fef1f2;
  --border-color: #e4e9ea;
  /* --border-color: #D19A4A; */
  --listview-hdr-color: #edf1f1;
  --datatable-hdr-color: #F6F6F6;
  --focused-field-bg: #FAFCFC;
  --left-bar-bg: #3783d9;
  --search-input-bg: #f0f4f6;
  --search-input-placeholder: #b5c1c7;
  --menu-bg: #F7FAFD;
  --inactive-menu: #989898;
  --sub-text-coloralt: #a8aaaf;
  --clear-color: #E12626;
  --inactive-tab: #a4a4a4;
  --welcome-widget-btn: #494949;
  --welcome-widget-hover: #3a3939;
  --datatable-border-color: #e4eaed;
  --charges-bg: #f0f7f9;
  --charges-label: #9ba2a2;
  --txn-right-bg: #e7edf0;
  --instr-bg: #fff9eb;
  --instr-color: #fac14e;
  --delete-btn-enabled: #f4eeec;
  --delete-btn-enabledhov: #ebe3e1;
  --delete-btn-disabled: #f6f6f8;
  --reject-btnalt-bg: #f15d46;
  --reject-btnalt-hover: #f93624;
  --approve-btnalt-bg: #20a48c;
  --approve-btnalt-hover: #2fa298;
  --process-color: #ed9a2d;
  --selected-biller-bg: #7c9eff;
  --save-fave-bg: #ffb1a9;
  --btn-border-radius: 12px;
  --input-border-radius: 10px;
  --input-field-fontsize: 15px;
  --no-records-label: #b0c2c6;
  --mbl-arrow--selector: #eaf3f3;
  --mbl-panelhdr: #e6f0f4;
  --mbl-details-bg: #f0f7f9;
  --mbl-card-border: #f1f1f1;
  --compute-color: #ebbb01;
  --compute-color-hover: #c19a01;
  --stepper-color: #889b9e;
  --link-color: #3783D9;
  --disabled-bg-color: #ebeff2;
}

/* @media (resolution: 96dpi) {
  .bob_login__leftcontent {
    zoom: 0.8;
  }
} */

@media  {
  .bob_login__leftcontent {
    zoom: 0.9;
  }
}

@font-face {
  font-family: 'Univers';
  src: url(/fo/fonts/Univers_LT_57_Condensed.702a3b3d.ttf) format('truetype'),
       url(/fo/fonts/Univers_LT_57_Condensed.702a3b3d.ttf) format('woff'),
       url(/fo/fonts/Univers_LT_57_Condensed.702a3b3d.ttf) format('woff2');
  font-weight: 100;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'Gotham';
    src: url(/fo/fonts/Gotham-Medium.17c94287.woff2) format('woff2'),
         url(/fo/fonts/Gotham-Medium.48f045c0.woff) format('woff'),
         url(/fo/fonts/Gotham-Medium.5a5061d5.ttf) format('truetype');
    font-weight: 500;
  }
  @font-face {
    font-family: 'GothamBook';
    src: url(/fo/fonts/GothamBook.58fb9151.ttf) format('truetype');
         /* url('../font/Gotham/GothamBook.woff') format('woff'); */
         /* url('../font/Gotham/GothamBook.woff2') format('woff2') */
    font-weight: 100;
  }
}

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: #fff;
  background: var(--main-color);
}

::selection {
  color: #fff;
  background: var(--main-color);
}

html {
  font-family: 'Gotham', 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Gotham', 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--main-plain-bg);
  color: var(--text-color);
  font-weight: 400;
  overflow-x: hidden;
  height: auto;
  word-break: break-word;
  text-rendering: optimizeLegibility;
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Gotham', 'Open 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(--main-hover-color);
}

.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: rgb(151 153 164 / 34%);
  z-index: 1300;
}

.white__bg {
  background: #fff;
}

/*** 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(--main-color) transparent var(--main-color);
  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(--main-color) 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(--text-color);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.is-disabled .Select-control {
  background-color: var(--disabled-bg-color) !important;
  color: var(--text-color);
  opacity: 1;
}

.fo_scroll::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.fo_scroll::-webkit-scrollbar-track {
  background: #ecf0f7;
  border-radius: 5px;
}

.fo_scroll::-webkit-scrollbar-thumb {
  background-color: #dfe2e8;
  border-radius: 5px;
}

.fo_scroll__vert::-webkit-scrollbar-track {
  background: #ecf0f7;
  border-radius: 5px;
}

.fo_scroll__vert::-webkit-scrollbar-thumb {
  background-color: #dfe2e8;
  border-radius: 5px;
}

/** Start of button **/

.f4Button,
.bob_primary__btn {
  position: relative;
  color: #fff;
  background: var(--primary-btn-color);
  border-radius: 5px;
  font-size: 15px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  font-weight: 500;
  padding: 5px 25px 5px;
  height: 50px;
}

.f4Button:hover,
.f4Button:focus,
.f4Button:active,
.bob_primary__btn:hover,
.bob_primary__btn:focus,
.bob_primary__btn:active {
  background: var(--primary-btn-color) !important;
  color: #fff !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); */
  background: #6199D6;
}

.bob_sec__btn:hover,
.bob_sec__btn:focus,
.bob_sec__btn:active {
  /* background: var(--sec-btn-hover) !important; */
  background: #6199D6;
}

.bob_nb__btn {
  width: 100%;
  background: transparent;
  color: var(--main-color);
  font-weight: 600;
}

.bob_nb__btn:hover,
.bob_nb__btn:focus,
.bob_nb__btn:active {
  background: var(--light-hover-color) !important;
  color: var(--main-color) !important;
}

.bob_nb__btnalt {
  width: 100%;
  background: transparent;
  color: var(--text-color);
  font-weight: 600;
}

.bob_nb__btnalt:hover,
.bob_nb__btnalt:focus,
.bob_nb__btnalt:active {
  background: var(--light-hover-color) !important;
  color: var(--text-color) !important;
}

.bob_clear__btn {
  width: 100%;
  background: transparent;
  color: var(--clear-color);
  font-weight: 600;
  border: 2px solid;
}

.bob_clear__btn:hover,
.bob_clear__btn:focus,
.bob_clear__btn:active {
  /* background: var(--light-hover-color) !important; */
  background: transparent !important;
  color: var(--clear-color) !important;
  border: 2px solid var(--clear-color);
}

.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: #51CC5A;
  /* color: var(--main-color); */
  /* border: 1.5px solid var(--main-color); */
  font-weight: 600;
}

.bob_brd__btn:hover,
.bob_brd__btn:focus,
.bob_brd__btn:active {
  /* border: 1.5px solid var(--main-color) !important; */
  background: #51CC5A !important;
  color: white !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: #797979;
}

.modal_back__btn {
  background: var(--backbtn-bgcolor) !important;
  font-weight: 700 !important;
  color: #fff !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 #ffffff;
  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 #ffffff !important;
  transform: scale(1.05);
}

.bob_reject__btn {
  color: #fff;
  background: var(--reject-btnalt-bg);
}

.bob_reject__btn:hover,
.bob_reject__btn:focus,
.bob_reject__btn:active {
  background: var(--reject-btnalt-hover) !important;
  color: #fff !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(--main-color);
  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(--main-color);
  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(--main-color) !important;
}

.bob_btn__linkwicon {
  color: var(--main-color);
  background: transparent;
}

.bob_btn__linkwicon:hover,
.bob_btn__linkwicon:focus,
.bob_btn__linkwicon:active {
  background: var(--light-hover-color) !important;
  color: var(--main-color) !important;
}

.bob_btn__linkwicon > img {
  margin-right: 10px;
}

/** end of button **/

/** start of generic fields **/

.biller_selector__control {
  background: var(--input-field-bg);
  border: 2px solid var(--input-field-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(--focused-input-border) !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(--focused-input-border) !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 {
  /* -webkit-filter: grayscale(100%) invert(52%) sepia(88%) saturate(899%) hue-rotate(321deg)
    brightness(94%) contrast(111%); */
  /* 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(--border-color);
  border-radius: 8px;
  background-color: #ffffff;
  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(--main-color);
  font-size: 16px;
}

.actionchoice-options {
  position: absolute;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 2px 11px 0 rgba(188, 188, 188, 0.1), 0 6px 14px 0 rgba(0, 0, 0, 0.07),
    0 3px 8px 0 rgba(163, 163, 163, 0.1);
  /* 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(--main-color);
  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(--text-color);
}

.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: #bdbdbd;
}

.actionchoice-btnicon {
  width: 45px;
  height: 45px;
  border: none;
  /* background-color: #4bcca8; */
  background: var(--text-color);
  border-radius: 5px;
  /* color: #fff; */
  color: #262626;
  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(--text-color); */
}

.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(--main-color);
  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: 3px;
  background-color: var(--input-field-bg);
  border: 2px solid var(--input-field-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: #333;
}

.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(--input-field-bg);
  border: 2px solid var(--input-field-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(--input-field-bg);
  outline: none;
  cursor: default;
  display: table;
  border: 2px solid var(--input-field-border);
  border-radius: 5px;
}

.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: #333;
}

.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: rgb(72, 72, 72);
  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(--text-color);
}

.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;
  color: #333 !important;
  font-size: 23px;
}

@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(--text-color);
  font-size: 20px;
}

.Select-menu-outer {
  background-color: #fff;
  border: 1px solid var(--border-color-alt) !important;
  box-shadow: 0 -3px 13px 0 rgb(168 168 168 / 15%), 8px 6px 8px 3px rgb(60 60 60 / 8%),
    0 10px 18px 3px rgb(40 40 40 / 15%);
  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(--text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select-option.is-selected .multi-option-label {
  /* color: var(--select-dropfocused-color); */
  color: var(--text-color);
}

.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(--light-main-color);
  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(--main-color);
  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 #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #48484824;
}

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}

.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: #fcfcfc;
}

.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(--main-color);
  /* 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: 6px;
}

.accountselector__parent,
.accountselector_item {
  height: 100%;
}

.accountselector_placeholder {
  color: var(--text-color);
  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: #cbdddd !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 rgb(0 0 0 / 10%);
  border-radius: 50%;
  background: #51cc5a;
  position: absolute;
  right: 15px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-bg-color) !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: #fff;
  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: #fff;
  border-radius: 50%;
  color: var(--text-color);
  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(--border-color);
}

.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(--light-main-color);
}

.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 #e4eaed;
  border-radius: 10px;
  background-color: var(--input-field-bg);
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  margin-top: 15px;
  padding: 10px;
}

.biller_selector__subctr {
  border: 0.5px solid #e4eaed;
  border-radius: 10px;
  background-color: var(--input-field-bg);
  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 #e4eaed;
  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(--main-color);
}

.acct_selector__optitemdtls > div:last-child {
  color: var(--mblsubhdr-color);
  font-size: 13px;
  font-weight: 500;
  margin-top: 3px;
}

.accountselector_itemselected {
  background: var(--light-main-color);
}

/*** End of Account Selector ***/

/*** start of F4CheckboxNew ***/

.small-check-box {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 2px solid var(--main-color);
  position: relative;
  background: var(--input-field-bg);
  transition: 0.5s;
  position: relative;
  cursor: pointer;
  margin: 0px 10px 0px 0px;
}

.small-check-container {
  display: flex;
  align-items: center;
  /* background: var(--input-field-bg); */
  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(--main-color);
  border-color: var(--main-color);
  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: #fff;
  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: 5px;
  background: var(--input-field-bg);
  border: 2px solid var(--input-field-border);
  padding: 0 15px;
  cursor: pointer;
  transition: 0.5s;
}

.f4checkbox-hasvalue.f4CheckboxMainContainer,
.f4CheckboxMainContainer:hover {
  border: 2px solid var(--main-color) !important;
  color: var(--main-color) !important;
  background: #F1F8FF;
}

.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 #b0c2c6;
  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(--main-color);
  border: 2px solid var(--main-color);
}

.modal-check-lbl {
  width: calc(100% - 18px);
  padding-left: 15px;
  font-weight: 500;
  font-size: 14px;
}

.f4checkbox-hasvalue .modal-check-lbl {
  color: var(--text-color);
}

.f4CheckboxMainContainer:hover .modal-check-lbl {
  color: var(--main-color);
}

.modal-check-checkbox .icn-div {
  font-size: 10px;
  color: #fff;
}

.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: #333;
  -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: #316ac5;
  color: white;
  border: 1px #316ac5 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 #95aec2;
  border-radius: 4px;
  background: #ffffff;
  font-weight: 400;
  font-family: 'Font Awesome 5 Pro';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  border: 2.5px solid var(--main-color);
}

.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: #ccc;
  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(--text-color);
  font-weight: 500;
}

.checkboxTreeSearchBtn {
  float: right;
  position: relative;
  /* margin: -50px 120px; */
  width: 25px;
  height: 25px;
  border-radius: 2em;
  color: #6b6b6b;
  padding: 5px 8px;
  /* margin-right: 15px; */
  margin: 0% 0.5%;
  /* background: #fff; */
  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: #fff;
  /* box-shadow: 0px 0px 0.1px 0px #4361446e; */
  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 #fff;
  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: rgb(194, 233, 219); */
  background: #f6e0de;
  /* color: rgb(32, 142, 49); */
  color: var(--primary-btn-color);
  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: #a60000 !important;
  font-weight: bold !important;
}

@keyframes cbanim {
  0% {
    width: 0px;
  }

  100% {
    width: 24px;
  }
}

.rc-tree-node-selected {
  background-color: #ffe6b0;
  border: 1px #ffb951 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: #ffffff;
}

.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 hsl(360 80% 90%);
}

.rc-tree li span.rc-tree-checkbox-checked {
  background: var(--main-color);
  border-color: var(--main-color);
  animation: onclickanim 0.4s ease-in;
}

.rc-tree li span.rc-tree-checkbox-indeterminate {
  background: var(--main-color);
  border-color: var(--main-color);
  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: #ccc;
  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(--text-color);
  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: #fff;
}

.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(--border-color);
}

.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(--border-color);
  padding: 0 15px;
  height: 60px;
  display: flex;
  align-items: center;
}

.f4newlistview_addbtn {
  background: #fff;
  border-radius: 7px;
  padding: 0px 5px;
  margin: 0 -5px;
  min-height: 32px;
  font-weight: 600;
  color: var(--main-color);
  position: relative;
  border: 2px solid transparent;
  transition: 0.5s;
  font-size: 15px;
}

.f4newlistview_addbtn:hover {
  background: var(--light-hover-color);
}

.f4newlistview_addbtn > i {
  margin-right: 15px;
  position: relative;
  font-weight: 500;
}

.f4newlistview_hdr {
  background: var(--datatable-hdr-color);
  color: var(--field-label-color);
  border-bottom: 1.3px solid var(--border-color);
  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(--border-color);
  border-bottom: 1px solid var(--border-color);
  min-height: 60px;
}

/* .f4newlistview_hdr::after {
  position: absolute;
  content: '';
  bottom: 0px;
  left: 20px;
  right: 20px;
  height: 1px;
  background: var(--border-color);
} */

.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(--main-color);
  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: #fff;
  border-bottom: 1px solid var(--border-color);
  /* 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(--border-color);
}

.flnv_expanded__row .fnlv_expanded__content .f4newlistview_row {
  background: transparent;
}

/* .f4newlistview_row::after {
  position: absolute;
  content: '';
  left: 20px;
  right: 20px;
  height: 1px;
  background: var(--border-color);
} */

.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(--border-color); */
  /* box-shadow: 0 2px 8px 3px rgb(224 224 224 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%); */
  /* 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(--border-color);
} */

.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(--border-color);
} */

/* .f4newlistview_rowfocused > td > .f4newlistview_field {
  background: #fff;
  border: none;
  border-top: 1px solid #767b7f;
  border-bottom: 1px solid #767b7f;
  min-height: 56px;
}

.f4newlistview_rowfocused > td:first-child > .f4newlistview_field {
  border-radius: 5px 0 0 5px;
  border: 1px solid #767b7f;
  border-right: none;
}

.f4newlistview_rowfocused > td:last-child > .f4newlistview_field,
.f4newlistview_rowfocused > .f4newlistview_rowdelete > div {
  border-radius: 0 5px 5px 0;
  border: 1px solid #767b7f;
  border-left: none;
}

.f4newlistview_rowfocused > .f4newlistview_rowdelete > div {
  min-height: 56px;
  background: #fff;
} */

.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(--border-color);
}

.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: #c52c2c;
  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: #fff;
  background-color: #3893e7;
  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(--text-color);
  /* font-family: 'GothamBook'; */
}

.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: #fff;
  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(--input-field-border);
  border-radius: 10px;
  background-color: var(--input-field-bg);
}

.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(--border-color);
  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 #eaedf0;
}

.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(--border-color);
  /* 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(--input-field-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(--main-color) !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: 3px;
  height: 45px;
  background: var(--input-field-bg);
  border: 2px solid var(--input-field-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: #a3acbc;
}

.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: #aeaeae;
}

.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: #fff;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #e6e6e6;
}

.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: #fff;
}

.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: #aeaeae;
}

.react-datepicker {
  font-family: 'Gotham', sans-serif !important;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  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: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  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: #000;
  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: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 40px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  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: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.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 #e6e6e6;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  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: #7d7d7d;
}

.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: #f0f0f0;
}

.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: #6dcc94;
  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: #5eb180;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.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: #ccc;
  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: #f0f0f0;
}

.react-datepicker__header__dropdown {
  padding-bottom: 6px;
  display: flex;
  justify-content: center;
}

.react-datepicker__day--outside-month {
  color: #e1e0e0 !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: #000;
  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: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background: var(--light-main-hover) !important;
  color: var(--main-color) !important;
  font-weight: 500 !important;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range
  .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
  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: #e3e3e3;
}

.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: #b2b2b2;
  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: #fff;
  position: absolute;
  width: 115px;
  max-height: 260px;
  left: 16%;
  top: 40px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #dedede;
  color: #6c6c6c;
  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: #b3b3b3;
}

.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: #b3b3b3;
}

.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: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  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: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  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: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker {
  border: 1px solid #efefef;
  box-shadow: 0px 3px 10px 0px #e0e0e0;
  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 #fff !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 #fff;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  background: #fff;
}

.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(--button-color);
  font-weight: 500;
}

.data-table-totals {
  border: 1px solid #4489ca1a;
}

.react-datepicker__year-option .react-datepicker__navigation {
  top: 0px !important;
}

.react-datepicker__navigation--next:focus,
.react-datepicker__navigation--next:active {
  border-color: #fff !important;
  border-left-color: #ccc !important;
}

.react-datepicker__navigation--previous:focus,
.react-datepicker__navigation--previous:active {
  border-color: #fff !important;
  border-right-color: #ccc !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: 5px;
  background-color: var(--input-field-bg);
  padding: 0 10px 0 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.5s;
  border: 2px solid var(--input-field-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: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(211, 211, 211, 0.5);
  padding: 20px;
  width: 340px;
  z-index: 98;
}

.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: #72757a42;
  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(--button-color);
}

.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); */
  background: #6199D6;
  color: #fff;
}

.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: #f0f0f0;
}

.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: #d10000; */
}

.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: #fff;
  font-size: 12px;
  font-weight: 400;
  color: var(--hdr-color);
  border-radius: 10px;
  transition: 0.5s;
}

.react-calendar__month-view__days__day--neighboringMonth {
  color: #e1e0e0;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}

.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: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active,
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: var(--container-color);
  color: var(--button-color);
  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: rgba(0, 0, 0, 0.8);
  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(--input-field-bg);
  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(--text-color);
  font-weight: 500;
  box-shadow: none;
  height: 45px !important;
  border-radius: 3px !important;
  background-color: var(--input-field-bg) !important;
  border: 2px solid var(--input-field-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(--input-field-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 rgba(227, 227, 227, 0.48) !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: 'Gotham', sans-serif !important;
  display: flex;
  align-items: center;
  border: 2px solid var(--input-field-border);
  border-radius: 5px;
  background-color: var(--input-field-bg);
  height: 45px;
  padding: 0 15px;
  margin: 0px;
  color: var(--text-color);
  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(--focused-input-border);
}

.ant-radio-wrapper-checked {
  /* background: var(--selected-light-color); */
  background: #F7FAFD;
  border-color: var(--main-color);
  color: var(--main-color);
  font-weight: 600 !important;
}

.f4radio_btn__pill .ant-radio {
  display: none;
}

.ant-radio-wrapper > span:last-child {
  width: 100%;
  padding: 0 0 0 10px;
  overflow: hidden;  /* ui fixed for text overflow when the screensize is small */
  text-overflow: ellipsis;
}

.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);
}

.f4radio_btn__flex .ant-radio-wrapper {
  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(--border-color);
}

/*** end of F4RadioButton ***/

/*** Start of F4UploadField ***/

.f4upload_field__dropzone {
  border-radius: 10px;
  border: 2px dashed var(--main-color);
  background: var(--light-hover-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); */
  border: 2px dashed var(--main-color);
}

.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(--main-color);
  margin-left: 5px;
}

.f4upload_field__dzicon {
  margin-bottom: 15px;
}

.f4upload_field__valuepanel {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border-color);
  box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
}

.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: #fff;
  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: rgba(0, 0, 0, 0.75);
  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 #ffffff;
  border-radius: 15px;
  box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  font-size: 14px;
  color: #fff;
  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 rgba(186, 186, 186, 0.06);
  font-size: 14px;
  color: #fff;
  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: rgba(0, 0, 0, 0.75);
  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(--main-color);
  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(--main-hover-color);
}

.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(--button-color);
  margin-left: 5px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
}

.uploadcap_img__dropzone > div:nth-child(3) > span:hover {
  color: var(--button-hover-color);
}

.uploadcap_img__dropzone > div:nth-child(3) > span > div {
  position: absolute;
  width: 100%;
  bottom: -2px;
  left: 0;
  height: 1.5px;
  background: var(--button-color);
}

.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(--button-color);
  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: #b11217;
  font-weight: bold;
  z-index: 1;
}

.lvuploadcap_img__valuefbitemoverlay {
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.75);
  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: rgba(255, 255, 255, 1);
} */

.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(--input-field-border);
  border-radius: 10px;
  background-color: #ffffff;
  font-weight: 500;
  outline: none !important;
}

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__suggestions-container--open {
  position: absolute;
  top: 100%;
  width: 175%;
  overflow: auto;
  max-height: 200px;
  background: #fff;
  border-radius: 4px;
  /* box-shadow: 2px 4px 13px #dcdcdc; */
  box-shadow: 0 2px 14px -7px #9096b899;
  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(--text-color);
  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(--main-color);
  /* background-color: rgb(255,255,255); */
}

.ant-tabs-ink-bar {
  background-color: var(--main-color);
  /* height: 5px; */
}

/*** 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: #acaeb5;
  display: flex;
  align-items: center;
}

.datepick_range__popupopt {
  transition: 0.3s;
  position: absolute;
  /* left: 1150px; */
  background: #fff;
  padding: 40px 20px 20px;
  width: 370px;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 5px 10px rgb(13 21 66 / 7%);
  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(--text-color);
}

.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(--input-field-bg);
  border: 2px solid var(--input-field-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(--main-color);
}

.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(--light-main-color);
}

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(--input-field-border);
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  background: var(--input-field-bg);
}

.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: rgba(0, 0, 0, 0.18);
  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: #55459a7a;
  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(--button-color);
  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(--input-field-border);
  color: var(--hdr-color);
  border-radius: 20px;
  background-color: #fff;
  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(--button-color);
  color: var(--button-color);
}

.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(--input-field-border); */
  background: #F6F6F6;
  border-radius: 3px;
  height: 50px;
}

.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(--border-color);
  position: absolute;
}

.newtxntype_freqitem_active {
  position: absolute;
  left: 4px;
  top: 2px;
  width: calc(33.3% - 8px);
  height: calc(100% - 4px);
  border: 1px solid var(--border-color);
  border-radius: 3px;
  transition: 0.5s;
  background: #6199D6;
}

.newtxntype_freqitemalt {
  font-weight: 600;
  color: #ffffff;
}

.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: 3px;
  transition: 0.5s;
  background: var(--input-field-bg);
  border: 2px solid var(--input-field-border);
}

.doftw_itemactive,
.doftw_item:hover {
  /* border: 2px solid var(--link-color); */
  border: 2px solid #6199D6;
  font-weight: 500;
  color: #fff;
  background: #6199D6;
  /* background: var(--link-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 #f1f1f1; */
  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 #bfbdbd; */
  background: var(--button-light-grey-hover);
}

/* .rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #bfbdbd inset;
  background: var(--button-light-grey-hover);
}

.rdw-option-active {
  box-shadow: 1px 1px 0px #bfbdbd inset;
} */

.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  cursor: pointer;
  border: 2px solid var(--input-field-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 #bfbdbd; */
  background-color: #ffffff;
}

.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #bfbdbd 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 #f1f1f1;
  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 #bfbdbd;
  background-color: #ffffff;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}

.rdw-dropdownoption-highlighted {
  background: #f1f1f1;
}

.rdw-dropdownoption-active {
  background: #f5f5f5;
}

.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 #f1f1f1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #bfbdbd;
}

.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 #0a66b7;
}

.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 #f1f1f1;
}

.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #bfbdbd inset;
}

.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #bfbdbd;
}

.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #bfbdbd;
}

.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #bfbdbd;
}

.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 #f1f1f1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #bfbdbd;
}

.rdw-link-modal-label {
  font-size: 15px;
}

.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #f1f1f1;
  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 #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #bfbdbd;
}

.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #bfbdbd inset;
}

.rdw-link-modal-btn:focus {
  outline: none !important;
}

.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}

.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 #f1f1f1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #bfbdbd;
}

.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 #f1f1f1;
  margin-top: 5px;
  background: #6eb8d4;
  border-bottom: 2px solid #0a66b7;
}

.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 #f1f1f1;
  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 #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #bfbdbd;
}

.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #bfbdbd inset;
}

.rdw-embedded-modal-btn:focus {
  outline: none !important;
}

.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}

.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 #f1f1f1;
  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 #f1f1f1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #bfbdbd;
}

.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: #333;

  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 #f1f1f1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #bfbdbd;
}

.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: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}

.rdw-image-modal-header-label-highlighted {
  background: #6eb8d4;
  border-bottom: 2px solid #0a66b7;
}

.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: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}

.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}

.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 #f1f1f1;
  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 #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #bfbdbd;
}

.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #bfbdbd inset;
}

.rdw-image-modal-btn:focus {
  outline: none !important;
}

.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}

.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 #f1f1f1;
  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 #f1f1f1;
  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: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}

.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #f1f1f1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}

.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}

.rdw-suggestion-option-active {
  background-color: #f1f1f1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  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 #f1f1f1;
  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(--input-field-bg);
  border: 2px solid var(--input-field-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 #f1f1f1;
  padding-left: 5px;
}

.rdw-editor-main pre {
  background: #f1f1f1;
  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(--input-field-bg);
  border: 2px solid var(--input-field-border);
  padding: 10px 15px;
  min-height: 400px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  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: #9197a3;
  position: absolute;
  z-index: 0;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.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: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  /* z-index: 1000; */
  z-index: 1050 !important;
}

.react-viewer-btn {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}

.react-viewer-btn:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.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: #fff;
}

.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: #ccc;
  font-size: 15px;
}

.react-viewer-toolbar {
  height: 70px;
  width: 100%;
  background-color: #1d1d1f;
  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: rgba(0, 0, 0, 0.8);
}

.react-viewer li.empty {
  background-color: transparent;
  cursor: default;
}

.react-viewer-navbar {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.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(--text-color);
  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: 20px;
}

.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(--text-color);
  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_icon > img {
  height: 90px;
}

.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(--border-color);
}

.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: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #fff;
  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: rgba(111, 111, 111, 0.5);
}

.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 rgba(0, 0, 0, 0.2);
  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: #fff;
}

.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;
  box-shadow: 0 2px 4px 0 rgba(124, 130, 140, 0.8);
  z-index: 100;
  background: #fff;
  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(--text-color);
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 13%);
  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: rgb(0 0 0 / 0.8);
  color: #fff;
}

.fo_acctslider__next,
.fo_acctslider__prev {
  position: absolute;
  top: 110px;
  height: 50px;
  width: 50px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #fff;
  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 rgba(0, 0, 0, 0.2);
  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: #fff;
}

.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;
  max-width: 90%;
  width: 500px;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(124, 130, 140, 0.8);
  z-index: 100;
  background: #fff;
  padding: 20px;
  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: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  font-size: 25px;
  z-index: 100;
  background-color: #fff;
}

.dash_banner__popuplink .dash_banner__popuphide {
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 13%);
  height: 40px;
  width: 40px;
  color: #fff;
  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: rgba(111, 111, 111, 0.5);
}

.dash_banner__popuppanelslider .slick-slider {
  position: relative;
  z-index: 99;
  width: 800px;
}

.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: 800px;
}

/* 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: #fff;
}

.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(--left-bar-bg);
  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: 80px;
  margin-left: 10px;
}

.bob_mainright__panel {
  padding-left: 110px;
  display: flex;
}

.bob_main__nbbtns:last-child {
  margin-left: auto;
}

.bob_main__navbar {
  position: sticky;
  top: 0;
  width: 100%;
  height: 80px;
  background: #fff;
  z-index: 99;
  border-bottom: 1.3px solid var(--border-color);
  padding: 10px 25px;
  /* display: -webkit-box;
  display: -ms-flexbox;
  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_main__navbarright,
.bob_main__nbbtns {
  display: flex;
  align-items: center;
}

.bob_main__nbbtns {
  position: relative;
}

.bob_main__navbarright {
  /* width: 65%; */
  justify-content: space-between;
}

.bob_main__nbnbitem {
  width: 65px;
  height: 65px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: var(--main-color);
  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;
  justify-content: center;
  margin-right: 20px;
}

.bob_corpusr__dtl > div:first-child {
  color: var(--text-color);
  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(--border-color);
  height: 35px;
}

.bob_main__nbnbitem:first-child:before {
  display: none;
}

.bob_main__nbcorp {
  display: flex;
  align-items: center;
  border: 1.3px solid var(--border-color);
  border-radius: 10px;
  background-color: #ffffff;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 15px;
  /* margin-left: 10px; */
  margin: 0px 20px;
  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: #fff;
}

.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 > i {
  position: absolute;
  top: 13px;
  left: 15px;
  pointer-events: none;
}

.bob_mainleft__barbtns {
  height: calc(100% - 90px);
  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: 170px;
}

.bob_mainleft__btn {
  position: relative;
  width: 109px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  /* border-radius: 12px; */
  transition: 0.5s;
  font-size: 12px;
  cursor: pointer;
}

.bob_mainleft__btninactive {
  color: #fff;
}

.bob_mainleft__btnalt {
  color: var(--main-color);
}

.bob_mainleft__btn:hover,
.bob_mainleft__btnalt {
  /* background: var(--dark-hover-color); */
  background: #F7FAFD;
  color: var(--main-color);
}

.bob_mainleft__btnalt > img {
  /* -webkit-filter: grayscale(100%) invert(52%) sepia(88%) saturate(899%) hue-rotate(321deg)
    brightness(94%) contrast(111%); */
    filter: invert(48%) sepia(74%) saturate(518%) hue-rotate(172deg) brightness(86%) contrast(97%);
}

.bob_mainleft__btn:hover > img {
  filter: invert(48%) sepia(74%) saturate(518%) hue-rotate(172deg) brightness(86%) contrast(97%);
}

.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(--menu-bg);
  transition: 0.5s;
  box-shadow: 10px 0px 10px -10px rgba(155, 155, 155, 0.5);
}

.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: #262626;
  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: #797979;
  margin: 0 -15px;
  /* border-radius: 5px; */
  cursor: pointer;
  transition: 0.5s;
  min-height: 60px;
  font-weight: 400;
  font-size: 15px;
}

.bob_mainmenu__item:hover {
  background: var(--dark-hover-color);
  color: var(--main-color);
}

.bob_mainmenu__item:hover > img {
  filter: invert(48%) sepia(74%) saturate(518%) hue-rotate(172deg) brightness(86%) contrast(97%);
}

.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: #fff;
} */

.bob_mainmenu__item::after {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  bottom: 0px;
  height: 1px;
  background: #D2D3D5;
}

.bob_mainmenu__item:last-child:after {
  display: none;
}

.bob_mainmenu__item > img {
  margin-right: 10px;
  /* -webkit-filter: brightness(100);
  filter: brightness(100); */
}

.bob_mainmenu__itemsel > img {
  /* -webkit-filter: brightness(100);
  filter: brightness(100); */
}

.bob_mainmenu__bc .breadcrumb {
  background: transparent;
  font-size: 14px;
  padding: 10px 7px;
  margin: 0;
  border-bottom: 1px solid #383434;
  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;
}

/* ack banner */
.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;
}

/* ack page transaction details */
.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: lighter;
  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: lighter;
  line-height: 1.2;
  color: var(--subhdr-color);
}

.bob_generic__portlet {
  position: relative;
  background: #fff;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  margin-bottom: 15px;
}

.bob_generic__portlet:last-child {
  margin-bottom: 0px;
}

.bob_generic__portlethdr {
  padding: 15px 20px;
  border-bottom: 1px solid var(--border-color);
  font-size: 18px;
  font-weight: 600;
  color: #51cc5a;
}

.pab_settings__panel .bob_generic__portlethdr {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #262626;
}

.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(--border-color);
}

.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(--border-color);
}

.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);
  /* color: #FFFFFF; */
  font-size: 13px;
  /* font-weight: bold; */
  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(--border-color);
  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(--datatable-border-color);
  background: #fff;
  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: rgb(254, 248, 234);
  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: #fff;
}

.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(--link-color);
  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); */
  color: var(--primary-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;
  font-weight: 600;
}

.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: #fff;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  margin-top: 15px;
  padding: 20px;
}

.generic_txnpromo__panel_alt {
  background: #fff;
  border-top: 1px solid var(--border-color);
  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(--light-main-color);
}

.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: #FEF8F0;
  border-radius: 5px;
  border: 1px solid;
  border-color: #D19A4A;
  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: 1px solid #1f46fd;
  border-radius: 8px;
  /*background-color: var(--instr-bg);  instr bg for base, blue in bizlink */
  background-color: #f3f5ff;
}

.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__section > div:first-child {
  padding: 10px;
    /* background: #f2f6f7;
    border-right: 1px solid var(--border-color); */
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bob_instr__grp {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
  justify-content: center;
  padding: 10px 0px;
}

.bob_instr__hdr {
  color: var(--hdr-color);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}

.bob_instr__subhdr {
  font-family: 'GothamBook';
  font-size: 13px;
  /* font-weight: lighter; */
  line-height: 1.2;
}

.bob_ack__hdr {
  /* background: url('../images/Transactional Ack BG.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-around;
  align-items: flex-start;
  background: #6199D6;
  color: white;
  /* height: 120px; */
}

.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: #ffffff; */
  background-color: #003979;
  box-shadow: 2px 2px 8px 0 rgba(33, 33, 33, 0.8);
  margin-left: -20px;
  font-size: 15px;
  font-weight: 600;
  padding: 7px 15px;
}

.bob_ackactions__button {
  padding: 0px;
  height: 35px;
  width: 35px;
  background: white;
}

.bob_ackactions__button:hover {
  background: #F1F8FF;
}

.bob_ackhdr__dtls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.bob_ackhdr__dtl > img {
  height: 60px;
  width: 61px;
}

.bob_ackhdr__dtl {
  display: flex;
  align-items: center;
}

.bob_ackhdr__dtl > div {
  width: calc(100% - 60px);
  padding-left: 20px;

  font-size: 26px;
  font-weight: 400;
}

.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: #fff;
}

.txn_stattrl__section {
  /* background: var(--txn-right-bg); */
  border-radius: 5px;
  /* padding: 15px; */
}

.txn_status__section,
.txn_trail__section {
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid var(--border-color);
  margin-bottom: 10px;
}

.txn_trail__section {
  transition: 0.5s;
  position: relative;
}

.txn_status__sechdr,
.txn_trail__hdr {
  font-size: 17px;
  font-weight: 500;
  border-bottom: 1px solid var(--border-color);
  padding: 10px 15px;
  line-height: 1.2;
  color: #1774C6;
}

.txn_status__secbody,
.txn_trail__prevandstat,
.txn_trail__list {
  padding: 0 15px;
}

.txn_statref__hdr {
  background: rgb(228, 250, 244);
  color: rgb(39, 213, 154);
  display: flex;
  align-items: center;
  border-radius: 0px 0px 0 0;
  /* margin: -15px -15px 15px; */
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 600;
  border: 0.5px solid;
  /* border-color: #AAE5D1; */
}

.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(--border-color);
}

.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: #FAFAFA;
  border: 1.5px solid;
  border-color: #E9E9ED;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px;
}

.txn_trail__card:last-child {
  margin-bottom: 0px;
}

.txn_trail__cardstat {
  border-radius: 9px;
  /* height: 27px; */
  color: #fff;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* SIDLAK UI
.txn_trail__cardstat {
  /* border-radius: 9px;
  height: 27px;
  color: #1ABF87;
  background: #F3F3F3;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* margin-bottom: 10px;
}

.txn_trail__cardstat > div:first-child {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #1ABF87;
}
*/


.txn_trail__cardstat > div:first-child {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #fff;
}

.txn_trail__cardstat > div:last-child {
  width: calc(100% - 7px);
  padding-left: 5px;
}

.txn_trail__carddtls {
  display: flex;
  align-items: flex-start;
  padding: 10px;
}

.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: 500;
}

.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(--border-color);
}

.possible_path__selitem {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: 5px 10px;
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  padding: 5px 0px;
  cursor: pointer;
}

.possible_path__selitemalt,
.possible_path__selitem:hover {
  border: 2px solid #1774C6;
}

.possible_path__slp {
  border-radius: 5px;
  background-color: #f2f5f8;
  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: #c3cbd9;
  border-radius: 50%;
  color: #fff;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  margin-right: 10px;
}

.possible_path__selitemalt .possible_path__slpcheck {
  background: #27d59a;
}

.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(--light-main-color);
}

.possible_auth__user > div:first-child > img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #F1F8FF;
}

.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(--text-color);
}

.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: 3px;
  background: linear-gradient(-47deg, #183D8E, #1B79B6, #1D97C9, #1B79B6, #183D8E);
  background-size: auto;
  background-size: cover;
  color: #fff;
  padding: 15px 15px 15px 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* z-index: 2; */
}

.acct_card__border,
.acct_selfield__phborder {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWkAAACMCAYAAAC+hVjLAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABaaADAAQAAAABAAAAjAAAAADK80esAAAPBElEQVR4Ae2dC3PbxhVG7bqO7foZJ5lm+vz//6qZiaeP2JYsv9PU7ncobKxQpCCSC2IBnDsDUgCBxe4B9WF5793FjRuaBCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIYNkEPn/+fHPZBL60XhBfWPiXBCQwMoGI891U4bssX2V5keXVzZs3P+d9saZIL/bS23AJtEMg4nw7tfk2y8O1Wv2c9ecR6jdr2xezqkgv5lLbUAm0RyDifCu1eprlSRb0iF7zSZaPWb7JQo8ae5/lp4j1h9Xagl4U6QVdbJsqgVYIdD7nr1MfBPp3Xb3O8k6v+RfWu30e50/EGjHH2OdF9vnvam0BL4r0Ai6yTZRASwQivo9SH1wbv+/q9TbviDO950uW/RFxxBxRv9jbfpljPl06YGYbFOmZXVCbI4FWCURs76duiPOdro64LhDnd936lW85HlEnqFj81v/L37MPLirSV34t/FACEjiUQMQVUUZc/9CVhasClwWui50t5ZUMkHvdwbMOLirSO39FPEACErgOgYgpGRv4k3FvYPR8X2Y5jUAfnFaX8h+kLHrmsw4uKtK5wpoEJFCPQMRzU8bGac5A77mqDznnQsPWg4uvsw03yiyCi4p0ve+mJUlg0QQ6wSSVjiDfxWyMXzM2hgKUc28KLg5yYxiqDdvKVaS3kXG7BCRwbQIRSVwauDZwcWAEA8lr3pixsdpjgJfUg+AiLpBBXCwDVLm3SEW6F5E7SEAC2whEFAkGEhQsGRuIMj1n0upGs9RrU7CSm8ab0Sq154kV6T3BeZgElkygE0F6rKTVYQxAQZz3ythYlTDAS+pJ/biJTDa4qEgP8MWwSAnMlUBEb92dQCCQjI2TCPTBGRtDcUu9CS5yUym+8skEFxXpob4VliuBGRGIyG0LzDHqj9S65m2qbVCkm/9qWUEJjEcgwoZGzCrFLW1a/zVQNX+79tVSpGsTtTwJzIRAxIzh17gISsbGrGaiS/s2BRfxq+MKacYU6WYuhRWRQBsEIl4MtybYxvBrjGHXZEaMmrGxqskAL2nvenCROUVoLzel0U2RHv0SWAEJtEEgYkUGBD1nhltjZGwwSvDVam3mL2l/cevgDsHeZEGsRx25qEivroUvElgugYgTosRAFEQKI2PjhCUCVXUYN4W3bGFBgLTMc40+krHCyMXRAqSKdOhrElgigQuChCghTggSvWZ6z5PI2EhdB7EtNy6mRa0yOdQulVakd6HlvhKYAYEIEP/3DJu+mDfMT3uCZviftY5AWI0eXFSk/TpKYEEEIjrr03s2FSRr9VKE2/rw96NxU6Rb/VZYLwlUJBCRWdRE+RXR/aaocNwUXBz0F4gi/ZtL4IoE5kUgokLGBkHBRT1yasirGKboZnnm4uC+fEV6yKtp2RIYiUCEhDkqSsYG/+cEBcnYWMTDW9POwS2MN2XFVJ/HRJEe/FJ6Agkcj0DXyyspZPTysJKxQd6zVplAmPNrhcE/ZUbAg57huF49RXqdiOsSmDCBCAa9ZxaMEYIMxjBjY4Vj2JewXw8u/hj213oS+lU1K3faq/bxMwlIYHoEGIjyTIE+3oVDkLP8kDOS+VHNFOlqKC1IAk0RWNRIwabIn4/YrFYlRboaSguSgAQkUJ+AIl2fqSVKQAISqEZAka6G0oIkIAEJ1CegSNdnaokSkIAEqhFQpKuhtCAJSEAC9Qko0vWZWqIEthLoBpts/dwPJLBOoDyBYH276xKQQEUCEWf+1xiRdit/k09bNZe2YlUtqjECinRjF8TqzItABJk5NBiJxrzExR5kO88RfOtgk4LE920EFOltZNwugQMIRIRxJSLELBgTHNF7Zv4MRBvxfpT9mOcBsXZejYDQLhNQpC8zcYsE9iYQ0WU+HOZuRojL3DiIMy6OMgrwY9eTRsBvZ3mS9Y95R6zLPlnVJHDjhiLtt0AClQhEaIs4l4A8ExshvJeeF5ht77M/4o2YcxzukK+6bQg6PW9NAoq03wEJHEogwspUlYht6fTgukCccWVstU6I3+b499mJoCJCTe/6TrYZXAwI7cuXShYSkMCOBCKkiDLiissCo8eMuOK6uLZlf1wcry+INeUZXLw2wXnvWO78826lrZNARQIRU9wZpedLybgmmDf4Q9c7ZtvOlmPpgb9K+fTMV+l6eTe4uDPJeR2gSM/retqaAQlEPAkEFh8yf5eMjao+5Ig1vuyfc77i474YXORcl3zcAzbbokcmoEiPfAE8ffsEOnEuglkyNgbPxogYf8i5OU+5MRhcbP/rUr2GinR1pBY4JwIRSYQR10PJ2DhqXnOEmt76puDi3dSNXjVBR23GBBTpGV9cm7Y/gQggLgbEufyP4C9GFEd5XmDOuym4eD/1pIdPvXYKVuYYbSIEyhdwItW1mhIYlkBEj/8J3AsE7zDEERFsYq6N1GNTcPFhJ9Y8eFabGQFFemYX1ObsRyAihzuj+H4ppErGxn616T8qYr0xuJgjS1ZIfyHuMQkCivQkLpOVHIpAxHk9Y4NT4eel94xQN2308NMGXB1lnhB86I+yvMn2l1NoQ9OAG6icIt3ARbAK4xCIiBVhK0FBxA5xnlSKWyfE79IeXDL0pDHa9jTbaI/BxRWSab4o0tO8btb6AAIRLnqbuDaYiQ47asbG+Snrv0aMP6Vt+KXPujbxK8HgYn3URy1RkT4qbk82JoEI2HrGBj1m5tgYJWNjQBa0C6F+naX4qAku0rvunVMk+2gNEVCkG7oYVmUYAhEnesyIVZMZG8O0OvOkXg4u8v/+ODwm6dYZilPr5SrSrV8h67c3gYjRpowN/LPvI2DNBwX3bvjagWnrpuAiM+1NJkC61qRFrSrSi7rcy2hsxAdfbAkKlmHc6xPvLwNG18ruplSCiyXVEEarkYt5P2hyqEXBPHJjFekjA/d0wxKIQJc5NkrGBv7mjRPvD1uTNkuPWDM4h/S8kglS/PRlmLkjFxu7dIp0YxfE6uxHIKJzcXpPCrnWxPv7nW36R0Wsy8jFItJogcHFBi+tIt3gRbFK1ycQceY7TFAQscHmmrFx3rrKrxFr0g9PL/wCgSfBRX+BVGa9b3GK9L7kPG5UAhERMjbwrZLzjDU1x8Z5labzGrFeDy7yy4RnLpZAK3y1EQgo0iNA95T7E4homLGxP74rj4xQr+YrCWP81QYXr6R1vA8V6eOx9kwHEIhwmLFxAL9dDo1Yl+AiveiSX877vVwHgrAGF3cBeuC+ivSBAD38aARIF6N3h+kvPecw6GvEeDVyMcK8Hlz8lM+ufBL6oBVbWOElTWlhzba5EybAQJSzTkAm3IzpVB1BznKaGpMRoh2ZgCJ9ZOCe7mACixkpeDCp+gXIvj7T3hIV6V5E7iABCUhgPAKK9HjsPbMEJCCBXgKKdC8id5CABCQwHgFFejz2nlkCEpBALwFFuheRO0hAAhIYj4AiPR57zywBCUigl4Ai3YvIHSQgAQmMR0CRHo+9Z5aABCTQS0CR7kXkDhKQgATGI6BIj8feM0tAAhLoJaBI9yJyBwlIQALjEVCkx2PvmSUgAQn0ElCkexG5gwQkIIHxCCjS47H3zBKQgAR6CSjSvYjcQQISkMB4BBTp8dh7ZglIQAK9BBTpXkTuIIFJEniYx16Vx41NsgFTrHSYP06979asu884rEnTsiQwPoF3qcKjLF9l+QsPjs378zz+yofHBsRQ1t0Qv0v5d7pz8BBfnsV5sCnSByO0AAm0QyBi/D6C8Y/U6EmWb7LwlO/72fYq74g1D5fVKhEIV26G32Z50BXJA3rh/LpbP/hNkT4YoQVIoC0CEQieRXgSATnLO0LNT3AWXCAv837S7ZM/tX0IhOOtHPc0CzfDm1k+ZRmErSIdspoE5kig6zX/J4LCk775KU6vml7fk2yjt4eIazsQCDcEmRseNz+EGhv0V4oifQ7ZVwnMlkDEGN/oswgMgcTiN/0+6/QCf8rn+E+1HgLhxU0Ofrg4MPz/8BvU369Ir1j7IoH5E4iYICo/RGwILNKjJgvhr1l/k3fEBn+qtkYgfAgGIs4lW4abHr9E4Da4KdKDI/YEEmiLQMTlLMJDYAuf6tdZCHoRXMQt8jKfG1wMiPDAncHNDPcGBhf8zqdhhN//KKZIHwWzJ5FAWwQ6kXkRIcKfWoKLCPajbDu6ELVEJ+3H74wrCC6MJUGQ4fRijBuYIh3ymgSWSiCi80va/u8IUwkuFr81wUVcIEf5Sd8K/7SZXxW4Nm53dXqbdzhUyXnuytzpTZHeCZc7S2CeBCJCBL9+jEhdDI79KesEFRGpD/Ns+Xmr0k7884jzva6d8KDd+PFHNUV6VPyeXAJtEYgo0XN8G9EqP/cRrb9lnXS92QUW0y40EL8zwVQMvzNBQdwbTZgi3cRlsBISaItAROq0E+YSXETEcAXg/iDoOGlL2/A7l7YVv/NJthE4ZWBKM6ZIN3MprIgE2iLQidXzCBq9SnqbD7MQXLyZbf9qqbeZOl3bUnduOLSn6B83HXrPTf5SKJW8dgPdUQISWBaBTrz+GXGjh/l9FlLT/ph1BBu/LS6S5i31xXWD37nMUoefnfo3PZhHkW7+q2UFJdAMAUTtWRbEmtxhRt79OeJ3lJF3OddelvqRqVF+CVAGGS2TGRavSHPJNAlIYBcCuAfw3xJcxK9L2t7fI4a4RcglRgRHt9QHX3PxO+ODJt+ZHHAmmGrK75w6bTVFeisaP5CABLYRiMg1PdNeBJqePr3nMgnSWf6m99zEDWQb103b/w+0u0O/QkmWAgAAAABJRU5ErkJggg==) no-repeat;
}

.acct_card__dtls > div:first-child,
.acct_card__avbal > div:first-child,
.acct_card__current .acct_card__currbal > div:first-child,
.acct_card__viewalt .acct_card__dtlsalt > div:last-child {
  font-size: 11px;
  /* font-weight: 500; */
  color: #ffffff;
}

.acct_card__avail_and_curr {
  display: flex !important;
}
.acct_card__avail_and_curr .acct_card__current {
  width: 50% !important;
  padding-top: 0.5% !important;
}

.acct_card__current .acct_card__currbal {
  border-top: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
}

.acct_card__avail_and_curr .acct_card__avbal {
  margin-top: 0px !important;
}

.acct_card__dtls > div:last-child,
.acct_card__avbal > div:last-child,
.acct_card__current .acct_card__currbal > 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,
.acct_card__current .acct_card__currbal {
  margin-top: 30px;
}

.acct_card__viewalt .acct_card__avbal,
.acct_card__viewcust .acct_card__avbal,
.acct_card__current .acct_card__viewalt .acct_card__currbal,
.acct_card__current .acct_card__viewcust .acct_card__currbal {
  margin-top: 0px;
}

.acct_card__viewalt .acct_card__avbal > div:first-child,
.acct_card__current .acct_card__viewalt .acct_card__currbal > 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(--main-color);
  background-color: #F7FAFD;
  margin: 0 -15px;
  z-index: 1;
}

.acct_view__fieldarr > div {
  border: 0.3px solid #dedede;
  background-color: #ffffff;
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.2);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #003979;
}

.acct_view__fieldarrexp {
  position: absolute;
  top: 40px;
  left: 20px;
  height: calc(100% - 40px);
  border-left: 1px dashed var(--main-color);
}

.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: 6px;
}

.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: 5px;
  background: #F3F3F3;
  /* border: 2px solid var(--border-color); */
  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 #edf1f1;
  border-top-width: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  padding: 0 10px;
}

.bobcpsplb {
  border-top-color: #7870ff !important;
}

.bobcpspla {
  border-top-color: #6dd6a2 !important;
}

.bobcpsplp {
  border-top-color: #ef7b4d !important;
}

.bobcpsplh {
  display: flex;
  align-items: center;
  padding: 20px 10px;
  border-bottom: 1px solid #edf1f1;
}

.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: #fff6f0;
  color: #f7914e;
  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: #faf9ff;
}

.bobcpspla .bobcpsplamt {
  background-color: #f2f8f4;
}

.bobcpsplp .bobcpsplamt {
  background-color: #faf5f2;
}

.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: 100%;
  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: #F1F8FF;
}

.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(--border-color);
}

.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: #ffffff;
  box-shadow: 2px 0 5px 0 rgb(186 186 186 / 6%);
  min-height: 50px;
  width: 100%;
  border: 1px solid var(--border-color);
  margin-bottom: 10px;
  cursor: pointer;
  transition: 0.5s;
}

.datatable_templates__item:hover,
.datatable_templates__itemalt {
  background: var(--light-main-color);
  border-color: var(--button-color);
}

.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 #e6eae9;
  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(--light-main-color);
}

.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 #e4e4e4;
}

.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 #bbbbbb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-right: 8px;
  color: #fff;
}

.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: #fff;
  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 #e1e6ea;
  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: #707377;
}

.datatable_columndisp_dragrow {
  height: 63px;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 6px 10px -6px #d4dde4;
  margin-bottom: 15px;
  border: 1px solid #e4e6e8;
  background: #fff;
  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(--main-color);
  background: #F1F8FF;
}

.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: #fff;
}

.datatable_columndisp_radio > div:last-child .ant-radio-wrapper-checked:last-child {
  background: #a32a24;
  color: #fff;
}

.datatable_columndisp_radio
  > div:last-child
  .ant-radio-wrapper-checked:last-child
  .ant-radio-inner {
  border-color: #a32a24;
}

.datatable_columndisp_radio
  > div:last-child
  .ant-radio-wrapper-checked:last-child
  .ant-radio-inner::after {
  background-color: #a32a24;
}

.datatable_columndisp_radio
  > div:last-child
  .ant-radio-wrapper-checked:last-child
  .ant-radio-checked::after {
  border: 1px solid #a32a24;
}

.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 #c7ced4;
}

.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: rgb(72, 72, 72);
  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: #fff;
  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: 5px;
  border: 2px solid;
  border-color: var(--main-color);
  color: var(--main-color);
}

.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: #202124;
  box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.08), -1px 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  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(--main-color);
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s;
  word-break: keep-all;
}

.newlook_toast__item > div:last-child:hover {
  color: var(--main-hover-color);
}

.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: 8px;
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  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: 100%;
  height: 40px;
  width: 40px;
  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: #F1F8FF;
}

.filter_btn__icon:hover > img,
.filter_btn__icon:active > img {
  filter: invert(48%) sepia(74%) saturate(518%) hue-rotate(172deg) 
          brightness(86%) contrast(97%);
}

.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: #fff;
  border-left: 1px solid var(--border-color);
  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(--border-color);
  height: 65px;
}

.searchfilter_adv__hdr > .bob_mini__circlebtn {
  font-size: 20px;
  margin-right: -5px;
}

.searchfilter_adv__body {
  padding: 20px 15px;
  /* height: calc(100% - 195px); */
  height: calc(100% - 203px);
  overflow: hidden;
}

.searchfilter_adv__body:hover {
  overflow-y: auto;
}

.searchfilter_adv__btns {
  padding: 10px 20px;
  box-shadow: 2px -2px 16px -7px rgba(0, 0, 0, 0.5);
}

.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: #ffffff;
  box-shadow: 0 -3px 13px 0 rgba(168, 168, 168, 0.15), 8px 6px 8px 3px rgba(60, 60, 60, 0.08),
    0 10px 18px 3px rgba(40, 40, 40, 0.15);
  padding: 15px;
  width: 300px;
  max-height: 75vh;
  transition: 0.3s;
  border: 1px solid #d8d8d8;
  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(--border-color);
}

.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(--light-main-color); */
}

.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,
    rgba(242, 245, 248, 0.2) 25%,
    rgba(206, 209, 212, 0.24) 37%,
    rgba(242, 245, 248, 0.2) 63%
  );
  background-size: 400% 100%;
  animation: react-placeholder-pulse 1.5s infinite;
}

/*** Start of Bookmarks ***/

.bmnavbar_panel {
  position: absolute;
  top: 40px;
  left: 0;
  background: #fff;
  box-shadow: -2px 1px 4px 0 rgb(170 170 170 / 10%), 2px 1px 4px 0 rgb(170 170 170 / 10%);
  border: 1px solid var(--border-color);
  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(--border-color);
  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: #fff;
  color: var(--button-color);
  padding: 5px 17px 5px 10px;
  border-radius: 9px;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  width: 100%;
  height: 40px;
  box-shadow: 0 -7px 20px #fff;
  font-size: 14px;
  font-weight: 500;
  border: 2px solid var(--button-color);
}

.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: #fff;
}

.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(--button-color);
  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(--button-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  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: #c63131;
  color: #fff;
  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: #fff;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
  font-size: 11pt;
  font-weight: 500;
  /* box-shadow: 0 3px 16px -5px #b6c4d2; */
  border: 1px solid var(--border-color);
  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(--border-color);
  padding: 30px;
}

.bmmanage_right > div > div {
  /* display: flex; */
  min-height: 75px;
  /* flex-wrap: wrap; */
}

.bmmanage_selecteditem {
  background: #fff;
  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(--border-color);
  width: calc(100% - 20px);
  margin: 0 10px 15px;
}

.bmmanage_selecteditem:hover {
  border-color: var(--main-color);
}

.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: #edf1f7;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bmmanage_destextra > div {
  width: 35px;
  height: 35px;
  background: #6c7e8f14;
  color: #71849642;
  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: #ffebe3;
  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(--text-color);
  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(--button-sec-color);
  color: #fff;
  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: #d44343;
  color: #fff;
  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: #fff;
  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;
  /* -webkit-transition: 0.2s; */
  /* -o-transition: 0.2s; */
  /* transition: 0.2s; */
}

.side_tabs__template {
  display: flex;
}

.side_tabs__section {
  position: relative;
  width: 350px;
}

.side_tabs__sectionfxd {
  position: sticky;
  position: -webkit-sticky;
  background: #fff;
  width: 350px;
  padding: 20px 50px 20px 20px;
  overflow: hidden;
  /* -webkit-transition: 0.2s; */
  /* -o-transition: 0.2s; */
  /* 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(--border-color);
}

.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;
  /* -webkit-transition: 0.5s; */
  /* -o-transition: 0.5s; */
  /* transition: 0.5s; */
}

.side_tabs__secitem:hover {
  color: var(--text-color);
}

.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(--light-main-color);
  color: var(--text-color);
  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: #fff;
}

.pab_settings__panel .bob_generic__portlet {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid var(--border-color);
  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(--border-color);
}

.myprofile_dtls__secdp {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid var(--main-color);
  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;
}

.myprofile_dtls__secnmt > div:nth-child(2) {
  border-radius: 10px;
  height: 30px;
  padding: 0 15px;
  background: var(--light-main-color);
  color: var(--main-color);
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  margin-left: 20px;
}

.myprofile_dtls__secll {
  color: #b5b6b8;
  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(--border-color);
}

.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(--main-color);
}

.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(--button-color);
}

.editupload_img__slider .ant-slider-handle {
  box-shadow: rgba(42, 50, 72, 0.62) 0px 1px 8px 0px;
  border-color: var(--main-color);
}

.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: rgba(255, 255, 255, 0.4);
  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(--border-color);
  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;
  align-self: center;
}

.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: #9f9f9f;
}

.sms_otp__inputfields .form-control:hover,
.sms_otp__inputfields .form-control:focus {
  border: 2px solid var(--main-color) !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: #fb465b;
  transition: 0.5s;
}

.newlogin_pwchecker_progress > div:nth-child(2) {
  background: #fda504;
}

.newlogin_pwchecker_progress > div:nth-child(3) {
  background: #24ad5d;
}

.newlogin_pwchecker_progress > .newlogin_pwchecker_progitemalt {
  background: #eceff2 !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: #eceff2;
}

.pwchecker_singlebar_red {
  background: #c52c2c;
}

.pwchecker_singlebar_orange {
  background: #f9ae35;
}

.pwchecker_singlebar_green {
  background: #24ad5d;
}

.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: #a3acbc;
  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(--main-color);
}

.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: #27d59a;
}

.newlogin_pwchecker_list > .newlogin_pwchecker_itemcheck {
  color: var(--text-color);
}

/*** End of Security ***/

.collapsibleContainer {
  background: #fff;
  border-radius: 10px;
}

.panel-default > .headerBackgroundCollapsible {
  background: #fff;
  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(--border-color);
  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(--border-color);
}

.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: #fff;
  z-index: 9;
  border-radius: 4px;
  width: 420px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.12);
  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: #fff;
  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 45px;
  box-shadow: 0 -1px #ebecee inset;
  height: 50px;
  border: 2px solid transparent;
}

.share_qr__contentopt .share_email__body .f4InputField {
  padding-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(--main-color) !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: #fff !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: #B20808;
  box-shadow: 0 2px 6px 0 rgba(220, 220, 220, 0.06), 0 2px 4px 0 rgba(170, 170, 170, 0.2);
  color: #fff;
  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: #fff;
  bottom: 2px;
}

.invalid_login__btns > div:last-child {
  height: 25px;
  width: 70px;
  background-color: #ffffff;
  color: var(--main-color);
  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(--border-color);
  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: #fff;
  width: calc(100vw - 400px);
  border: 1.3px solid var(--border-color);
  box-shadow: 0 2px 8px 6px rgba(0, 0, 0, 0.01), 0 4px 8px 0 rgba(0, 0, 0, 0.05),
    0 11px 20px 9px rgba(0, 0, 0, 0.05);
  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(--border-color);
}

.menu_selector__optitem {
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}

.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(--light-main-color);
}

.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: #fff;
  transform: rotate(45deg);
  box-shadow: 0 2px 8px 6px rgba(0, 0, 0, 0.01), 0 4px 8px 0 rgba(0, 0, 0, 0.05),
    0 11px 20px 9px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border-color);
  transition: 0.5s;
}

.menu_selector__optarrow2 {
  position: absolute;
  top: 33px;
  right: 1px;
  height: 35px;
  width: 30px;
  background: #fff;
  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: #fff;
}

.config_dashboard__widgets .f4checkbox-hasvalue .modal-check-lbl,
.config_dashboard__widgets .f4CheckboxMainContainer:hover .modal-check-lbl {
  color: var(--text-color);
}

.dash_config__cbitemview {
  display: flex;
  align-items: center;
  padding: 15px 0px;
}

.dash_config__cbitemicon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--light-main-color);
  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: #fafafa;
}

.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: #645e5a;
  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(--input-field-border) !important;
}

.fav_manage__item .f4CheckboxMainContainer:hover {
  border: 2px solid var(--main-color) !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(--text-color);
}

.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(--light-main-color); */
}

.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(--main-color);
  border-radius: 5px;
  background-color: #fff;
  color: var(--main-color);
}

.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(--input-field-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(--main-color);
  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 > i {
  position: absolute;
  font-size: 15px;
  right: 10px;
  top: 9px;
  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: #f0f5f5;
  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: #b5b6b8;
  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(--button-color);
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: 0.5s;
}

.copyfrom_pagination__panel > div:hover {
  color: var(--button-color);
}

.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(--border-color);
}

.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(--border-color);
  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: #F1F8FF;
  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(--border-color);
  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(--main-color);
}

.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 #d3dbdf;
}

.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: #7d8a91;
  font-size: 15px;
  flex: 3;
}

.bob_upload__dtlitem > div:last-child {
  text-align: left;
  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(--border-color);
}

.file_format__dtlmodal .f4ModalBody {
  padding: 0 20px 0;
}

.file_format__dtlmodal_gray .f4ModalBody {
  background: #f0f4f6;
  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(--main-color);
  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(--border-color);
  margin: 0 -20px 0;
  padding: 20px 20px;
  background-color: #f0f4f6;
}

.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: #ff8e42;
}

.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(--text-color);
}

.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 rgb(168 168 168 / 15%), 8px 6px 8px 3px rgb(60 60 60 / 8%),
    0 10px 18px 3px rgb(40 40 40 / 15%) !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(--text-color);
  text-transform: unset;
}

.biller_selector__option {
  transition: 0.5s;
  position: relative;
  cursor: pointer !important;
  color: var(--text-color) !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: #e5eff3 !important;
}

.biller_selector__option::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--border-color);
}

.biller_selector__grpsecfave .biller_selector__option::after {
  background: #e5eff3;
}

.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: #fff; */
  /* padding: 5px; */
  padding-top: 5px;
  padding-bottom: 5px;
}

.biller_selector__grpsecfave .biller_selector__optitem > div:first-child {
  background: #fff;
}

.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: #5e5e5e;
  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: #fff;
  /* 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 rgb(0 0 0 / 10%);
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 55px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color) !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: #fff;
}

.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: #fff;
}

.biller_view__fielditemimg > div > img {
  height: 50px;
  width: 50px;
  text-align: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.biller_acksubhdr {
  color: #6a776c;
  font-size: 16px;
  font-weight: 500;
}

.bob_cancel_acct__section {
  display: flex;
  background-color: #fff9eb;
  height: 68px;
  margin-top: 15px;
  border-left: 6px solid #fac14e;
}

.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: #303030;
  font-family: 'Gotham';
  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: #303030;
  font-family: 'Gotham';
  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 #e7dcc1;
  border-radius: 8px;
  color: #ff5050 !important;
  font-family: 'Gotham';
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  background-color: #fff9eb !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 #fb6657;
  width: 20px;
  height: 94px;
  position: absolute;
  top: 140px;
  /* 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: #e4b350;
  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(--border-color);
  height: 1px;
}

.maintenance__contact > div:last-of-type {
  background: #fff9eb;
  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: #fff;
  padding: 10px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.f4popupNotification .f4popupNotification_error {
  background: #cd6560fa;
}

.f4popupNotification .f4popupNotification_success {
  background: #24d775;
}

.f4popupNotification .f4popupNotification_info {
  background: #00a2eb;
}

.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: #00a2eb;
    */
  color: #fff;
  z-index: 2;

  background: transparent;
  border: none;
}

.f4popupNotification .f4popupNotification_glossy {
  position: absolute;
  width: 100%;
  height: 50px;
  right: -50%;
  bottom: -32px;
  padding: 0px;
  background-color: rgba(0, 0, 0, 0.04);
  width: 500px;
  height: 100px;
  /* border: solid 5px #000; */
  border-color: #000 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(--main-color);
  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: #c5c5c5;
}

.displaytemplate_search > input::placeholder {
  color: #c5c5c5;
}

.displaytemplate_search > input::-moz-placeholder {
  color: #c5c5c5;
}

.displaytemplate_search > input::-webkit-input-placeholder {
  color: #c5c5c5;
}

.displaytemplate_search > i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  color: #bfbfbf;
}

.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(--text-color);
}

.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(--border-color);
}

.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(--light-main-color);
  padding: 2px 7px;
  border-radius: 5px;
  color: var(--main-color);
}

/* 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(--input-field-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(--border-color) !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 #e8ebf0;
  border-radius: 12px;
  background-color: #ffffff;
  padding: 20px 20px 10px;
  margin-bottom: 20px;
  position: relative;
}

.multisaved_txnlist__itemselected {
  background: var(--light-main-color);
  border-color: var(--main-color);
}

.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 #dae1ed;
  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: rgba(0, 0, 0, 0.75);
  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 rgba(186, 186, 186, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  color: #fff;
  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 #ffffff;
}

.multisaved_txnlist__del {
  background-color: #de3636;
}

.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(--main-color);
  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 {
  margin-top: 26px;
  height: 50px;
}

.bp_merchant__helphdr {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.bp_merchant__helpinstr {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}

.bp_merchant__helpimg > img{
  height: 100%;
  width: 100%;
}

.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: #f5f5f5;
  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: #fff;
  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: #f5f5f5;
  border: 1px solid var(--input-field-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(--input-field-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(--border-color);
}

.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: #fff;
}

.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(--input-field-bg);
}

.file_format__data {
  padding-top: 80px;
}

.file_format__table {
  border: 1.3px solid var(--border-color);
  border-radius: 10px;
  background-color: #ffffff;
  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(--input-field-bg) inset !important;
  -webkit-transition: var(--input-field-bg) 5000s ease-in-out 0s;
  transition: var(--input-field-bg) 5000s ease-in-out 0s;
}

.newfologin_inputfield .bob_login__linkpw::before {
  content: '';
  display: block;
  height: calc(100% - 20px);
  width: 1px;
  background: var(--input-field-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(--border-color);
  height: 1.3px;
  width: calc(100% + 30px);
  display: block;
  position: absolute;
  content: '';
  bottom: 20px;
  left: -15px;
}

.searchfilter_adv__fieldgrp--body::after {
  background: var(--datatable-border-color);
  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;
  color:#fff;
}

/* cwt css */
.ewt-parent {
  border-top: 1px solid var(--border-color);
  /* 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: #f2f2f2;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 20px;
}

.view-ewt-box {
  background: #fbfbfb;
  border-radius: 5px;
  margin-bottom: 15px;
}

.view-ewt-box:nth-child(odd) {
  border-left: 5px solid var(--primary-btn-color);
}

.view-ewt-box:nth-child(even) {
  border-left: 5px solid #e8d2d2;
}

.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: #eaeaea;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-color);

  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(--primary-btn-color);
}

.alt-list-view .f4newlistview_tbody .f4newlistview_row:nth-child(even) {
  border-left: 5px solid #e8d2d2;
}

.alt-list-view .f4newlistview_row:last-child {
  border-radius: 0;
}

/* biller address */
.biller_addbook__itemsfavorite {
  border: 1px solid #eff1f6;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 12px 10px;
}

.biller_addbook__itemsfavorite .biller_addbook__item--favorite {
  border: none;
  /* border-bottom: 1px solid #eff1f6; */
  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: #fbfbfb !important;
  border: 1px solid #e6e6e6 !important;
}

.biller_addbook__iteminfo {
  display: flex;
}

.biller_addbook__subdtls {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #eff1f6;
  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(--text-color);

  font-size: 15px;
  font-weight: 500;

  line-height: 1.2;
}


.biller_addbook__subdtls > .biller_addbook__header {
  padding-block: 15px;
}

.biller_addbook__subdtls > .biller_addbook__header {
  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 #eff1f6;
}

.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: #5e5e5e;
}

.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(--border-color);
  border-radius: 10px;
  background-color: #ffffff;
  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: #5e5e5e;
  font-size: 13px;
}

.rtm_wf__panel .status_col__viewer {
  border-radius: 15px;
  background-color: #fff4e5;
  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: #a8aaaf;
}

.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(--input-field-border);
  padding: 0;
}

.ewt_grid .f4newlistview_hdr > div:not(:last-child)::after {
  background: var(--input-field-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(--text-color);
}

.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(--light-main-color);
}

.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(--light-main-color-hover);
}

.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(--main-color);
  border-radius: 8px;
  padding: 7px 15px;
}

.config_dashboard__widgets .f4checkbox-hasvalue.f4CheckboxMainContainer:not(:hover) {
  border: 2px solid var(--input-field-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(--border-color);
}

.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(--light-main-color);
}

.othacct_selector__optrefno,
.othacct_card__refno {
  display: flex;
  gap: 5px;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 20px;
  align-items: center;
  background-color: #f6f1da;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 3px;
  color:#000
}

.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(--main-color);
}

.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: #fff;
  color: var(--text-color);
  border: 1px solid #eceded;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.othacct_card__view_aca {
  position: relative;
  min-height: 140px;
  border-radius: 3px;
  background: url(/fo/images/BlueCard.90951361.png) no-repeat;
  background-size: cover;
  color: #fff;
  padding: 15px 15px 15px 20px;
  overflow: hidden;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-pack: justify;
  /* justify-content: space-between; */
}

.othacct_card__border {
  /* background: var(--main-color); */
  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 #eff1f6;
  border-radius: 10px;
  background-color: #fcfdff;
}
.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: #4a84fa;
  box-shadow: 0 0 4px 0 #4a84faab;
  padding-right: 45px;
}

.promo_code__fieldinputerr .f4InputField {
  /* border-color: var(--clear-button-color) !important; */
  border-color: #e9515b;
  box-shadow: 0 0 4px 0 rgba(233, 81, 91, 0.3) !important;
  padding-right: 45px;
}

.multi-select-close {
  color: var(--main-color);
  cursor: pointer;
}

.acct_view__fieldarr_rotate>img {
  transform: rotate(180deg);
}

.acct_clear__renderer {
  background-color: var(--text-color);
  color: #fff !important;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.txn_status__summarycard {
  background: var(--input-field-bg);
  border: 1.5px solid var(--border-color);
  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: 500;
  border-bottom: 1px solid var(--border-color);
  padding: 10px 15px;
  line-height: 1.2;
  color: #1774C6;
  /* font-size: 17px;
  font-weight: 600;
  padding: 10px 15px;
  line-height: 1.2;
  border-bottom: 1px solid var(--border-color);
  color: #1774C6; */
}

.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: #B11116;
}

.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;
}

.pill__view_field {
  display: inline-flex;
  border: 1px solid #1f46fd;
  border-radius: 30px;
  background-color: #f3f5ff;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pill__view_field > div {
  padding-left: 10px;
}

.pill__view_field > div:last-child {
  font-weight: 700;
}

.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 #1f46fd;
  border-radius: 30px;
  background-color: #f3f5ff;
  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(--main-color);
  cursor: not-allowed;
}

.ant-radio-checked.ant-radio-disabled>.ant-radio-inner::after {
    background-color: #fff;
}

.ant-radio-checked.ant-radio-disabled > .ant-radio-inner {
  border-color: var(--main-color) !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: #FFFFFF;
  border: 0.5px solid #D7D7D7;
  border-radius: 8px;
  box-shadow: 0 5px 12px 2px rgba(83, 83, 83, 0.1), 0 2px 7px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 14px rgba(0, 0, 0, 0.04);
  width: 240px;
  padding: 10px 15px;
  position: relative;
}
.txnstatus-popup-text {
  font-size: 12px;
  color: #333;
}

.txn_remarks__cont{
  font-size: 13px;
  font-weight: 500;
  padding: 7.5px 20px 7.5px 15px;
  background: #FFF9EB;
  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;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'GothamMedium';
    src: url(/fo/fonts/Gotham-Medium.17c94287.woff2) format('woff2'),
         url(/fo/fonts/Gotham-Medium.48f045c0.woff) format('woff'),
         url(/fo/fonts/Gotham-Medium.5a5061d5.ttf) format('truetype');
  }
}

.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(--light-main-color);
  border: 1px solid var(--button-color);
  border-radius: 50%;
  font-size: 7px;
  color: var(--button-color);
  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: #f7f7f7;
  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: #00000038;
  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: 110px !important;
  background: var(--input-field-bg) !important;
  text-overflow: ellipsis;
}

.newfologin_panel {
  width: 100%;
  height: 100vh;
  background: #f4f8ff;
}

.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: #e4eaf3;
  border-radius: 45px;
  transition: width 1s;
}

.newfologin_formcontainer {
  border-radius: 45px;
  background: #fff;
  box-shadow: 0 -2px 11px 5px rgba(211, 215, 223, 0.18);
  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>img {
  position: absolute;
  z-index: 1;

  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: #a3acbc;
  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: #0a2a48;
  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: 80px !important;
}

.newfologin_bankadvisory {
  background: #eba243;
  font-size: 16px;
  color: #fff;
  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: #d68d2f;
}

@keyframes bankadvisoryenteranim {
  0% {
    transform: translateY(-45px);
  }

  100% {
    transform: translateY(0);
  }
}

.newfologin_form_hasadvisory .newfologin_bankadvisory {
  height: calc(100% - 15px);
  background: #fff;
  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: #fff;
}

.newfologin_bankadvisorybtn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 45px;
  padding-bottom: 12px;
}

.newfologin_bankadvisorybtn>div {
  background: rgba(255, 255, 255, 0.4);
  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: #ffffff;
  border-radius: 40px;
  display: flex;
  width: 625px;
  justify-content: center;
  padding: 20px 20px;
  flex-direction: column;
  box-shadow: 0 -2px 11px 5px rgb(211 215 223 / 18%);
}

.loginforget_formhdr {
  text-align: center;
}

.loginforget_formhdr>div:first-child>img {
  height: 95px;
}

.loginforget_formhdr>div:nth-child(2) {
  font-size: 26px;
  color: #3783D9;
  font-weight: 700;
  margin-top: 0;
  line-height: 1.2;
}

.loginforget_formhdr>div:nth-child(3) {
  font-family: 'GothamBook';
  color: #a3acbc;
  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: #2452a1;
  border-radius: 0 0 40px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: 0.5s;
}

.loginforget_back:hover {
  background: #194185;
}

.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;
  width: 75vh;
}

.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: #eceff2 !important;
}

.newlogin_slickarrow {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
  background: #fff;
  border: 1px solid #e2e3e4;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #3893e7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25pt;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.07);
  z-index: 1;
  cursor: pointer;
  transition: 0.5s;
}

.newlogin_slickarrow_prev {
  right: unset;
  left: 8px;
}

.newlogin_slickarrow:hover {
  color: #1662a8;
  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: rgba(0, 0, 0, 0.07);
  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: #f6faff;
  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: 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: #94bae29c;
}

.custom-tooltip {
  width: 200px;
  margin: 0;
  line-height: 24px;
  border: 1px solid #f5f5f5;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

.custom-tooltip .label {
  font-size: 12px !important;
  margin: 0;
  color: #666;
  font-weight: 500;
  padding: 0 0 10px;
}

.custom-tooltip .desc {
  font-size: 11px !important;
  border-top: 1px solid #f5f5f5;
  margin: 0;
}

.custom-tooltip .desc2 {
  font-size: 11px !important;
  margin: 0;
}

.calendarContent {
  height: 450px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 1px #d4d4d4;
}

.calendarPanel {
  background: #3d7bb5 !important;
  border-color: none !important;
  background-color: none !important;
}

.react-datepicker {
  font-size: 12px !important;
  border: 1px solid #e1e1e1 !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: #669ad6;
}

.addCalendarEventLabel .control-label {
  font-family: 'Inter', 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: #484848b5 !important;
}

.addCalendarEventLabel .control-label {
  font-family: 'Inter', 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: #484848b5 !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: #d8d8d8 !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: #3d7bb5 !important;
  color: #fff;
  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: #fff;
  color: #444;
  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: #999;
  float: right;
}

.time-line-ctnr .time-line>li>.time-line-item .time-line-header {
  margin: 0;
  color: #808080 !important;
  border-bottom: 1px solid #f4f4f4;
  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: #666;
  background: white;
  left: 28px;
  top: 9px;
  border: 2px solid #3498db;
  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%;
  font-size: 20px;
  color: #21272c;
  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: #3f80b9;
  border-top-color: #3f80b9;
  border-right-color: #3f80b9;
  border-bottom-color: #3f80b9;
  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: #3f80b9;
}

.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 #3f80b9;
  border-top: 2px solid #3f80b9;
  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 #3f80b9;
  border-top: 2px solid #3f80b9;
  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 #ddd;
  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: #5d5d5d;
  font-weight: 500;
}

.custom-tooltipstackbar .desc {
  font-size: 12px !important;
  margin: 0;
  padding: 0px 10px;
  color: #b1b1b1;
  text-align: right;
}

.circleTransfer {
  position: absolute;
  height: 50px;
  width: 50px;
  border: 4px solid white;
  background-color: #dceded;
  border-radius: 50%;
  top: 170px;
  left: 15%;
  box-shadow: 0px 2px 5px 0px #d4d4d4;
  color: #3d7bb5;
}

.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: rgba(42, 45, 50, 0.85);
  padding: 20px 10px;
  line-height: 1.4;
  z-index: 1000;
  pointer-events: none;
  color: rgba(250, 251, 255, 0.95);
  font-size: 90%;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.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: #6e6e6e;
}

.ns-close:hover::before,
.ns-close:hover::after {
  background: #fff;
}

.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: #fff;
  color: #484860;
  top: 65px;
  box-shadow: 0 13px 10px -5px rgba(0, 0, 0, 0.2);
}

.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: #484860;
}

.ns-effect-bouncyflip .ns-close:hover::after,
.ns-effect-bouncyflip .ns-close:hover::before {
  background: #545484;
}

.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 #62d2ef45;
  transform: rotate(45deg);
  position: absolute;
  right: -1px;
  top: 13px;
  animation: fold2 1s ease-in;
}

.fold-border {
  height: 52px;
  width: 1.5px;
  background: #afafaf;
  transform: rotate(-45deg);
  position: absolute;
  right: 18px;
  top: -9px;
  animation: fold3 1s ease-in;
}

.fold-shadow {
  width: 35px;
  height: 6px;
  background: #ececec;
  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 #62d2ef45;
    top: 6px;
  }

  100% {
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 28px solid #62d2ef45;
    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: #f0f0f0;
  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;
  font-weight: 400;
  color: #424242;
  padding: 30px 20px 0px;
  display: flex;
  justify-content: space-between;
  font-weight: 300;
}

.welcomewidget_learnpanel_hdr>div:first-child>span {
  font-weight: 500;
  color: #2d70b1;
}

.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: #b3b3b3;
  border-radius: 50%;
  transition: 0.5s;
}

.welcomewidget_learnpanel_hdr>div:last-child:hover {
  background: #f2f2f2;
}

.welcomewidget_learnpanel_body {
  display: flex;
  height: calc(100% - 100px);
}

.ww_learnpanel_left {
  position: relative;
  width: 23%;
  height: 100%;
  bottom: 0px;
  background: #0c61b3;
  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: rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}

.ww_learnpanel_leftbody::-webkit-scrollbar-thumb,
.ww_learnpanel_right::-webkit-scrollbar-thumb {
  background-color: #4a88c3;
  outline: 1px solid slategrey;
  border-radius: 20px;
}

.ww_learnpanel_right::-webkit-scrollbar-thumb {
  background-color: #c5d1dc;
}

.ww_learnpanel_leftitem {
  margin: 10px;
  padding: 10px 15px;
  font-size: 14pt;
  color: #fff;
  border-bottom: 1px solid #377ab9;
  cursor: pointer;
  transition: 0.5s;
}

.ww_learnpanel_leftitem:hover,
.ww_learnpanel_leftitem_selected {
  font-weight: 400;
  background: #d5eaff;
  border-radius: 4px;
  box-shadow: 0 10px 12px -9px #0e4a84;
  color: #2067ad;
}

.ww_learnpanel_leftsearch {
  position: relative;
  padding: 0 10px;
  height: 50px;
}

.ww_learnpanel_leftsearch>i {
  position: absolute;
  top: 12px;
  left: 13px;
  font-size: 12pt;
  color: #85b2dc;
}

.ww_learnpanel_leftsearch>input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #85b2dc;
  width: 100%;
  color: #fff;
  padding: 8px 30px;
  font-size: 12pt;
}

.ww_learnpanel_leftsearch>input::-moz-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input::placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input::-moz-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>input::-webkit-input-placeholder {
  color: #c5e3ff;
}

.ww_learnpanel_leftsearch>div {
  position: absolute;
  bottom: 9px;
  left: 10px;
  width: calc(100% - 20px);
  height: 2px;
  background: #fff;
  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: #2466a7;
}

.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: #ecf3fb;
  box-shadow: -7px 6px 14px -9px #aeaeae;
  color: #2466a7;
  position: relative;
  border: 1px solid #2d71b3;
  border-radius: 5px;
  width: calc(100% + 30px);
}

.ww_learnpanel_right {
  width: calc(59% - 20px);
  height: calc(100% - 20px);
  background: #eef1f5;
  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: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 15px -6px #d2d2d2;
  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: #0e5498;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ww_learnpanel_helpitem_dscp {
  font-weight: 300;
  color: #ababab;
  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: #215990;
  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, #ffffffde);
  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: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}

.ww_learnpanel_faqitem>a:focus,
.ww_learnpanel_faqitem>a:active {
  text-decoration: none;
}

.ww_learnpanel_faqitemhdr {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 6px 15px -6px #d2d2d2;
  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: #d2e9ff;
}

.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: #ffffff;
  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(--main-color);
}

.expire_section {
  background-color: #edc619;
}

.todo_section {
  background-color: var(--main-color);
}

.pending_section,
.pending_bar {
  background-color: #d91452;
}

.expire_color {
  color: #edc619;
}

.pending_color {
  color: #d91452;
}

.taskList_sub>img {
  width: 24px;
  height: 24px;
}

.tasklist_hdr {
  color: #ffffff;
  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: #f6f8fd;
  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: #a3acbc;
  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(--input-field-bg);
  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: #ffffff;
  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: #ffffff;
  padding: 0.5rem;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
}

.expiring_btn>i {
  background-color: #ddb400;
}

.todo_btn>i {
  background-color: #2454d5;
}

.pending_btn>i {
  background-color: #c0033e;
}

.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: 5px;
  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: #ffffff;
  font-size: 33px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 10px;
}

.welcome_widget__detailshdr>div:last-child {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  font-family: 'GothamBook';
}

.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__learn_btn {
  height: 29px;
  width: 130px;
  background-color: #FFFFFF;
  border: 1.3px solid #FFFFFF;
  border-radius: 3px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.welcome_widget__learn_btn > i {
  margin: 0 0 0 10px;
  font-size: 22px;
}

.welcome_widget__tour_btn {
  height: 29px;
  width: 130px;
  background-color: #51CC5A;
  border: 1.3px solid #51CC5A;
  border-radius: 3px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.welcome_widget__learn_btn:hover,
.welcome_widget__learn_btn:focus,
.welcome_widget__learn_btn:active {
  background: #D0D0D0 !important;
  color: #fff !important;
  border: none;
  outline: none !important;
  box-shadow: none;
}

.welcome_widget__tour_btn:hover,
.welcome_widget__tour_btn:focus,
.welcome_widget__tour_btn:active {
  background: #43A94A !important;
  color: #fff !important;
  border: none;
  outline: none !important;
  box-shadow: none;
}

.welcome_widget__try_to_btn:hover,
.welcome_widget__try_to_btn:focus,
.welcome_widget__try_to_btn:active {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border: 1.3px solid #FFFFFF !important;
  color: #fff !important;
  border: none;
  outline: none !important;
  box-shadow: none;
}

.welcome_widget__tour_btn > i {
  margin: 0 0 0 10px;
  font-size: 22px;
}

.welcome_widget__try_to_btn {
  height: 29px;
  width: 130px;
  background-color: #0E7DB8;
  border: 1.3px solid #FFFFFF;
  border-radius: 3px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.welcome_widget__try_to_btn > i {
  margin: 0 0 0 10px;
  font-size: 22px;
}

.welcome_widget__try_to_txt {
  color: #FFFFFF;
  font-family: 'GothamMedium';
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

.welcome_widget__learn_txt {
  color: #1774C6;
  font-family: 'GothamMedium';
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

.welcome_widget__tour_txt {
  color: #FFFFFF;
  font-family: 'GothamMedium';
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

.welcome_widget__btnsctr {
  display: flex;
  margin-top: 66px;
  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: 15px;
  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: #ffffff;
}

.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 rgba(0, 0, 0, 0.2);
}

.welcome_widget__pending>div>div:last-child {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.welcome_widget__options>div {
  padding: 0 7.5px;
  position: relative;
}

.welcome_widget_btnnew {
  cursor: pointer;
  gap: 8px;
  background: transparent;
  border: 0;
  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: #ffffff;
  font-weight: 600;
}

.welcome_widget__panelnew {
  display: flex;
  height: -moz-fit-content;
  /* height: fit-content; */
  border: none;
  border-radius: 25px;
  background-color: #8da8ad;
  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 #3c4758 !important;
}

.tranhist_div .fixedDataTableRowLayout_main {
  border-bottom: 1px solid #dadfeb !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: #ffffff;
}

.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: #ffffff;
  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: #ffff;
  font-weight: 800;
}

.accwidget_cellstyle .public_fixedDataTableCell_cellContent {
  color: #ffff !important;
  font-weight: 500 !important;
}

.card_cellstyle .public_fixedDataTableCell_cellContent>div {
  display: flex;
  color: #ffff;
  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: #ffffff;
  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: #000;
  opacity: 0.3;
  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 #ffff;
  color: #ffff;
}

.acct_widget__acctypenew {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.acct_widget__acctypenew>div {
  color: #fff1f5;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.acct_widget__carddtls {
  display: flex;
  flex-flow: column wrap;
}

.acct_widget__carddtls>div {
  color: #fff1f5;
}

.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: #354155;
  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: #f2f5f8;
  padding: 20px;
}

.newsfeed_ctr {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 639px;
  padding: 20px 10px 20px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
}

.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 #ffffff;
  border-radius: 10px;
  background-color: #2b3546;
  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: #ff841a;
  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: #ffffff;
  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 #ffffff;
  border-radius: 10px;
  padding: 5px 15px 5px 9px;
}

.quicklink_add__btn>div {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 17px;
}

.quicklink_item {
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: var(--main-color);
}

.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: #394150;
  padding: 10px 10px 20px;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.acctwidget_dtls__singlehdr {
  text-align: left;
  color: #ffffff;
  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: #7a818f;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.acctwidget_subdtl__item>div:last-child {
  color: #ffffff;
  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: #606979;
  align-items: center;
}

.acctwidget_balance__item>div:first-child {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  color: #ffffff;
}

.acctwidget_balance__item>div:last-child {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}

.acctwidget_tranhist {
  min-height: 586px;
  border-radius: 25px;
  background-color: #f2f5f8;
  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 #dadfeb; */
}

.accwidget_tranhist--graph {
  padding: 10px;
}

.accwidget_tranhist--graph .tranhist_widget__headersection {
  border-bottom: 1px solid #dadfeb;
  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: #e8edf2;
}

.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: #e8edf2;
}

.transhist_changeacct__btn,
.exchangerate_refresh__btn,
.dashboard_settings__btn {
  background-color: #ffffff;
  border: 2px solid var(--button-color);
  border-radius: 20px;
  padding: 0 15px;
  color: var(--button-color);
  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(--button-color);
}

.transhist_changeacct__btn:hover,
.exchangerate_refresh__btn:hover,
.dashboard_settings__btn:hover {
  background-color: var(--button-sec-hover-color);
}

.blueb_white__btn {
  background-color: #ffffff;
  border: 2px solid var(--main-color);
  border-radius: 20px;
  padding: 6.5px 20px;
  color: var(--main-color);
  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 #e8edf2;
}

.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(--main-color);
  border: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  color: #ffffff;
  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: #4d4d4d;
}

.currencywidget_headergrp>div>div:last-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #4d4d4d;
  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 #ccdae8;
}

.currency_converted .f4InputField_parent input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccdae8;
  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: #a3acbc;
}

.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: #ecf0f4;
  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: #f2f5f8;
  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: #f2f5f8;
  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(--border-color);
}

.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: #e8edf2;
  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(--main-color);
  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: #4a4a4a;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
}

.cashflow_forecast__totalitempos>div:last-child {
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  background-color: #9d70d6;
}

.cashflow_forecast__totalitemneg>div:last-child {
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  background-color: #ff8518;
}

.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: #373737 !important;
}

.account_datatable .public_fixedDataTable_header {
  border: 0.7px solid #3c4758;
  background-color: #313b4b;
}

.account_datatable .public_fixedDataTableCell_cellContent {
  color: #ffffff;
  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: #e8edf2 !important;
}

.exchangerate_datatable .public_fixedDataTable_header,
.tranhist_datatable .public_fixedDataTable_header {
  border: 0.7px solid #dadfeb;
}

.tranhist_datatable .public_fixedDataTableCell_main {
  background-color: #f2f5f8;
}

.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: #f2f5f8;
}

.bankrate_gotoview {
  width: 100%;
  background-color: var(--main-color);
  color: #ffffff;
  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: #ffffff;
  text-decoration: none;
}

.tranhist_div {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tranhist_gotoview {
  display: flex;
  background-color: var(--main-color);
  color: #ffffff;
  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: #ffffff;
}

.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 rgba(186, 186, 186, 0.06);
  border: none;
  padding: 6.5px 15px;
  background-color: #ffffff;
}

.tranhist_freq__btns>button:hover,
.tranhist_freq__btns>button:active,
.cashflow_freq__btns>button:hover,
.cashflow_freq__btns>button:active {
  background-color: var(--main-color);
  color: #ffffff;
}

.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: #ffffff;
  padding: 5px 10px;
  border-radius: 10px;
  box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.06), -1px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.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: 100%;
  background: #6199D6;
  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;
  color: white;
}

.ae_completed__dscp {
  font-size: 24px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 40px;
  color: white;
}

.ae_success__ctr .ae_completed__dscp>span {
  color: #8EEF8A;
  font-weight: bold;
}

.ae_completed__instructions {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
  color: #FCFCFC;
}

.ae_completed__instructions>span {
  font-weight: 700;
}

.ae_success__ctr .ae_completed__back {
  background-color: #ffffff;
  color: var(--main-color);
  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(--dark-hover-color);
}

.account_enrollment__helpcenter>div {
  color: #ffffff;
  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); */
  background-color: var(--main-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: #fff;
}

.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: #606060;
  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: #ffffff !important;
}

.ae_stepper_itemcompleted>p {
  color: #fb6657;
}

.account_enrollment__stepper .vertical_line__inactive {
  background-color: #606060;
  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(--main-color);
  margin-top: -5px;
  margin-bottom: -5px;
}

.ae_stepper_itemcompleted::after {
  background-color: var(--main-color) !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 #606060;
  color: #606060;
  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: #50bc3c;
  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 #e1edfa;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  transition: border 300ms;
  will-change: border;
}

.ae_card__wrapper--selected,
.ae_card__wrapper:hover {
  /* border: #f8867a 2px solid !important; */
  border: #3783d9 2px solid !important;
}

.ae_step__portlet {
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
  border-radius: 13px;
  min-width: 510px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
}

.ae_step__portlet>.row:not(:last-child) {
  margin-bottom: 25px;
}

.ae_step3__wrapper {
  padding: 40px 0 35px;
  flex: 1;
  border: 0.5px solid #eaebf0;
  background-color: #fafbfc;
  width: 165px;
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
}

.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 #eff1f6;
  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(--main-color);
  font-size: 18px;
  margin-left: 11px;
}

.ae_card__contents:hover .learnmore_btn:hover {
  background-color: #dde6fd;
}

.learnmore_btn>div {
  font-size: 14px;
  color: var(--main-color);
  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: #faf9ff;
  box-shadow: 0 2px 4px 0 rgb(239 241 246 / 40%), 0 0 4px 0 rgb(226 229 237 / 40%);
  border: 0.5px solid #eaeff0;
}

.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 #f2f1f5;
  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: #f2f5f8;
  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: #ffffff;
  box-shadow: 0 2px 4px 0 rgb(239 241 246 / 40%), 0 0 4px 0 rgb(226 229 237 / 40%);
  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: #9f9f9f;
  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 #eff1f6;
  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: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
}

.ae_layout {
  padding: 0 99px;
  width: 100%;
}

.ae_view--hdr {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.mt940-portlet-header .ae_view--hdr {
  color: #51CC5A;
}

.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: #ffffff;
  padding: 10px 20px !important;
  border-radius: 0;
}

.ae_step3b__wrapper .f4newlistview_hdr {
  border: 0.7px solid #dadfeb;
  background-color: #f2f5f8;
  border-radius: 0 !important;
}

.ae_step3b__wrapper .f4newlistview_hdr>div {
  color: #9097a3;
}

.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 {
  border-radius: 0px;
  font-size: 13px;
  height: 66px !important;
  border-radius: 2px;
  padding: 18px 10px 0px;
  background: #fcfcfc !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: rgb(252, 99, 99);
  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: #e0dede;
  justify-content: center;
  border: 1px solid #e0dede;
  align-items: center;
}

.initialLoginIconActive {
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 2em;
  background: #749ac5;
  justify-content: center;
  border: 1px solid #749ac5;
  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: #b5b5b5;
}

.initialLoginStep1Icon:after {
  display: inline-block;
  margin: 0px 0px 0px 11px;
  height: 90px;
  content: ' ';
  text-shadow: none;
  background-color: #e0dede;
  z-index: -1;
  position: relative;
  width: 2.5px;
}

.initialRegistrationTitle {
  display: inline-block;
  width: 100%;
}

.initialRegisterForm {
  background-color: #fff;
  padding: 40px 60px;
  box-shadow: 0px -2px 11px 5px rgba(211, 215, 223, 0.18);
  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: #a3acbc;
}

.initialRegistrationMainForm {
  display: inline-block;
  width: 100%;
  padding: 30px 15px;
}

.portletTitleStyle {
  margin: 15px 15px;
  text-align: left;
}

.portletTitleStyle span {
  position: relative;
  font-weight: 400;
  color: #2173a9;
  font-size: 13pt;
}

.initialRegistrationLeftTitle {
  font-weight: 500;
  color: #a3acbc;
  font-size: 15px;
  text-transform: uppercase;
  padding: 15px 0px;
}

.twoColumnSubBarGrey {
  width: 30px;
  height: 3px;
  margin: 8px 0px;
  background: #dcdcdc;
}

.initialRegistrationMainForm .f4InputField {
  color: #303030 !important;
  background: #f2f5f8 !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: #a3acbc;
  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: #505050; */
  color: var(--hdr-color);
  font-weight: 700;
  font-size: 16px;
}

.viewPanelLabelsSet-highlighted .viewPanelValue {
  /* font-size: 16pt;
  color: #2b638f;
  font-weight: 400; */
  font-size: 14pt;
  color: var(--button-color);
  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: #3893e7;
  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: #3893e7;
  border: none;
  border-radius: 5px;
  padding: 15px 104px;
  color: #fff;
  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: #fff;
  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: #a3acbc;
  font-size: 16px;
  font-weight: 500;
}

.no-padding {
  padding: 0px;
}

.progress-bar_item {
  height: 9px;
  width: 33%;
  background: #f6f6f6;
  margin: 5px 0px;
  border-radius: 5px;
  margin-right: 5px;
}

.progress-bar_item-1.active {
  background-color: #c52c2c;
}

.progress-bar_item-2.active {
  background-color: #f9ae35;
}

.progress-bar_item-3.active {
  background-color: #2daf7d;
}

.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;
  /* font-family: 'Inter' !important; */
}

.initialRegistrationMainForm .f4InputField::placeholder {
  color: var(--placeholder-color);
  font-weight: 300;
  font-size: 15px;
  /* font-family: 'Inter' !important; */
}

.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: #303030;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.initial-modal-msg>div:last-child {
  color: #a3acbc;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  padding: 0px 10px;
}

.initial-modal-btn {
  background: #3893e7;
  border-radius: 8px;
  padding: 15px;
  color: #fff;
  font-size: 14px;
  margin: auto;
  margin: 60px auto 0px;
  text-align: center;
}

.initialRegistrationMainForm .f4InputField[disabled] {
  background: #eaedf2 !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: #fff;
  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: rgba(0, 0, 0, 0.4);
  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: #2a75bb;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  font-size: 18pt;
  font-weight: 400;
}

/* bob-transactionals */

/* =============== NEW LOOK STEPPER =================== */

/* LOGIN PAGE NEW */
.bob_container__login {
  display: flex;
  /* min-height: 100vh; */
  /* max-width: 100vw; */
  position: relative;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .bob_container__login {
    background-size: cover;
  }
}

.bob_login__image {
  position: relative;
  width: 100vw;
  height: 100vh;
  /* width: 100%;
  max-width: 600px; Adjust the size as needed */
  /* margin: auto;
  overflow: hidden; */
}

.bob_login__image>img {
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 100vh;
}

.bob_login__leftcontent {
  display: flex;
  justify-content: center;
  padding: 30px;
  position: absolute;
  flex-direction: column;
  color: #ffffff;
  flex: 1;
  height: 100%;
  align-items: flex-start;
  top: 0;
  justify-content: flex-end;
}

.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: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 30px;
}

.bob_login_learnctr {
  border-radius: 13px;
  background-color: var(--login-enroll-box);
  padding: 20px;
  margin-top: 30px;
}

.bob_login__learnhdr {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
}

.bob_login__learnsubhdr {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px;
}

.bob_login__learnhdr+.bob_login__learnsubhdr {
  margin-top: 15px;
}

.bob_login__panel {
  border-radius: 5px;
  display: flex;
  height: auto;
  /* padding: 30px; */
  position: sticky;
  flex-flow: column wrap;
  -webkit-box-flex: 1;
  background: white;
  /* right: 10%; */
  width: 70%;
}

@media screen and (max-width: 768px) {
  .bo_login__panel {
    width: 90%;
    height: auto;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
  }
}

.bob_login__formcontainer {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  flex: 1;
  /* margin-right: 200px; */
  justify-content: center;
  padding: 8% 10% 8% 10%;
  max-height: 80vh;
}

.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 12vw; */
  flex: 1;
  color: #3783D9;
  overflow-x: hidden;
  width: 100%;
}

.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 #e0e5e9;
}

.bob_login__logo .bob_login__form {
  margin-top: 15px;
}

.bob_login__formhdr {
  font-size: clamp(20px, 1.5vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}

.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 #e0e5e9 solid;
  padding-inline: 15px;
}

.bob_login__linkstop>a {
  font-size: min(2vw, 15px);
  font-weight: 500;
  line-height: 1.2;
  padding-left: 0px;
  margin-left: 0px;
}

.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: 10%;
}

.bob_login__fields>.form {
  width: 100%;
}

.bob_login__fields>.form>div:not(:last-child) {
  margin-bottom: 25px;
}

.bob_login__forgot,
.bob_login__unlock {
  /* position: absolute; */
  color: var(--main-color);
  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: 100%;
  align-items: center;
  margin-right: 2%;
}

.bob_login__link>div:first-child:not(div:last-child) {
  padding-right: 14.5px;
  border-right: 1px solid #e0e5e9;
}

.bob_login__btnctr {
  margin-top: 10%;
}

.bob_login__btn {
  color: #ffffff !important;
  background-color: var(--button-color);
  border-radius: 8px;
  box-shadow: 0 2px 8px #ebebeb;
  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: #ffffff !important;
  background: var(--button-hover-color) !important;
  transform: unset;
  box-shadow: 0 2px 8px #ebebeb;
  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: hsl(28, 100%, 55%);
  color: #ffffff;
  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: hsl(28, 100%, 40%) !important;
}

.bob_login__version {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex-direction: column;
  margin-top: 25px;
  color: #474747;
}

.bob_login__version>div {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  font-family: 'GothamBook';
}

#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 #e9eff4;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  transition: 0.5s;
}

.newlook_genericform .initial_filter__select .Select-control:hover .Select-placeholder {
  border: 1.5px solid var(--main-color);
}

.newlook_genericform .initial_filter__select .Select-control:hover {
  border: unset;
}

.newlook_genericform .initial_filter__select .Select-control i {
  color: var(--main-color);
}

.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(--main-color);
}

.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: #f6f8fd;
}

.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 #e3e3e3;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 2px 0 5px 0 rgba(186, 186, 186, 0.06);
  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: #de3636;
  color: #ffffff;
  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: #ffff;
  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 #fff;
  background: var(--main-color);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.mini_camera__actionbtn:hover {
  background: var(--main-hover-color);
}

.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: #e7e5f1;
  color: #fff;
  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(--main-color); */
  background-color: #27d59a;
}

.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: #292929;
  box-shadow: 0 2px 9px 2px rgba(90, 98, 106, 0.2), 0 6px 15px 0 rgba(80, 94, 105, 0.2);
  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: #ffffff;
}

.bankad__subhdr {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 10px;
  display: flex;
}

.bankad__subhdr>span {
  padding-right: 9px;
}

.bankad__subcontent {
  color: #979797;
  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: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: -5px -5px 15px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #3e3d3d;
}

.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: rgba(255, 255, 255, 0.08); */
}

.bankad_closebtn {
  position: relative;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  color: #ffffff;
  font-size: 20px;
  height: 28px;
  width: 28px;
  text-align: center;
  transition: 300ms;
}

.bankad_closebtn>i {
  font-weight: bold;
}

.bankad_closebtn:hover {
  background-color: #2e2e2e;
}

.bankad__learnmore:hover,
.bankad__learnmore:focus,
.bankad__learnmore:active {
  background: rgba(255, 255, 255, 0.08) !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: rgba(255, 255, 255, 0.08) !important;
}

/* .bankad_acctslider__next,
.bankad_acctslider__prev {
  height: 28px;
  width: 28px;
  background-color: transparent !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  color: #fff;
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
} */

.bankad_acctslider__next,
.bankad_acctslider__prev {
  height: 28px;
  width: 28px;
  background-color: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  color: #fff;
  font-size: 20px;
  z-index: 1;
  cursor: pointer;
  transition: 0.5s;
  transform: none;

  /* New Positioning */
  position: absolute;
  bottom: 10px;  /* Distance from the bottom */
  right: 10px;   /* Distance from the right */
}


/* .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: #ffffff;
}

.bankad__slider .slick-dots li button::before {
  color: #696969;
} */


.bankad__slider .slick-dots {
  bottom: -2px;
  width: 50%;
  translate: 50%;
  /* margin: -3%; */
}

.bankad__slider .slick-dots li {
  height: 6px;
  margin: 0 4px;
  width: 6px;
  display: inline-flex;
}

.bankad__slider .slick-dots button {
  border: none !important;
  /* background-color: #484848 !important;   */
  border-radius: 50% !important;  /* Make the dots circular */
  width: 5px !important;
  height: 5px !important;
  cursor: pointer !important;
  font-size: 0 !important;  /* Hide any numbers */
  padding: 0 !important;
  outline: none !important;  /* Remove focus outline */
  opacity: 75% !important;
}

.bankad__slider .slick-dots .slick-active button {
  /* background-color: #ffffff !important; */
}

.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: #ffffff;
  box-shadow: 0 0 13px 0 rgb(238 242 250 / 25%);
  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: #ffffff;
  box-shadow: 1px 2px 13px 0 rgb(220 224 237 / 13%);
  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: #fff;
}

.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: 100%;
  width: 11%;
  right: 78px;
}

.sme_accounts__panel {
  min-height: 100vh;
  background: #fff;
  margin: 0 -15px;
  padding: 20px;
}

.sme_accounts__group {
  width: 100%;
  border-radius: 15px;
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid var(--border-color);
}

.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(--button-color);
  box-shadow: 0 2px 8px 3px rgb(224 224 224 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  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 #00000040;
  /* 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: #000;
  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(--button-hover-color);
}

.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: #fff;
  padding: 5px;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 3px 7px 5px rgba(200, 200, 200, 0.08), -2px 1px 4px 0 rgba(86, 86, 86, 0.1),
    2px 1px 4px 0 rgba(170, 170, 170, 0.1);
  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: #fff;
}

.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: #fff;
  font-weight: 900;
  padding-top: 6px;
  margin-right: 5px;
}

/*
.sme_accounts__cardamt > .txnacctsel_viewbal > div:last-child {
  font-size: 36px;
  font-weight: 800;
  color: #fff;
} */

.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: #fff;
  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: #fff;
} */

.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: #000;
  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 #ffffff4a;
  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: #fff;
  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(--button-hover-color);
}

.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: #ffffff;
  box-shadow: 1px 0 1px 0 rgba(232, 235, 240, 0.7), -1px 1px 1px 0 rgba(232, 235, 240, 0.7),
    0 2px 1px 0 rgba(232, 235, 240, 0.7);
  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 #dee3eb;
  box-shadow: 0 0 10px 0 rgba(110, 110, 110, 0.04), 0 0 4px 0 rgba(215, 215, 215, 0.2),
    0 0 9px 3px rgba(227, 227, 227, 0.2);
}

.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(--button-color);
  color: #fff;
  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(--button-hover-color);
}

.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(--light-main-color);
}

.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: #ebf0fb;
  color: #a7aab7;
  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: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(239, 241, 246, 0.4), 0 0 4px 0 rgba(226, 229, 237, 0.4);
  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: #ffffff;
  box-shadow: 1px 2px 13px 0 rgb(220 224 237 / 13%);
  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: #ffffff;
  box-shadow: 2px 0 5px 0 rgb(186 186 186 / 6%);
  border: 1px solid var(--border-color);
  padding: 20px;
  margin-top: 20px;
  color: #e9515b;
  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: #ffffff;
}

.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: #fff;
  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(--button-color);
  color: #fff;
  display: flex;
  justify-content: center;
  min-width: 170px;
  border: 2px solid var(--button-color);
}

.soa_inquiry__panel .datatableDownloadBtn.actionchoice-btn:hover {
  background: var(--button-hover-color);
}

.soa_inquiry__panel .datatableDownloadBtn.actionchoice-btn>span>i {
  color: #fff;
}

.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(--button-hover-color); */
  /* color: #fff; */
  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; */
  height: 63px;
}

/* 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: #ffffff;
  box-shadow: 0 2px 8px 3px rgba(224, 224, 224, 0.06), 0 0 12px 0 rgba(240, 240, 240, 0.06);
  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: #ffffff;
  /* box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.07), -1px 1px 1px 0 rgba(0, 0, 0, 0.07),
    0 2px 1px 0 rgba(0, 0, 0, 0.03); */
  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(--border-color); */
  padding: 0px;
  border-bottom: none;
}

.sme_view__portletcontmain {
  position: relative;
  border-radius: 13px;
  background-color: #ffffff;
  box-shadow: 0 0 13px 0 rgb(238 242 250 / 25%);
  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(--border-color);
}

.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(--main-color);
  border-radius: 15px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding: 6px 31.25px;
  color: var(--main-color);
  text-align: center;
  line-height: 1;
  transition: 0.3s;
}

.table__btn--download:hover,
.table__btn--download:focus,
.table__btn--download:active {
  background-color: var(--button-sec-hover-color);
}

.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(--main-color);
}

/*** 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: #ffe700;
  border-radius: 5px;
  padding: 0 10px;
  margin: 0 -10px;
  width: -moz-fit-content;
  width: fit-content;
}

.editedListView .f4newlistview_row {
  background: #ffe700;
}

.editedAccountListView .f4newlistview_field__label {
  background: #ffe700;
  border-radius: 5px;
}

.bo_view__withchanges {
  text-transform: uppercase;
  height: 20px;
  border-radius: 0 0 10px 10px;
  background-color: #55bc2d;
  color: #fff;
  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: #4d4d4d;
  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 #e4e9ea;
  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: rgb(255 255 255);
  box-shadow: 0 0 4px #9198bd;
}

.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: #ffffff;
  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(--button-color);
  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 rgb(224 224 224 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  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: #ffffff;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  transition: 0.3s;
  position: absolute;
  z-index: 1;
  color: var(--button-color);
  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: rgb(120, 120, 120);
  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: #fff;
}

.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: 20px;
}

.login_security__menubtn .bob_brd__btn {
  border-radius: 5px;
  /* height: 40px; */
  padding: 5px 15px;
  font-weight: 500;
  border-width: 2px;
  width: 100%;

}

.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(--border-color);
  background-color: var(--input-field-bg);
  border-radius: 3px;
  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(--light-main-color);
  border-color: var(--main-color);
  color: var(--main-color);
}

.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: #fff;
  padding: 30px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.ae_template__lefthdr {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 80px;
  margin-top: 20px;
}

.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(--main-color);
  color: var(--main-color);
  background: #fff;
}

.ae_steps__itemfin {
  border-color: var(--ae-steps-success);
  color: #fff;
}

.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(--main-color);
  position: absolute;
  left: -6px;
  transform: rotate(45deg);
}

/** User group **/

.cgs-servicetblclass {
  width: 100%;
  height: 100%;
  display: flex;
  /* border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2; */
}

.cgs-servicetbl-noclass {
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  border: 1.5px solid var(--light-border-color);
  border-radius: 10px;
  background-color: #ededed;
  position: relative;
  overflow: hidden;
  color: #8d8d8d;
  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: flex;
  align-items: 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: rgba(0, 0, 0, 0.05) 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: #2f2c2c; */
  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(--border-color);
}

.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(--light-main-color); */
  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(--main-color); */
  background: #E71A1A;
  color: #fff;
  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: #f6fafd;
  padding: 20px;
}

.acct_widget__sectblhdr {
  font-size: 17px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 10px;
}

.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;
  border-bottom: 2px solid var(--border-color);
}

.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(--border-color);
  border-radius: 5px;
  padding: 20px;
  background: #fff;
}

.dashboard_widget__itemhdr {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 20px;
}

.dash_widget__itemhdrcount {
  background: var(--text-color);
  color: #fff;
  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: #fff;
}

.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;
  padding: 2px 20px 6px;
}

.task_list__item {
  width: calc(33.3% - 15px);
  margin: 0 7.5px 15px;
  /* height: 60px; */
  border-radius: 3px;
  position: relative;
  border: 1px solid #EEEEEF;
  background-color: #fcfcfc;
  cursor: pointer;
  transition: 0.5s;
  display: flex;
  align-items: center;
  padding: 10px 15px;
}

.task_list__item:hover {
  background-color: #f1f3f7;
}

.task_list__itemicon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  /* background: var(--light-main-color); */
  display: flex;
  justify-content: center;
  align-items: center;
}

.task_list__itemtxt {
  width: calc(100% - 100px);
  padding: 0 0 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: #797979;
}

.acct_widget__view {
  display: flex;
  align-items: flex-start;
  padding: 20px 5px;
  width: 100%;
  display: grid;
  grid-template-columns: 37% 63%;
}

.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 {
  /* For card default color */
  background: linear-gradient(-47deg, rgb(24, 61, 142), rgb(27, 121, 182), rgb(29, 151, 201), rgb(27, 121, 182), rgb(24, 61, 142));
  position: relative;
  min-height: 140px;
  border-radius: 5px;
  background-size: auto;
  /* background-size: cover; */
  color: #fff;
  padding: 15px 15px 15px 20px;
  margin: 0 10px;
  overflow: hidden;
  /* display: -webkit-box;
  display: -ms-flexbox; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.accwdg_viewcard__border {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWkAAACMCAYAAAC+hVjLAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABaaADAAQAAAABAAAAjAAAAADK80esAAAPBElEQVR4Ae2dC3PbxhVG7bqO7foZJ5lm+vz//6qZiaeP2JYsv9PU7ncobKxQpCCSC2IBnDsDUgCBxe4B9WF5793FjRuaBCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIYNkEPn/+fHPZBL60XhBfWPiXBCQwMoGI891U4bssX2V5keXVzZs3P+d9saZIL/bS23AJtEMg4nw7tfk2y8O1Wv2c9ecR6jdr2xezqkgv5lLbUAm0RyDifCu1eprlSRb0iF7zSZaPWb7JQo8ae5/lp4j1h9Xagl4U6QVdbJsqgVYIdD7nr1MfBPp3Xb3O8k6v+RfWu30e50/EGjHH2OdF9vnvam0BL4r0Ai6yTZRASwQivo9SH1wbv+/q9TbviDO950uW/RFxxBxRv9jbfpljPl06YGYbFOmZXVCbI4FWCURs76duiPOdro64LhDnd936lW85HlEnqFj81v/L37MPLirSV34t/FACEjiUQMQVUUZc/9CVhasClwWui50t5ZUMkHvdwbMOLirSO39FPEACErgOgYgpGRv4k3FvYPR8X2Y5jUAfnFaX8h+kLHrmsw4uKtK5wpoEJFCPQMRzU8bGac5A77mqDznnQsPWg4uvsw03yiyCi4p0ve+mJUlg0QQ6wSSVjiDfxWyMXzM2hgKUc28KLg5yYxiqDdvKVaS3kXG7BCRwbQIRSVwauDZwcWAEA8lr3pixsdpjgJfUg+AiLpBBXCwDVLm3SEW6F5E7SEAC2whEFAkGEhQsGRuIMj1n0upGs9RrU7CSm8ab0Sq154kV6T3BeZgElkygE0F6rKTVYQxAQZz3ythYlTDAS+pJ/biJTDa4qEgP8MWwSAnMlUBEb92dQCCQjI2TCPTBGRtDcUu9CS5yUym+8skEFxXpob4VliuBGRGIyG0LzDHqj9S65m2qbVCkm/9qWUEJjEcgwoZGzCrFLW1a/zVQNX+79tVSpGsTtTwJzIRAxIzh17gISsbGrGaiS/s2BRfxq+MKacYU6WYuhRWRQBsEIl4MtybYxvBrjGHXZEaMmrGxqskAL2nvenCROUVoLzel0U2RHv0SWAEJtEEgYkUGBD1nhltjZGwwSvDVam3mL2l/cevgDsHeZEGsRx25qEivroUvElgugYgTosRAFEQKI2PjhCUCVXUYN4W3bGFBgLTMc40+krHCyMXRAqSKdOhrElgigQuChCghTggSvWZ6z5PI2EhdB7EtNy6mRa0yOdQulVakd6HlvhKYAYEIEP/3DJu+mDfMT3uCZviftY5AWI0eXFSk/TpKYEEEIjrr03s2FSRr9VKE2/rw96NxU6Rb/VZYLwlUJBCRWdRE+RXR/aaocNwUXBz0F4gi/ZtL4IoE5kUgokLGBkHBRT1yasirGKboZnnm4uC+fEV6yKtp2RIYiUCEhDkqSsYG/+cEBcnYWMTDW9POwS2MN2XFVJ/HRJEe/FJ6Agkcj0DXyyspZPTysJKxQd6zVplAmPNrhcE/ZUbAg57huF49RXqdiOsSmDCBCAa9ZxaMEYIMxjBjY4Vj2JewXw8u/hj213oS+lU1K3faq/bxMwlIYHoEGIjyTIE+3oVDkLP8kDOS+VHNFOlqKC1IAk0RWNRIwabIn4/YrFYlRboaSguSgAQkUJ+AIl2fqSVKQAISqEZAka6G0oIkIAEJ1CegSNdnaokSkIAEqhFQpKuhtCAJSEAC9Qko0vWZWqIEthLoBpts/dwPJLBOoDyBYH276xKQQEUCEWf+1xiRdit/k09bNZe2YlUtqjECinRjF8TqzItABJk5NBiJxrzExR5kO88RfOtgk4LE920EFOltZNwugQMIRIRxJSLELBgTHNF7Zv4MRBvxfpT9mOcBsXZejYDQLhNQpC8zcYsE9iYQ0WU+HOZuRojL3DiIMy6OMgrwY9eTRsBvZ3mS9Y95R6zLPlnVJHDjhiLtt0AClQhEaIs4l4A8ExshvJeeF5ht77M/4o2YcxzukK+6bQg6PW9NAoq03wEJHEogwspUlYht6fTgukCccWVstU6I3+b499mJoCJCTe/6TrYZXAwI7cuXShYSkMCOBCKkiDLiissCo8eMuOK6uLZlf1wcry+INeUZXLw2wXnvWO78826lrZNARQIRU9wZpedLybgmmDf4Q9c7ZtvOlmPpgb9K+fTMV+l6eTe4uDPJeR2gSM/retqaAQlEPAkEFh8yf5eMjao+5Ig1vuyfc77i474YXORcl3zcAzbbokcmoEiPfAE8ffsEOnEuglkyNgbPxogYf8i5OU+5MRhcbP/rUr2GinR1pBY4JwIRSYQR10PJ2DhqXnOEmt76puDi3dSNXjVBR23GBBTpGV9cm7Y/gQggLgbEufyP4C9GFEd5XmDOuym4eD/1pIdPvXYKVuYYbSIEyhdwItW1mhIYlkBEj/8J3AsE7zDEERFsYq6N1GNTcPFhJ9Y8eFabGQFFemYX1ObsRyAihzuj+H4ppErGxn616T8qYr0xuJgjS1ZIfyHuMQkCivQkLpOVHIpAxHk9Y4NT4eel94xQN2308NMGXB1lnhB86I+yvMn2l1NoQ9OAG6icIt3ARbAK4xCIiBVhK0FBxA5xnlSKWyfE79IeXDL0pDHa9jTbaI/BxRWSab4o0tO8btb6AAIRLnqbuDaYiQ47asbG+Snrv0aMP6Vt+KXPujbxK8HgYn3URy1RkT4qbk82JoEI2HrGBj1m5tgYJWNjQBa0C6F+naX4qAku0rvunVMk+2gNEVCkG7oYVmUYAhEnesyIVZMZG8O0OvOkXg4u8v/+ODwm6dYZilPr5SrSrV8h67c3gYjRpowN/LPvI2DNBwX3bvjagWnrpuAiM+1NJkC61qRFrSrSi7rcy2hsxAdfbAkKlmHc6xPvLwNG18ruplSCiyXVEEarkYt5P2hyqEXBPHJjFekjA/d0wxKIQJc5NkrGBv7mjRPvD1uTNkuPWDM4h/S8kglS/PRlmLkjFxu7dIp0YxfE6uxHIKJzcXpPCrnWxPv7nW36R0Wsy8jFItJogcHFBi+tIt3gRbFK1ycQceY7TFAQscHmmrFx3rrKrxFr0g9PL/wCgSfBRX+BVGa9b3GK9L7kPG5UAhERMjbwrZLzjDU1x8Z5labzGrFeDy7yy4RnLpZAK3y1EQgo0iNA95T7E4homLGxP74rj4xQr+YrCWP81QYXr6R1vA8V6eOx9kwHEIhwmLFxAL9dDo1Yl+AiveiSX877vVwHgrAGF3cBeuC+ivSBAD38aARIF6N3h+kvPecw6GvEeDVyMcK8Hlz8lM+ufBL6oBVbWOElTWlhzba5EybAQJSzTkAm3IzpVB1BznKaGpMRoh2ZgCJ9ZOCe7mACixkpeDCp+gXIvj7T3hIV6V5E7iABCUhgPAKK9HjsPbMEJCCBXgKKdC8id5CABCQwHgFFejz2nlkCEpBALwFFuheRO0hAAhIYj4AiPR57zywBCUigl4Ai3YvIHSQgAQmMR0CRHo+9Z5aABCTQS0CR7kXkDhKQgATGI6BIj8feM0tAAhLoJaBI9yJyBwlIQALjEVCkx2PvmSUgAQn0ElCkexG5gwQkIIHxCCjS47H3zBKQgAR6CSjSvYjcQQISkMB4BBTp8dh7ZglIQAK9BBTpXkTuIIFJEniYx16Vx41NsgFTrHSYP06979asu884rEnTsiQwPoF3qcKjLF9l+QsPjs378zz+yofHBsRQ1t0Qv0v5d7pz8BBfnsV5sCnSByO0AAm0QyBi/D6C8Y/U6EmWb7LwlO/72fYq74g1D5fVKhEIV26G32Z50BXJA3rh/LpbP/hNkT4YoQVIoC0CEQieRXgSATnLO0LNT3AWXCAv837S7ZM/tX0IhOOtHPc0CzfDm1k+ZRmErSIdspoE5kig6zX/J4LCk775KU6vml7fk2yjt4eIazsQCDcEmRseNz+EGhv0V4oifQ7ZVwnMlkDEGN/oswgMgcTiN/0+6/QCf8rn+E+1HgLhxU0Ofrg4MPz/8BvU369Ir1j7IoH5E4iYICo/RGwILNKjJgvhr1l/k3fEBn+qtkYgfAgGIs4lW4abHr9E4Da4KdKDI/YEEmiLQMTlLMJDYAuf6tdZCHoRXMQt8jKfG1wMiPDAncHNDPcGBhf8zqdhhN//KKZIHwWzJ5FAWwQ6kXkRIcKfWoKLCPajbDu6ELVEJ+3H74wrCC6MJUGQ4fRijBuYIh3ymgSWSiCi80va/u8IUwkuFr81wUVcIEf5Sd8K/7SZXxW4Nm53dXqbdzhUyXnuytzpTZHeCZc7S2CeBCJCBL9+jEhdDI79KesEFRGpD/Ns+Xmr0k7884jzva6d8KDd+PFHNUV6VPyeXAJtEYgo0XN8G9EqP/cRrb9lnXS92QUW0y40EL8zwVQMvzNBQdwbTZgi3cRlsBISaItAROq0E+YSXETEcAXg/iDoOGlL2/A7l7YVv/NJthE4ZWBKM6ZIN3MprIgE2iLQidXzCBq9SnqbD7MQXLyZbf9qqbeZOl3bUnduOLSn6B83HXrPTf5SKJW8dgPdUQISWBaBTrz+GXGjh/l9FlLT/ph1BBu/LS6S5i31xXWD37nMUoefnfo3PZhHkW7+q2UFJdAMAUTtWRbEmtxhRt79OeJ3lJF3OddelvqRqVF+CVAGGS2TGRavSHPJNAlIYBcCuAfw3xJcxK9L2t7fI4a4RcglRgRHt9QHX3PxO+ODJt+ZHHAmmGrK75w6bTVFeisaP5CABLYRiMg1PdNeBJqePr3nMgnSWf6m99zEDWQb103b/w+0u0O/QkmWAgAAAABJRU5ErkJggg==) no-repeat;
}

.accwdg_viewcard__top {
  display: flex;
  justify-content: space-between;
}

.accwdg_viewcard__dtls {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  font-family: 'GothamBook';
}

.accwdg_viewcard__acctdtls>div:first-child {
  height: 22px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
}

.accwdg_viewcard__acctdtls > div:last-child {
  color: #CCCCCC;
  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: #acacac;
}

.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(--border-color);
}

.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: #ffefef; */
  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); */
}

.accwdg_qcklnks__itemdscp {
  /* color: var(--main-color); */
  /* font-weight: 500; */
  transition: 0.5s;
  text-align: center;
  line-height: 18px;
  font-size: 15px;
  word-break: normal;
  font-family: 'GothamBook';
}

.accwdg_qcklnks__item:hover .accwdg_qcklnks__itemdscp {
  color: var(--main-hover-color);
  font-weight: bold;
  color: #b11116;
}

.acctwdg_view__balances {
  margin-top: 20px;
}

.acctwdg_view__balitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F3F3F3;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 10px;
}

.acctwdg_view__balitem>.view_amt__formatted span:last-child {
  font-weight: 500;
}

.acctwdg_view__balitem:last-child {
  margin-bottom: 0px;
}

.acctwdg_view__balitem>div:first-child {
  /* font-weight: 600; */
  font-size: 12px;
  color: #797979;
}

.acctwdg_view__balitem>div:last-child {
  font-weight: 500;
}

.tranhist_widget__hdr>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.tranhist_widget__hdr .bob_sec__btn {
  height: 30px;
  padding: 0 15px;
  font-size: 17px;
  background: transparent;
  color: #3783D9;
}

.tranhist_widget__hdr .bob_sec__btn:hover {
  background-color: var(--light-hover-color);
}

.tranhist_widget__amountcol {
  font-weight: 700;
}

.tranhist_table__section {
  margin: 0 -20px;
}

.tranhist_table__btn {
  position: relative;
  border-top: 1px solid var(--border-color);
  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(--input-field-bg);
  border: 1px solid var(--input-field-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(--light-main-color);
  color: var(--main-color);
  border-color: var(--main-color);
}

.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: #ffffff;
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.03);
  padding: 10px;
  margin-top: 40px;
  width: 60%;
}

/* 
.ae_ack__rdhdr {
  border-radius: 10px;
  background-color: #f3f6f4;
  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(--border-color);
  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: #dae1e1;
  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 #eaecf7; */
  border-radius: 13px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(220, 224, 237, 0.15);
  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(--text-color);
  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: rgba(0, 0, 0, 0.75);
  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: #fb6657cc;
}

.avail_services__itembd>div {
  position: absolute;
  right: 15px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  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: #fff;
  color: var(--main-color);
}

.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(--border-color);
  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(--light-main-color);
  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: 5px;
  border: 1px solid var(--datatable-border-color);
  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: #ffffff;
  border: 1px solid var(--border-color);
  padding: 20px;
}

.custom_card__section {
  /* background: #f5f5f5; */
  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: 10%;
  padding: 3px;
  margin: 0 5px;
  cursor: pointer;
  transition: 0.3s;
}

.custom_card__coloritemalt,
.custom_card__coloritem:hover {
  border: 2px solid #183D8E;
}

.custom_card__coloritem>div {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10%;
  color: #fff;
  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;
  font-family: 'GothamBook';
}

.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: 5px;
}

.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(--light-main-color); */
  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(--primary-btn-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;
  display: flex;
  justify-content: space-between;
}

.push_notif__switch_parent_label {
  display: flex;
  padding-right: 30px;
  font-weight: lighter;
}

.push_notif__switch_parent_label_email {
  display: flex;
  padding-right: 23px;
}

.push_notif__switch_parent_label_sms {
  display: flex;
}

.push_notif__switch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--datatable-hdr-color);
  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>img {
  margin-right: 15px;
  position: relative;
  top: -1px;
}

.push_notif__switchbrd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--main-color);
}

.push_notif_switch_email {
  padding-right: 10px;
}

.push_notif_switch_sms {
  display: flex;
}

.bob_ap__panel {
  margin: 0 -15px;
  min-height: 100vh;
  background: #fff;
  padding: 0 20px 20px;
}

.bob_ap__tabs {
  margin: 0 -20px;
}

.bob_ap__grp {
  background: #fff;
  border: 1px solid var(--border-color);
  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: #b5b6b8;
  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(--border-color); */
  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(--border-color);
  border-radius: 10px;
  margin-top: 15px;
}

.memo_modal__dtlitem {
  display: flex;
  min-height: 45px;
  border-bottom: 1px solid var(--border-color);
}

.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(--border-color);
  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(--border-color);
}

.bob_ap__casahdr {
  display: flex;
  margin: 0 -10px;
  width: 55%;
}

.bob_ap__balcard {
  position: relative;
  flex: 1;
  margin: 0 10px;
  border-radius: 13px;
  background: #ebf0ff;
  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: #fff;
  /* position: fixed; */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16pt;
  border-radius: 5px;
  /* border-radius: 50%; */
  border: 2px solid var(--primary-btn-color) !important;
  /* box-shadow: 0 2px 9px #e2e2e2; */
  color: #4686c3;
  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: #fff;
  width: 115px;
  box-shadow: 0 1px 9px #e2e2e2;
  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 #eeeeee;
  cursor: pointer;
  font-weight: 500 !important;
  transition: 0.5s;
}

.expregbtn-list>div:hover,
.expregbtn-selected {
  /* background: #c8e4ff;
  color: #41719f; */
  background: var(--primary-btn-color);
  color: #fff;
}

.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(--border-color);
  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: #202124;
  box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.08), -1px 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 10px 15px;
}

.f4DownloadTray_open {
  background-color: #202124;
  box-shadow: 0 0 38px 4px rgba(0, 0, 0, 0.08), -1px 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  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 #565656;
  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(--main-color);
}

.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(--border-color);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.bob_aptl__grphdr {
  position: absolute;
  top: 13px;
  font-weight: 600;
  font-size: 14px;
  color: #575655;
}

.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: 150px;
}

.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;
}

.task_list__group {
  margin-bottom: 10px;
  border: 1px solid #E9E9ED;
}

.task_list__grouphdr {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
  background: #E7F0F9;
  padding: 10px 20px;
  border-radius: 3px;
  color: #3783D9;
  height: 50px;
}

.task_list__grouphdr>div:last-child {
  background: var(--main-color);
  color: #fff;
  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: #ffffff;
  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(--main-color);
}

.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>i {
  position: absolute;
  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: #fff;
  text-align: right;
}

.services_treecb__srchfld .f4InputField:hover {
  border: 1px solid transparent !important;
  border-bottom: 1px solid var(--input-field-border) !important;
}

.services_treecb__srchfld .f4InputField:active,
.services_treecb__srchfld .f4InputField:focus {
  border: 1px solid transparent !important;
  border-bottom: 1px solid var(--main-color) !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(--input-field-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: #ebeff5;
}

.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: #e6eaef;
  padding: 15px 20px;
  display: flex;
  gap: 15px;
  background-color: #fbfbfb;
}

.txnmatrix_showmore--view {
  padding: 0;
  background-color: #ffffff;
}

.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(--input-field-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 #e6eae9;
}

.txnmatrix_showmore__value {
  padding: 9px 15px;
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 8px;
  background-color: #ebeff5;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 17px;
}

.txnmatrix_showmore__value_lvl_three {
  padding: 9px 15px;
  color: var(--hdr-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 8px;
  background-color: #ffffff;
  border: 2px solid var(--primary-btn-color);
  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 #e6eae9;
}

/** 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 #e2e2e2;
}

.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-family: 'GothamBook';
  font-size: 14px;
  line-height: 20px;
}

.react-joyride__tooltip {
  border-radius: 15px !important;
  padding: 20px !important;
}

.ww_tour__tooltip {
  background-color: rgb(255, 255, 255);
  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 #eef3f4;
  border-radius: 13px !important;
  background-color: #fafcfc;
  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 #e4eaed;
}

.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: #ffffff;
  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: #f9fbfc;
  border-block: 1px solid #e4e9ea;
  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 #eff1f6;
  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: #f5f7f7;
  pointer-events: none;
}

.biller_addbook__itemsus {
  overflow: hidden;
}

.biller_addbook__itemsus .biller_addbook__dtls>div:first-child {
  color: #7e7e7e;
}

.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: #a2a2a2;
}

.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: #ffff;
  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(--main-color) !important;
  background-color: #F1F8FF !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: #fff;
  position: sticky;
  top: 0;
  height: 35px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.biller_addbook__contentbox {
  height: 100%;
  flex: 1;
  background: #fff;
}

.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: #fbfbfb !important;
  border: 1px solid #e6e6e6 !important; */
}

.biller_addbook__itemsfavorite_suspended {
  pointer-events: none;
  background-color: #f5f7f7 !important;
}

.biller_addbook__itemsfavorite_suspended:hover {
  border: 1px solid #eff1f6 !important;
  background: none !important;
  background-color: #f5f7f7 !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: #f0f3f8cf;
  /* 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: #b8b8b8;
  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: #bbbed2;
  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(--primary-btn-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: #fff;
  border-radius: 10px;
  /* top: 45px; */
  top: 350px;
  padding: 5px;
  z-index: 9;
  border: 1px solid var(--border-color);
  box-shadow: 0 0px 3px #e1e2e4;
  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: #6a776c;
  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: #4d4d4d;
}

.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: #4d4d4d;
}

.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: #fff;
  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(--main-color);
  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: #c0c4d7;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::placeholder,
.payslip_modal__body .genericvoucher_singularfields_row .f4InputField::placeholder {
  color: #c0c4d7;
}

.payslip_modal__body .genericvoucher_singularfields_row .f4DatePicker .react-datepicker__input-container input::-moz-placeholder,
.payslip_modal__body .genericvoucher_singularfields_row .f4InputField::-moz-placeholder {
  color: #c0c4d7;
}

.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: #c0c4d7;
}

.payslip_modal__body .f4newlistview_hdr {
  background: transparent;
  border: none;
  border-bottom: 4px solid var(--main-color);
  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 {
  border: 2px solid transparent;
  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(--text-color);
  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: #6199D6;
}

.emp_fields__dropdown {
  position: absolute;
  top: 100%;
  transition: 0.3s;
  background: #fff;
  z-index: 99;
  border-radius: 10px;
  box-shadow: 0 2px 8px 6px rgba(0, 0, 0, 0.01), 0 4px 8px 0 rgba(0, 0, 0, 0.05),
    0 11px 20px 9px rgba(0, 0, 0, 0.05);
  border: 1.3px solid #e4eaed;
  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: 5px !important;
  background-color: var(--input-field-bg);
  border: 2px solid var(--input-field-border);
  padding: 0px 42px 0 15px;
}

.emp_fields__dropdown .f4InputField[disabled] {
  background-color: #f0f3f8;
}

.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(--border-color);
}

.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(--light-main-color);
  color: var(--button-color);
  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(--main-color);
}

.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(--border-color);
}

.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: #ffeff0;
  color: #de0012;
}

.lvcol_fields__columnerrors:hover {
  background: #ffeff0;
}

.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: 20px;
  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: #de0012 !important;
}

.lvcol_fields__dropdown {
  position: absolute;
  top: 100%;
  transition: 0.3s;
  z-index: 9;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 #dadce4;
  border: 1px solid #ececec;
  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: #fff;
  border: 2px solid var(--input-field-border);
}

.lvcol_fields__dropdown .f4InputField[disabled] {
  background-color: #f0f3f8;
}

.lvcol_fields__dropdown .Select-control {
  height: 45px;
  border-radius: 10px !important;
  background-color: var(--input-field-bg);
  border: 2px solid var(--input-field-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(--text-color);
  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(--main-color);
  transition: color 0.3s;
}

/* ||Employee Popup */
.employee_btn__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}

.employee_enroll__btn {
  color: var(--main-color);
  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-hover-color);
}

.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: #000000;
  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: #000000;
  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: #f6f9f9;
  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: #fb6657;
  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 rgb(0 0 0 / 15%), 0 5px 15px 0 rgb(0 0 0 / 20%) !important;
  background-color: #292929 !important;
  max-width: 400px;
}

.fieldinst__tooltip>span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.external-link-header {
  color: var(--main-color);
  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(--main-color);
}

.fieldinst__tooltip .inst__line:nth-child(2) .inst__bullet {
  background-color: #fdc77f;
}

.fieldinst__tooltip .inst__line:nth-child(3) .inst__bullet {
  background-color: #3ec5c7;
}

.fieldinst__tooltip .inst__line:nth-child(4) .inst__bullet {
  background-color: #81abfd;
}

.fieldinst__tooltip .inst__line:nth-child(5) .inst__bullet {
  background-color: #fd81ab;
}

.fieldinst__tooltip .inst__line:nth-child(6) .inst__bullet {
  background-color: #81fdab;
}

.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: block;
  justify-content: center;
}

.bobtnc_btn__link[disabled] {
  filter: opacity(0.7);
}

.bobtnc_btn__linkinline {
  position: relative;
  border-radius: 5px;
  color: var(--main-color);
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  transition: 0.5s;
  cursor: pointer;
}

.pay_employees__dtllist .f4newlistview_rowbody:hover {
  background-color: #F1F8FF;
}

.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: #737686;
  background: #e6e7f3;
  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: #737686;
  background: #e6e7f3;
  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: #e1e6e6;
  color: #9d9d9d;
  width: calc(100% + 20px);
  margin: 9px -10px -12px;
  border-radius: 0;
  padding: 5px 10px;
}

.biller_addressbook__fave_optitemsus {
  font-size: 11px !important;
  color: #737686;
  background: #e6e7f3;
  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: #e1e6e6;
  color: #9d9d9d;
  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('/fo/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: #575655;
  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: #fff;
  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 #f1f1f1;
}
.bobcbsp__mblbodydscp > div {
  min-height: 65px;
  color: var(--text-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;

  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 15px;
}
.bobcbsp__mblvalue > div {
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  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 #f1f1f1;
}
.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 #edf1f1;
}
.bobcpspl {
  border: none;
  border-top-width: 10px;
  border-top-style: solid;
  border-right: 1px solid #edf1f1;
}
.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: #faf9ff;
}
.bobcbsp__mblbody .bobcbsp__mblvalue:nth-child(3) > div:last-child {
  background-color: #f2f8f4;
}
.bobcbsp__mblbody .bobcbsp__mblvalue:nth-child(4) > div:last-child {
  background-color: #fbf5f2;
} */

/*  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: hsl(200, 11%, 80%);
  }

  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

.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: #ffe700;
}

/* 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: #ffe700 !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: #ffe700 !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: #ffe700 !important;
  border-radius: 5px;
  padding: 0px 3px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0px 0px;
}

.view_checkbox_new__fieldedit {
  background: #ffe700 !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: rgba(111, 111, 111, 0.5);
}

.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 rgba(0, 0, 0, 0.2);
  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: #f4f8f7;
}

.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: #a7bbb6;
  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(--text-color);
  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;
  color: #262626;
}

.bob_view__portlethdr .fors_grcwf__note {
  margin: 0px;
}

.fors_grcwf__note>div:nth-child(2) {
  color: var(--main-color);
  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:#212424;
  /* background-position-y: -20px; */
  background-color: var(--input-field-bg);
  /* color: #fff; */
  font-size: 15px;
  font-weight: 700;
  padding-inline: 0px 2px;
  height: 100%;
  width: 100%;
  /* 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(--datatable-border-color);
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 6px rgb(0 0 0 / 1%), 0 4px 8px 0 rgb(0 0 0 / 5%),
    0 11px 20px 9px rgb(0 0 0 / 5%);
}

.save_bene__dtls {
  display: flex;
  align-items: center;
}

.save_bene__hdr {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.save_bene__hdrdtl {
  color: var(--text-color);
  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: #fff;
  color: #fff !important;
  background: transparent;
}

.save_bene__btn .sme_save__btn:hover {
  background: var(--button-hover-color) !important;
}

save_merchant__input {
  margin-top: 20px;
}

.save_merchant__input .f4FormFieldLabel {
  display: none;
}

.save_merchant__input .f4InputField {
  /* background: #cde7d4;
  border: 2px solid #cde7d4; */
  /* background: #ffe7e5;
  border: 2px solid #ffe7e5; */
  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: #fff;
  color: #fff !important;
  background: transparent;
}

.save_bene__btn .sme_save__btn:hover {
  background: var(--button-hover-color) !important;
}

.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: 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-radio-input:focus+.ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(251, 102, 87, 0.08);
}

.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #fff;
  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(--main-color);
}

.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;
}

.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(--main-color);
  background: #fff;
  border-color: var(--main-color);
  box-shadow: -1px 0 0 0 var(--main-color);
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: var(--main-color) !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: #fff;
  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: #d9d9d9;
}

.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: #00000040;
  cursor: not-allowed;
}

span.ant-radio+* {
  padding-right: 8px;
  padding-left: 8px;
}

.enrollment_account_checkbox .small-check-container {
  border: 1.3px solid var(--input-field-border);
  border-radius: 6px;
  background-color: #ffffff;
  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(--main-color);
}

.faq_section__item .headerBackgroundCollapsible a,
.faq_section__item .headerBackgroundCollapsible a:hover,
.faq_section__item .headerBackgroundCollapsible a:visited {
  color: var(--text-color);
}

.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(--button-color);
}

.th_inquiry__noacctplaceholder>div:nth-child(3)>span:hover {
  color: var(--button-hover-color);
}

.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(--input-field-bg);
  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(--text-color);
}

.forex_convert__button:hover,
.forex_convert__button:active {
  background-color: #4d4d4d;
  transition: 0.3s;
}

.forex_convert__button>i {
  color: #fff;
  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(--input-field-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(--border-color);
}

.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: #d75059;
}

.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: #1fd497;
}

.fx_sell {
  color: #ff5050;
}

.rates__container .f4newlistview_rowbody>div:not(:last-child) {
  border-right: 1.3px solid var(--border-color);
}

.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: #4d4d4d;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

.currencyconverter_view {
  border: 1.5px solid #e4eaed;
  border-radius: 10px;
  background-color: var(--input-field-bg);
  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: #8e8583;
  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(--border-color);
}

.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: #f5eee7;
}

.ewt-parent .f4newlistview_rowbody_gridlines>div:not(:first-child) {
  background-color: #fffcf9;
}

.ewt_grid .f4newlistview_field__label {
  font-weight: 600;
}

.ewt_grid .f4newlistview_rowbody>div:not(:last-child) .f4newlistview_field {
  border-right: 1.3px solid var(--input-field-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(--text-color);
  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: 60px;
}

.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;
}

.workflow_paneltemplate .bob_panel__templatemainrm .bob_tmpright__panel {
  height: calc(100% - 80px);
}

.bir_payment__amountdue {
  color: #e22;
}

.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(--text-color);
}

.memo_modal__body .f4newlistview_rowbody>div:last-child .f4newlistview_field {
  border-left: 1px solid var(--border-color);
}

.crdr_memo__modal .modal-header {
  padding: 25px 25px 25px 20px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0px 20px;
}

.crdr_memo__modal div.f4ModalHeader .close {
  font-size: 25px;
  font-weight: 300;
  border-left: 1px solid var(--border-color);
  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(--text-color);
  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;
  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(--border-color);
  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: #fff;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
  font-size: 11pt;
  font-weight: 500;
  /* box-shadow: 0 3px 16px -5px #b6c4d2; */
  border: 1px solid var(--border-color);
  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: #575655;
  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: #fff;
  border-radius: 10px;
  border: 1px solid var(--border-color);
}

.radiobtn_portgroups>div:only-child>.radioParentClass {
  width: 35%;
}

.view_list__dtl .f4newlistview_panel {
  border-radius: unset;
  border: none;
  border-top: 1.3px solid var(--border-color);
}

.bob_instr__sectionalt {
  margin-top: 15px;
}

/* .sms_otp__inputfields .help-block {
  display: none;
} */

.bob_login__rcbclogo {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bob_login__rcbclogo>img {
  height: 80px;
  margin: 30px;
}

.bob_login__register {
  /* position: absolute; */
  color: #797979;
  font-size: min(2vw, 16px);
  font-weight: 600;
  /* text-align: right; */
  top: 14px;
  right: 15px;
  z-index: 1;
  /* cursor: pointer; */
  transition: 0.5s;
  font-family: 'GothamBook';
  padding-top: 5%;
  /* margin-top: 10px; */
}

.bob_ap__quickLinks {
  display: flex;
  margin-top: 20px;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
}

.bob_navbar_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  padding: 20px 20px 15px 0px;
  position: fixed;
  bottom: 0;
  width: 100%;

  ul > li {
    margin: 0 10x;
  }
}

.bob_navbar-left,
.bob_navbar-right {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    font-size: max(1vh, 15px);
}

.bob_navbar-link {
    color: white;
    text-decoration: none;
    margin-left: 20px;
    font-size: 14px;
}

.bob_navbar-link:hover {
    text-decoration: underline;
}

.bob_quicklinks__login {
  color: #fff;
  text-decoration: underline;
  margin: 10px;
  padding: 10px;
}

.bob_quicklinks__login:hover {
  color: #fff;
  text-decoration: underline;
}

.bob_quicklinks__login:active{
  color: #fff;
  text-decoration: underline;
}

.bob_navbar_headercontainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  padding: 20px 20px 15px 0px;
  position: fixed;
  width: 100%;
  height: 15vh;

  ul > li {
    margin: 0 10x;
  }
}

.bob_login__linkstop {
  right: 0px;
}

.bob_navbar_logo {
  height: 10vh;
  /* padding: 10px; */
  margin-left: 34px;
}

.bob_profile_header {
  color: #262626;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.bob_profile_subheader {
  color: #474747;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.acctwdg_view__editbtn {
  margin-right: 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}


/* CAROUSEL ARROWS */

.bob_carousel__page {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
 /* align-items: center; */
}


.bob_carousel__page .slick-dots li.slick-active button:before {
  color: var(--button-sec-color);
}

.bob_carousel__page .slick-slider {
  position: absolute;
  /* z-index: 99; */
  /* top: 50%; */
  /* left: 50%;
  transform: translate(-50%, -50%); */
  width: 100%;
  height: 100vh;
}

.login_banner__popuplist {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99;
}

.bob_carousel__page .slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  /* height: 20px; */
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.bob_carousel__page .slick-prev,
.bob_carousel__page .slick-next {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: transparent;
  padding-top: 1%;
}

.bob_carousel__page .slick-prev:hover,
.bob_carousel__page .slick-prev:focus,
.bob_carousel__page .slick-next:hover,
.bob_carousel__page .slick-next:focus
{
  /* color: transparent; */
  /* outline: none; */
  /* background: transparent; */
}

.bob_carousel__page .slick-prev:hover:before,
.bob_carousel__page .slick-prev:focus:before,
.bob_carousel__page .slick-next:hover:before,
.bob_carousel__page .slick-next:focus:before
{
  /* opacity: 1; */
}

.bob_carousel__page .slick-prev.slick-disabled:before,
.bob_carousel__page .slick-next.slick-disabled:before
{
  opacity: .25;
}

.bob_carousel__page .slick-prev:before,
.bob_carousel__page .slick-next:before
{
  font-family: 'slick';
  font-size: 40px;
  line-height: 1;
  opacity: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* .bob_carousel__page .slick-prev
{
    left: 95vh
} */
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.bob_carousel__page .slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
  content: '→';
}

/* .bob_carousel__page .slick-next
{
  right: 5vh;
} */
[dir='rtl'] .slick-next
{
  right: auto;
  left: -25px;
}
.bob_carousel__page .slick-next:before
{
  content: '→';
}
[dir='rtl'] .slick-next:before
{
  content: '←';
}

/* CAROUSEL INDICATORS/DOTS */
.bob_carousel__page .slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.bob_carousel__page .slick-dots {
  position: absolute;
  bottom: 11%;
  display: flex !important;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  /* text-align: center; */
  left: 15vh;
}

.bob_carousel__page .slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: 20px;
  padding: 0;
  cursor: pointer;
}

.bob_carousel__page .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: flex;
  width: 9px;
  height: 9px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: white;
  border-radius: 50%;
  opacity: 50%;
}

/* ACTIVE INDICATOR/DOT WIDTH */
.bob_carousel__page .slick-dots li.slick-active button {
  background: white;
  opacity: 100%;
  width: 70px;
  border-radius: 14px;
  justify-content: center;
}

/* HOVER INDICATORS */
.bob_carousel__page .slick-dots li button:hover {
  opacity: 75%;
}

/* Ensure active button does not change opacity on hover */
.bob_carousel__page .slick-dots li.slick-active button:hover {
  opacity: 100%;
}

/* CAROUSEL CONTROLS */
.carousel-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* position: fixed;
  left: 51%;
  bottom: 11.5%; */
}

/* CAROUSEL COUNTER */
.carousel-counter {
  text-align: center;
  font-size: 16px;
  position: absolute;
  color: white;
  z-index: 99;
  display: flex;
  right: 2%;
  /* top: 85%; */
  /* padding-top: 1%; */
  /* bottom: -88.5vh; */
  /* transform: translateX(-50%);*/
  bottom: 11vh;
}
.carousel-counter-dots {
  text-align: center;
  font-size: 16px;
  position: absolute;
  color: white;
  z-index: 99;
  display: flex;
  left: 15%;
  /* top: 85%; */
  /* padding-top: 1%; */
  /* bottom: -88.5vh; */
  /* transform: translateX(-50%);*/
  bottom: 12vh;
}

@media (max-width: 768px) {
  .carousel-counter {
    font-size: 14px;
    bottom: 15px;
  }

  .bob_carousel__page .slick-dots {
    bottom: 12%;
  }

  .bob_carousel__page .slick-dots li.slick-active button {
    width: 50px;
  }
}

@media (max-width: 480px) {
  .carousel-counter {
    font-size: 12px;
    bottom: 10px;
  }

  .bob_carousel__page .slick-dots {
    bottom: 15%;
  }

  .bob_carousel__page .slick-dots li.slick-active button {
    width: 30px;
  }
}

.bob_carousel__page .slick-dots li button:hover,
.bob_carousel__page .slick-dots li button:focus {
  outline: none;
}

.bob_carousel__page .slick-dots li button:hover:before,
.bob_carousel__page .slick-dots li button:focus:before {
  /* opacity: 50%;
  background: white; */
}

.bob_carousel__page .slick-dots li button:before {
  font-family: 'slick';
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  opacity: 0%;
  color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bob_carousel__page .slick-dots li.slick-active button:before
{
  /* opacity: 1;
  color: white; */
}

.bob_carousel__page .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
}

.bob_carousel__page .slick-slide img {
  display: flex;
  width: 100vw;
  height: 100vh;
  /* height: auto; */
}

@media (max-width: 600px) {
  .bob_carousel__page .slick-slide img {
    width: 100vw;
    height: 100vh;
    /* height: auto; */
  }
  .bob_carousel__page .legend {
    font-size: 12px;
  }
}

.parentLogin{
  position:relative;
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  overflow: hidden;
}

.page-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 10px;
  border: 1px solid #ccc;
  z-index: 2;
  font-weight: bold;
}

.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(--main-color);
  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: #fff;
  border-bottom: 1px solid var(--border-color);
  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(--input-field-bg);
}

.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: #fff;
  padding: 15px;
  border: 1px solid var(--border-color);
  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(--border-color);
}

.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(--border-color);
}

.acct_sweep_listview .f4newlistview_hdr {
  border-radius: unset;
}

.is-consolidated {
  border: 2px solid var(--input-field-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(--main-color) !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(--light-main-color);
  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(--datatable-border-color);
  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: #343749;
  border: 2px solid white;
  margin-right: 15px;
  color: white;
}

.fors_print__btn>img {
  filter: brightness(100);
}

.fors_print__btn:hover {
  background: #50546d;
}

.fors_download__btn {
  background: white;
  color: #343749;
}

.fors_download__btn:hover {
  background: #cfcfcf;
}


.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(--primary-btn-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  width: -moz-fit-content;
  width: fit-content;
}

.addchecks-btn:hover {
  color: var(--primary-btn-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(--main-color);
  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(--light-main-color);
  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(--border-color);
  margin-bottom: 15px;
  padding-left: 5px;
  max-width: 100%;
}

.acct_sweep__totals-ctr {
  height: 90px;
  background-color: #FAFCFC;
  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(--border-color);
}

.acct_sweep_total:last-child::after {
  display: none;
}

.acct_sweep_total img {
  height: 25px;
  width: 25px;
}

.acct_sweep_total__amt>div:first-child {
  color: #435778;
  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 0px;
}

.fo_purpose_dtl_mrgn2 {
  margin-top: 20px;
}

.fo_purpcd__field_mrgn {
  margin-right: 10.5px;
  margin-left: 0px;
}

.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: #fff7e6;
  padding: 10px;
  border-left: 5px solid #ffcc80;
  color: #333;
  font-size: 16px;
  display: flex;
  margin-top: 20px;
}


/* .login_banner__popuppanel .slick-dots li button:before {
  font-size: 8px;
  opacity: 1;
  color: #fff;
}

.login_banner__popuppanel .slick-dots li.slick-active button:before {
  color: var(--button-sec-color);
} */



.login_banner__popuppanel .slick-dots {
  display: flex !important;
  justify-content: center !important;  /* Center the dots horizontally */
  /* gap: 25px !important; */
  list-style: none !important;  /* Remove bullet points */
  padding: 0 !important;
  margin: 0px 0 !important;
}

/* Style each dot container */
.login_banner__popuppanel .slick-dots li {
  margin: 0 !important;  /* No extra margin needed */
}

/* Style the button inside each dot */
.login_banner__popuppanel .slick-dots button {
  border: none !important;
  /* background-color: transparent !important; */
  border-radius: 50% !important;  /* Make the dots circular */
  width: 5px !important;
  height: 5px !important;
  cursor: pointer !important;
  font-size: 0 !important;  /* Hide any numbers */
  padding: 0 !important;
  outline: none !important;  /* Remove focus outline */
  opacity: 75%;
}

/* Highlight the active dot */
.login_banner__popuppanel .slick-dots .slick-active button {
  /* background-color: transparent !important; */
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.pageContainer {
  display: flex;
  align-items: center;
}


.totalAndPage
.totalContainer
.ap_totalbal__cont {
  display: none;
}

.custom_bp_payor_port {
  padding: 20px;
}

.custom_bp_payor_port>.row {
  margin-bottom: 20px;
}

.merch_selector__value-plc {
  color: var(--hdr-color);
  background: #fff;
  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: #FFFFFF !important;
  background: #FFFFFF !important;
  border: 0.5px solid #DFDFDF !important;
  border-radius: 5px !important;
  box-shadow: 0 5px 16px 10px rgba(0, 0, 0, 0.02), 0 3px 15px 3px rgba(0, 0, 0, 0.05) !important;
  max-width: 200 !important;
  height: 55px !important;
  opacity: 1 !important;
}

.settlement_acc_tooltip_msg {
  color: #92959A !important;
  font-family: 'Poppins' !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-family: 'Poppins';
  font-size: 15px;
  color: #BFC1CB;
  font-weight: 500;
  line-height: 14px;
}

.pdc_warehousing_total {
  display: flex;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  gap: 7px;
  align-items: center;
  position: absolute;
  top: 15px;
  right: 17px;
  border-radius: 8px;
  padding: 8px 10px;
  transition: 300ms;
}

.ae_border {
   /* height: 0.5px;
    background-color: white; */
  margin: 35px 0 0 0;
  border: solid 1.3px;
  width: 80%;
  color: #84B1E1;
}

.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(--light-bg);
  font-weight: 700;
  border-color: #d9d9d9;
  color: black;
  box-shadow: 0px 2px 10px #e0e0e0 !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;
}

/* Bills Payment Maintenances Stepper Styles */
.billspaymentmaintenances_initial__panel {
  padding-top: 16px;
  padding-left: 6px;
  padding-right: 6px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 60px;
  display: flex;
}

.f4tabs__billspaymentmaintenance {
  background-color: var(--txn-right-bg);
  border-radius: 10px;
  padding: 3px;
}

.f4tabs__billspaymentmaintenance .ant-radio-button-wrapper {
  height: 40px;
  padding: 4px 15px 0px 15px;
  background: var(--txn-right-bg);
  font-weight: 500;
  border: 0px;
}

.f4tabs__billspaymentmaintenance .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: transparent !important;
}

.f4tabs__billspaymentmaintenance .ant-radio-button-wrapper:hover {
  color: black;
}

.f4tabs__billspaymentmaintenance .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: var(--light-bg);
  font-weight: 700;
  border-color: #d9d9d9;
  color: black;
  box-shadow: 0px 2px 10px #e0e0e0 !important;
  border-radius: 10px;
}

.f4singleselect__billspaymentmaintenance {
  position: absolute;
  right: 20px;
  width: 290px;
}

.f4singleselect__billspaymentmaintenance__rightpanel {
  right: 340px;
}

.f4singleselect__billspaymentmaintenance__rightviewpanel {
  right: 390px;
}

.billspaymentmaintenances_initial__panel .f4FormFieldLabel {
  display: none;
}

.single-value-labelField {
  color: var(--sub-label-color);
  margin-right: 6px;
}

.libt_benecurrency {
  margin-top: 35px;
}

.dashBoardLandingPage .container-fluid {
  padding-right: 0px !important;
}

/* Add/Edit Merchant Enrollment Styles */
.merchantenrollment_form__container {
  padding: 20px;
}

.merchantenrollment_form__container .bob_table__portlet {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.merchantenrollment_form__container .newlook_genericform {
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.merchantenrollment_form__container .bob_table__portlet .bob_table__portlethdr {
  font-size: 18px;
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}

.merchantenrollment_form__container .form-actions {
  background: transparent;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.merchantenrollment_form__container .button-group {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.merchantenrollment_form__container .button-group > div {
  display: flex;
  gap: 10px;
}

.merchantenrollment_form__container .bob_sec__btn {
  min-width: 120px;
  height: 45px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  padding: 0 25px;
  border: 1.5px solid var(--main-color);
  background: #ffffff;
  color: var(--main-color);
  transition: all 0.3s ease;
}

.merchantenrollment_form__container .bob_sec__btn:hover {
  background: var(--main-color);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.merchantenrollment_form__container .f4btn__next {
  min-width: 120px;
  height: 45px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  padding: 0 25px;
}

.merchantenrollment_form__container .bob_table__portletchildren {
  padding: 0;
}

/* Subscriber Details Portlet */
.merchantenrollment_form__container .bob_table__portlet:nth-child(2) {
  margin-top: 0px;
}

/* List view styling */
.merchantenrollment_form__container .listview--portlet {
  border-radius: 10px;
  overflow: hidden;
}

.merchantenrollment_form__container .f4newlistview_panel {
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Field spacing */
.merchantenrollment_form__container .row {
  margin-bottom: 15px;
}

.merchantenrollment_form__container .row:last-child {
  margin-bottom: 0;
}

/* Merchant Selector styling */
.merchantenrollment_form__container .merchant-selector {
  margin-bottom: 15px;
}

/* Input field styling */
.merchantenrollment_form__container .f4InputField,
.merchantenrollment_form__container .Select-control {
  border-radius: 8px;
}

.merchantenrollment_form__container .f4FormFieldLabel {
  font-weight: 500;
  color: var(--label-color);
  margin-bottom: 8px;
}

/* Save button inside portlet */
.merchantenrollment_form__container .bob_table__portlet .button-group .bob_sec__btn {
  background: var(--main-color);
  color: #ffffff;
  border-color: var(--main-color);
}

.merchantenrollment_form__container .bob_table__portlet .button-group .bob_sec__btn:hover {
  background: var(--main-color-dark, #0056b3);
  border-color: var(--main-color-dark, #0056b3);
  transform: translateY(-2px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .merchantenrollment_form__container .button-group {
    flex-direction: column;
  }

  .merchantenrollment_form__container .button-group > div {
    width: 100%;
    flex-direction: column;
  }

  .merchantenrollment_form__container .bob_sec__btn,
  .merchantenrollment_form__container .f4btn__next {
    width: 100%;
  }
}

/* Add Merchant Enrollment Stepper Styles */
.merchantenrollment_stepper__container {
  background: var(--light-bg, #f5f7fa);
  min-height: 100vh;
}

.merchantenrollment_stepper__container .bob_steppertemplate__children {
  padding: 20px;
  background: transparent;
}

.merchantenrollment_stepper__container .newlook_genericform {
  max-width: 1200px;
  margin: 0 auto;
}

/* Stepper content wrapper */
.merchantenrollment_stepper__content {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Step indicator styling */
.merchantenrollment_stepper__container .f4stepper__indicator {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
}

/* Confirmation and Acknowledgment view styling */
.merchantenrollment_stepper__container .view_panel {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.merchantenrollment_stepper__container .bob_table__portlet {
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* View panel header styling */
.merchantenrollment_stepper__container .view_panel__hdr {
  font-size: 20px;
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--main-color);
}

/* Portlet header in stepper */
.merchantenrollment_stepper__container .bob_table__portlethdr {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 15px;
}

/* Button actions in stepper */
.merchantenrollment_stepper__container .view_panel__actions,
.merchantenrollment_stepper__container .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid var(--border-color);
}

.merchantenrollment_stepper__container .f4btn__back,
.merchantenrollment_stepper__container .f4btn__next {
  min-width: 140px;
  height: 48px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 15px;
  padding: 0 30px;
  transition: all 0.3s ease;
}

.merchantenrollment_stepper__container .f4btn__back {
  background: #ffffff;
  border: 1.5px solid var(--border-color);
  color: var(--text-color);
}

.merchantenrollment_stepper__container .f4btn__back:hover {
  background: var(--light-bg);
  border-color: var(--main-color);
  color: var(--main-color);
  transform: translateY(-2px);
}

.merchantenrollment_stepper__container .f4btn__next {
  background: var(--main-color);
  border: 1.5px solid var(--main-color);
  color: #ffffff;
}

.merchantenrollment_stepper__container .f4btn__next:hover {
  background: var(--main-color-dark, #0056b3);
  border-color: var(--main-color-dark, #0056b3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Acknowledgment page styling */
.merchantenrollment_stepper__container .ack_panel {
  text-align: center;
  padding: 40px 20px;
}

.merchantenrollment_stepper__container .ack_panel__icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}

.merchantenrollment_stepper__container .ack_panel__title {
  font-size: 24px;
  font-weight: 600;
  color: var(--success-color, #28a745);
  margin-bottom: 15px;
}

.merchantenrollment_stepper__container .ack_panel__refno {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
  margin-bottom: 10px;
}

.merchantenrollment_stepper__container .ack_panel__message {
  font-size: 14px;
  color: var(--sub-text-color);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto 30px;
}

/* List view in stepper */
.merchantenrollment_stepper__container .view_list__dtl {
  margin-top: 20px;
}

.merchantenrollment_stepper__container .f4newlistview_panel {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Responsive stepper */
@media (max-width: 768px) {
  .merchantenrollment_stepper__container .bob_steppertemplate__children {
    padding: 15px;
  }

  .merchantenrollment_stepper__content {
    padding: 20px 15px;
  }

  .merchantenrollment_stepper__container .view_panel__actions,
  .merchantenrollment_stepper__container .form-actions {
    flex-direction: column;
  }

  .merchantenrollment_stepper__container .f4btn__back,
  .merchantenrollment_stepper__container .f4btn__next {
    width: 100%;
  }
}

/* Add/Edit Merchant Enrollment View Styles - Following PayBills Pattern */
.merchantenrollment_view__panel {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px;
  margin: 0 auto;
  max-width: 1400px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Add left-right margins to fields - Following PayBills pattern */
.merchantenrollment_view__panel .view_field {
  margin-left: 20px;
  margin-right: 20px;
}

.merchantenrollment_view__panel .biller_view__fielditemlabel {
  margin-left: 20px;
  margin-right: 20px;
}

/* Portlet styling within view panel */
.merchantenrollment_view__panel .bob_table__portlet {
  background: transparent;
  border-radius: 10px;
  margin-bottom: 25px;
  padding: 20px;
  border: 1px solid var(--border-color);
}

.merchantenrollment_view__panel .bob_table__portlet:last-child {
  margin-bottom: 0;
}

/* Portlet header styling */
.merchantenrollment_view__panel .bob_table__portlethdr {
  font-size: 18px;
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}

/* Table within portlet */
.merchantenrollment_view__panel .bob_table__portletchildren {
  padding: 0;
  margin-left: 20px;
  margin-right: 20px;
}

/* List view in confirmation page */
.merchantenrollment_view__panel .listview--portlet {
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
}

.merchantenrollment_view__panel .f4newlistview_panel {
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* View list details */
.merchantenrollment_view__panel .view_list__dtl {
  margin-left: 0;
  margin-right: 0;
}

.merchantenrollment_view__panel .view_list__dtl .f4newlistview_panel {
  margin-left: 0;
  margin-right: 0;
}

/* Row styling */
.merchantenrollment_view__panel .row {
  margin-left: 0;
  margin-right: 0;
}

/* ViewField styling with proper margins */
.merchantenrollment_view__panel .view_field__item {
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.merchantenrollment_view__panel .view_field__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--sub-label-color);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.merchantenrollment_view__panel .view_field__value {
  font-size: 15px;
  font-weight: 400;
  color: var(--text-color);
  word-break: break-word;
}

/* Account view column styling */
.merchantenrollment_view__panel .newlook_abstract {
  padding-left: 0;
  padding-right: 0;
}

/* Panel actions with proper margins */
.merchantenrollment_view__panel .view_panel__actions {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid var(--border-color);
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}

/* Button styling */
.merchantenrollment_view__panel .f4btn__back,
.merchantenrollment_view__panel .f4btn__next {
  min-width: 140px;
  height: 48px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 15px;
  padding: 0 30px;
  transition: all 0.3s ease;
}

.merchantenrollment_view__panel .f4btn__back {
  background: #ffffff;
  border: 1.5px solid var(--border-color);
  color: var(--text-color);
}

.merchantenrollment_view__panel .f4btn__back:hover {
  background: var(--light-bg);
  border-color: var(--main-color);
  color: var(--main-color);
  transform: translateY(-2px);
}

.merchantenrollment_view__panel .f4btn__next {
  background: var(--main-color);
  border: 1.5px solid var(--main-color);
  color: #ffffff;
}

.merchantenrollment_view__panel .f4btn__next:hover {
  background: var(--main-color-dark, #0056b3);
  border-color: var(--main-color-dark, #0056b3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Additional details section */
.merchantenrollment_view__panel .bob_table__portlet .row {
  padding-left: 20px;
  padding-right: 20px;
}

/* Table only portlet adjustments */
.merchantenrollment_view__panel .bob_table__portlet.portlet_tableonly {
  padding: 0;
  border: none;
  background: transparent;
}

.merchantenrollment_view__panel .bob_table__portlet.portlet_tableonly .bob_table__portlethdr {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

.merchantenrollment_view__panel .bob_table__portlet.portlet_tableonly .bob_table__portletchildren {
  padding: 0;
}

/* Responsive view panel */
@media (max-width: 768px) {
  .merchantenrollment_view__panel {
    padding: 20px 15px;
    margin: 0;
    border-radius: 0;
  }

  .merchantenrollment_view__panel .view_field,
  .merchantenrollment_view__panel .biller_view__fielditemlabel,
  .merchantenrollment_view__panel .bob_table__portlethdr,
  .merchantenrollment_view__panel .bob_table__portletchildren,
  .merchantenrollment_view__panel .listview--portlet,
  .merchantenrollment_view__panel .view_panel__actions {
    margin-left: 10px;
    margin-right: 10px;
  }

  .merchantenrollment_view__panel .view_field__item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .merchantenrollment_view__panel .view_panel__actions {
    flex-direction: column;
  }

  .merchantenrollment_view__panel .f4btn__back,
  .merchantenrollment_view__panel .f4btn__next {
    width: 100%;
  }



.benpay_selector__value .othacct_card__view{
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  min-height: unset;
  border-radius: 10px;
  height: 100%;
}

.benpay_selector__value-plc {
  color: var(--hdr-color);
  background: #fff;
  border-radius: 9px;
  width: calc(100% - 10px);
  position: absolute;
  display: flex;
  z-index: 99;
  top: 0;
  left: 0;
  font-size: 15px;
  font-weight: 600;
  padding-inline: 0 2px;
  height: 100%;
}

.benpay_selector__value-plc > span {
  margin-left: 20px;
  margin-top: 15px;
}
}

.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(--main-color);
  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: #95999A;
  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(--datatable-border-color);
  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 rgba(186, 186, 186, 0.06);
}

.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(--datatable-border-color);
  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(--main-color);
}

.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 #e2e8f0;
  font-size: 14px;
  width: 80px;
}

.invoice_view__qr_button_copy {
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.invoice_view__qr_button_share {
  border: none;
  color: white;
}
.invoice_lines {
  border-top: 2px dashed #e4eaed;
  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: #ffffff;
  box-shadow: 0 -3px 13px 0 rgba(168, 168, 168, 0.15), 8px 6px 8px 3px rgba(60, 60, 60, 0.08), 0 10px 18px 3px rgba(40, 40, 40, 0.15);
  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 #303030;
  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(--border-color);
  margin-bottom: 10px;
}

.standalone_financing_payment_dtls {
  padding: 15px;
  font-family: 'Poppins', 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: #DDDDDD;
}

.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 #303030;
  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(--main-color);
}

.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(--light-bg);
  font-weight: 700;
  border-color: #d9d9d9;
  color: black;
  box-shadow: 0px 2px 10px #e0e0e0 !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: #ffffff;
  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: #ffffff; */
  border: 1.5px solid var(--placeholder-color);
}

.txnmatrix__modal .rc-tree li span.rc-tree-checkbox-checked {
  background: var(--main-color);
  border-color: var(--main-color);
}

.txnmatrix__modal .rc-tree li span.rc-tree-checkbox-indeterminate {
  background: var(--main-color);
  border-color: var(--main-color);
}

.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 #eeeeee;
  border-radius: 13px;
  background-color: #ffffff;
  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(--text-color);
  font-weight: 700;
}

.f4newlistview_field__label_edited {
  background: #ffe700 !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: #ffe700 !important;
  border-radius: 5px;
  padding: 0px 3px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0px 0px;
}

.frt_replace__subhdr {
  color: #808791;
  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: #2f3036;
  padding: 12.5px 20px;
  width: 100%;
  gap: 15px;
  color: #ffffff;
  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: #46474d;
  color: #ffffff;
  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 #e6eae9;
  border-radius: 8px !important;
  background-color: var(--input-field-bg);
}

.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(--main-color);
  border-radius: 8px;
  background-color: #f9f9f8;
  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: #eeeeee;
  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 #eeeeee;
  border-radius: 13px;
  background-color: #ffffff;
}

.combinedfields_listview .f4newlistview_table {
  border-radius: 13px 13px 0 0;
}


.enroll_grping__heading>i {
  color: var(--main-color);
}

.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 #e5e5e5;
  content: '';
  display: block;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}

.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: #ffffff;
  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(--main-color);
}

.enrollment_next__btn.f4Button:hover,
.enrollment_next__btn.f4Button:active,
.enrollment_next__btn.f4Button:focus {
  background-color: var(--main-hover-color) !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(--text-color);
  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: #808791;
}

.frtTabs .ant-tabs-nav .ant-tabs-tab-active {
  color: var(--main-color);
}

.txnmatrix_showmore {
  /* background-color: #e6eaef; */
  padding: 15px 20px;
  display: flex;
  gap: 15px;
  background-color: #fbfbfb;
}

.frt_showmore {
  background-color: #e6eaef;
  background-color: #fbfbfb;
  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: #1f2937;
  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: #252525;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  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 #252525;
}

.cashflow-info-tooltip-content {
  padding: 16px;
  color: #ffffff;
  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: #F2F2F2;
  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: #374151;
}

.cashflow_period-btn.active {
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}

/* Custom Legend */
.cashflow_custom-legend {
  display: flex;
  gap: 24px;
}

.cashflow_legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #6b7280;
}

.cashflow_legend-color {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.cashflow_legend-color.debit {
  background: #29C7C1;
}

.cashflow_legend-color.credit {
  background: #4576FF;
}

.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: #252525;
  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: #FFFFFF;
}

.cashflow_tooltip-name {
  font-size: 13px;
  color: #FFFFFF;
}

.cashflow_tooltip-date {
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
}

/* 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: #ef4444;
  font-size: 16px;
  font-weight: 500;
}

.retry-btn {
  padding: 10px 24px;
  background: #5b7cfd;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.retry-btn:hover {
  background: #4b6bfd;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(91, 124, 253, 0.25);
}


/* Chart Customization via CSS */
.recharts-cartesian-axis-tick-value {
  fill: #989898;
}

.recharts-cartesian-grid-horizontal line {
  stroke: #E4EAED;
}

.recharts-bar-rectangle:hover {
  opacity: 0.8;
}


.cashflow_totals__section {
  background-color: #F9F9F9;
  border-radius: 10px;
  height: 295px;
  padding: 20px;
}

.cashflow_totals-net > div:first-child{
  font-size: 15px;
  line-height: 18px;
  color: #A8AAAF;
  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,
    #e0e0e0 25%,
    #f0f0f0 50%,
    #e0e0e0 75%
  );
  background-color: #e0e0e0;
  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);
}

.push_notif__btn_group {
    display: inline-flex;
    gap: 4px;
}

.push_notif__inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.push_notif__btn {
  padding: 6px 12px;
  border: 2px solid #ccc;
  background-color: #ffffff;
  color: #666666;
  cursor: pointer;
  border-radius: 30px;
  font-size: 14px;
  text-align: center;
  transition: background-color 0.2s, color 0.2s;
}

.push_notif__btn.active {
  background-color: #d1f5f2;
  color: #007b83;
  border-color: #007b83;
}

.push_notif__input {
    font-size: 14px;
    font-weight: 500;
    box-shadow: none;
    height: 45px;
    width: 50px;
    border-radius: 10px;
    background-color: var(--input-field-bg);
    border: 2px solid var(--input-field-border);
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
}


@media screen and (max-width: 768px) {
  .modal-dialog {
    height: 85vh !important;
  }
}

.cwt-signatory-hide-optional .formfield_label__optional span:last-child {
  display: none !important;
}

.row--no-checkbox .check-datatbl-header {
  visibility: hidden;
  pointer-events: none;
}

/* 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(--border-color); */
}

.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 #edeff8;
  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 rgb(186 186 186 / 6%);
  border-radius: 10px;
  padding: 10px 15px;
}

.mblinv_lv__hdropt .f4checkboxnew_checked {
  border-color: var(--button-color);
  background: var(--light-main-color);
}

.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: #fff;
  z-index: 99;
  margin: 0px -20px;
  padding: 25px;
  box-shadow: 0 -5px 13px 0 rgb(238 242 250 / 40%);
}

.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(--border-color);
} */

.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: #6f6f6f80;
}

/* ||Mobile Dropdown */
/* || mobile select */

.mobile_single__selectmain {
  height: 45px;
  width: 100%;
  background: var(--input-field-bg);
  outline: none;
  display: flex;
  align-items: center;
  border: 2px solid var(--input-field-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(--border-color);
  margin: 7px 0px;
  border-radius: 10px;
}

/* .custom_mobileinput__field {
  padding-inline: 10px;
} */
.mobile_single__selectoptitemalt {
  border-radius: 10px;
  border: 2px solid var(--button-color);
  color: var(--button-color);
  background: var(--selected-light-main);
}

.mobile_single__selectoptitemcheck {
  height: 16px;
  width: 16px;
  font-size: 8px;
  border-radius: 50%;
  background: var(--button-color);
  /* display: flex; */
  align-items: center;
  justify-content: center;
  color: #fff;
  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: #fff;
  z-index: 1;
  padding-bottom: 20px;
}

.mobile_single__selectsearch>i {
  position: absolute;
  color: var(--placeholder-color);
  font-size: 19px;
  top: 11px;
  left: 15px;
  pointer-events: none;
}

/* New Mobile Listview */
.mbl_listview__fields {
  border: 1px solid #eaeff0;
  border-radius: 13px;
  background-color: #ffffff;
  padding: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.mbl_listview__hdr {
  border-radius: 8px 8px 0 0;
  background-color: #eef3f4;
  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(--main-color);
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  padding: 10px 0px;
  margin: 25px 0 -10px;
  border: 1.5px solid var(--main-color);
  border-radius: 8px;
  background-color: hsl(10deg 100% 99%);
}

.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: #8c8c8c;
  font-size: 17px;
  border: none;
  font-weight: 600;
}

.mbl_listview__regselect .mobile_single__selectmain {
  background-color: #fafcfc;
}

.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: #fff;
  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: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #27d7b7;
  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(--input-field-bg);
  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(--border-color);
  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(--main-color);
}

.mbl_listview__views+.mbl_listview__oddeven:nth-child(odd)>.mbl_listview__indicator {
  background-color: var(--main-color);
}

.mbl_listview__views>.mbl_listview__oddeven:nth-child(even)>.mbl_listview__indicator {
  background-color: #a8aaaf;
}

.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(--border-color);
  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 #e4e9ea;
  border-radius: 13px;
  width: 100%;
  background-color: #fafcfc;
  height: 55px;
  box-shadow: 0 1px 11px 0 rgba(152, 159, 159, 0.1), 0 3px 8px 2px rgba(164, 166, 166, 0.06);
}

.bob_mobile__navsearch .menu_search__sectioninput .react-autosuggest__input::-moz-placeholder {
  color: #b5b6b8;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}

.bob_mobile__navsearch .menu_search__sectioninput .react-autosuggest__input::placeholder {
  color: #b5b6b8;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}

.bob_mobile__navsearch .menu_search__section {
  width: 100%;
}

.bob_mobile__navsearch .menu_search__sectioninput>i {
  font-size: 20px;
  top: 18px;
}

/* || 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: #ffffff;
  box-shadow: 0 -7px 16px 0 rgb(170 169 172 / 10%);
  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(--main-color);
}

.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(--main-color);
  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(--main-color);
  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(--main-color) !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 #eeeeee;
  margin-bottom: 25px;
}

.mbl_myprofile__logout .f4Button {
  width: 100%;
}

.mbl_myprofile__menu:hover {
  color: var(--text-color);
  background-color: var(--light-hover-color);
}

.mbl_myprofile__menu {
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
  border: 1px solid #eceff0;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 11px 0 rgba(152, 159, 159, 0.1);
  padding: 21px 15px;
  align-items: center;
  color: var(--text-color);
}

.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: #fff;
  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: #fff;
  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: #00000033;
}

.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: #fff;
  width: 100%;
  height: 100%;
  max-height: 100%;
  transition: 0.7s;
  /* padding: 0px; */
  /* border-radius: 0px; */
  box-shadow: 0 -2px 8px 3px rgb(177 177 177 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
  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: #fff;
  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(--border-color);
}

.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: #fff;
}

.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: rgba(255, 255, 255, 0.15);
}

.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(--light-main-color);
  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 #eff1f2;
}

.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 #d8d8d8;
  border-radius: 10px;
  background-color: #fcfcfc;
  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(--main-color);
}

.recact_itemleft {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.recact_hdr {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.recact_dt {
  color: #b5b6b8;
  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: #e5ebeb;
  color: var(--text-color);
  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(--main-color);
  background-color: var(--main-color);
  color: #ffffff;
  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 #d6dfe1;
}

.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: #ffebe7;
  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: #c55247;
}

.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__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 #eaeeee;
}

.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: #b5b6b8;
}

.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: #fef1ef;
  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: #575655;
  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 rgb(0 0 0 / 10%);
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 15px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color) !important;
  font-size: 15px;
  cursor: pointer;
}

.transactionalAccountSelector_main .mobile_single__selectplaceholder+.mobile_single__selectarrow {
  background-color: var(--mbl-arrow--selector);
  color: var(--text-color) !important;
  box-shadow: none;
}

.mbl_inst__viewer {
  border-left: none;
  padding: 8px 10px;
  z-index: 6;
  margin-bottom: 19px;
  background: #f3f6ff;
  border: 1px solid #43567d;
  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: #ffffff;
  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(--light-main-color);
  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 rgb(177 177 177 / 6%), 0 0 12px 0 rgb(240 240 240 / 6%);
}

.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: #eeeeee;
}

.generic_mainmenu__mobilehdrmn {
  padding: 0 20px;
  background: #fff;
}

.generic_mainmenu__mobilehdr {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  height: 65px;
  display: flex;
  align-items: center;
  background: #fff;
}

.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(--button-color);
  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: #fff;
  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 #d9ddef;
}

.sme_mainmenu__mobileitemalt {
  font-weight: 500;
  color: var(--button-color);
}

.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: #fff;
  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 #4e5353;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
}

.acct_card__currbal>div:first-child {
  color: #acacac;
  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: #ffffff;
}

.bobmbl_ap__cardhdrwarrow {
  display: flex;
  justify-content: space-between;
  border-radius: 8px 8px 0 0;
  background-color: var(--text-color);
  font-size: 15px;
  font-weight: 600;
  align-items: center;
  color: #fff;
  line-height: 1.2;
  padding: 6px 15px;
}

.bobmbl_ap__arrow,
.bobmbl_ap__arrow:hover,
.bobmbl_ap__arrow:active,
.bobmbl_ap__arrow:focus {
  color: #fff;
  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: #fef1ef;
  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: #ffffff;
  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: #575655;
}

.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(--text-color);
  }

  .ant-radio-wrapper-checked {
    color: var(--main-color);
  }

  .f4FormFieldLabel {
    font-size: 15px;
    line-height: 1.2;
    /* padding-inline: 10px; */
    /* color: #435778; */
  }

  .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('../images/Login BG.svg'); */
    background-image: url(/fo/images/BG-mobile1.0b934dde.jpg);
    padding: 16px 20px 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    width: 100%;
  }

  .bob_login__image {
    display: none;
  }

  .bob_login__form {
    padding: 0;
    z-index: 1;
    justify-content: flex-start;
    margin-top: 60px;
  }

  .bob_login__formhdr {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    text-align: center;
    text-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.03);
    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 #ffffff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%);
  }

  .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: #ffffff;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
  }

  .bob_login__mblsubhdr {
    color: #efefef;
    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>img {
    display: none;
  }

  .newfologin_inputfield .f4InputField {
    padding-left: 20px;
    border: 2px solid var(--input-field-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 #ffffff;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
    color: #ffffff;
    font-weight: 500;
  }

  .bob_brd__btn:hover,
  .bob_brd__btn:focus,
  .bob_brd__btn:active {
    border: 1.5px solid #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
  }

  .background-blur {
    border-radius: 5px;
    backdrop-filter: blur(7px);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    margin: -16px -20px -40px;
  }

  .bob_login__formsubhdr {
    color: #efefef;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
    text-shadow: 0 2px 13px 4px rgba(0, 0, 0, 0.05);
  }

  .bob_login__cred {
    border-radius: 13px;
    background-color: #272224;
    transition: 0.4s;
  }

  .bob_login__cred:hover,
  .bob_login__cred:focus {
    background-color: #41393c !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: #fff;
    text-align: center;
  }

  .bob_login__register {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin-top: 20px;
    color: #fff;
  }

  .bob_login__register>span {
    cursor: pointer;
    font-weight: 700;
    color: #fd7769;
  }

  .bob_login__tc {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    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: #fd7769;
    flex: 1;
    padding: 0 7px;
  }

  .bob_login__tc>a:not(:last-child) {
    border-right: 1.5px solid var(--border-color);
  }

  /* 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: #9f9f9f;
  }

  .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: #eff1f6;
  }

  .mbl_announcement__priority {
    position: absolute;
    width: 5px;
    height: 100%;
    background: #d91452;
    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: #b5b6b8;
    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 #f2f1f5;
    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: #fff;
  }

  .close_button>i {
    font-size: 30px;
    margin-right: 3px;
    color: var(--text-color);
  }

  .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: #575655;
    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: #575655;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .enrollment_account_checkbox {
    margin-top: 0;
  }

  .oe_layout__subhdr {
    color: #575655;
    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: #eeeeee;
    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: #29c7c1;
    /* background-image: linear-gradient(to bottom, #f1a165, #f36d0a); */
  }

  @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(--text-color);
    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: #fff; */
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    gap: 5px;
    margin-top: 10px;
  }

  .ae_completed__dscp {
    display: flex;
    flex-direction: column;
    /* color: #fff; */
    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 #edf1f1;
  }

  .ae_ack__email {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #575655;
    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: #fff;
  }

  .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(--border-color);
  }

  .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(--input-field-border);
    border-radius: 13px;
    background-color: var(--input-field-bg) !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: #f5f6f7;
    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(--border-color);
  }

  .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: #575655;
    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 #eff1f2;
    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 #f1f1f1;
  }

  .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: #fff;
  }

  .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: #fff;
    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: #645e5a;
    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: #645e5a;
    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(--border-color);
    height: calc(100% + 10px);
  }

  .bob_view__portletbody>.row::after {
    /* content: '';
    position: relative;
    left: 10px;
    bottom: -10px;
    height: 1.3px;
    background: var(--border-color);
    width: calc(100% - 30px); */
    content: '';
    position: relative;
    display: block;
    bottom: -15px;
    height: 1.3px;
    background: var(--border-color);
    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 rgb(152 159 159 / 10%);
    border: 1px solid #eceff0;
    border-radius: 13px;
    background-color: #ffffff;
  }

  .task_list__itemtxt {
    font-size: 17px;
    font-weight: 500;
  }

  .task_list__itemcount {
    border-radius: 12px;
    background-color: #e4ebef;
    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 #eceff0;
    border-radius: 13px;
    background-color: #ffffff;
    box-shadow: 0 2px 11px 0 rgb(152 159 159 / 10%);
  }

  .fav_manage__modal .modal-check-checkbox {
    background: #f5f6f7;
  }

  .fav_manage__modal .modal-check-checkbox .icn-div {
    color: #f5f6f7;
  }

  .bm_list__item::after {
    height: 1.3px;
    background: #eff1f2;
    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(--main-color);
    border: 2px solid var(--main-color);
  }

  .fav_manage__modal .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--main-color);
  }

  .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 #eceff0 !important;
  }

  .fav_manage__modal .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--text-color);
  }

  /* || mobile menu */
  .bob_mainmenu__item {
    border: 1px solid #eceff0;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 2px 11px 0 rgb(152 159 159 / 10%);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
  }

  .bob_mainmenu__mblicon {
    margin-right: 12px;
    background-color: #fef1ef;
    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(--text-color);
  }

  .bob_mainmenu__bc .breadcrumb {
    border-bottom: 1.3px solid #eff1f2;
  }

  .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: #fef1ef;
    color: var(--main-color);
    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(--text-color);
    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: #645e5a;
    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 #eff1f2 !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: #645e5a;
    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: #ffffff;
    box-shadow: 0 2px 4px 2px rgb(242 242 242 / 50%);
    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 #eff1f2;
  }

  .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: #575655;
    font-size: 15px;
    font-weight: 500;
  }

  .bob_panel__templatemainfv .step_wizard__panel {
    background-color: #fff;
  }

  .manage_acct__qlsecitem {
    padding: 0;
    background-color: #fafcfc;
  }

  .manage_acct__qlsecitem .f4checkbox-hasvalue.f4CheckboxMainContainer {
    border: 1px solid #eceff0 !important;
    color: var(--text-color) !important;
  }

  .manage_acct__qlsecitem .f4checkbox-hasvalue .modal-check-lbl,
  .manage_acct__qlsecitem .f4CheckboxMainContainer:hover .modal-check-lbl {
    color: var(--text-color) !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: #ffffff;
    background-position-y: -55px;
  }

  .sms_otp__modal.newconfirm_modal .f4ModalHeader {
    background: #ffffff;
    -o-object-fit: cover;
       object-fit: cover;
    background-position-y: top;
  }

  .sms_otp__icon>img {
    display: none;
  }

  .sms_otp__hdr {
    color: #3783d9;
    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 #dad7d7;
    border-radius: 26px !important;
    background-color: #ffffff;
    height: 75px;
    font-size: 45px;
  }

  .sms_otp__inputfields .form-control:hover,
  .sms_otp__inputfields .form-control:focus {
    box-shadow: 0 0 8px 0 rgba(39, 213, 154, 0.15) !important;
    border: 1.5px solid #908e8e !important;
  }

  .sms_otp__modal .newconfirm_modalbtns {
    padding: 15px;
  }

  .otp_resend__btn {
    font-size: 15px;
  }

  .otp_resend__btn>span {
    border-radius: 15px;
    background-color: #3783d9;
    color: #fff;
    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: #27d59a;
  }

  .newlogin_pwchecker_list>.newlogin_pwchecker_itemcheck {
    color: var(--text-color);
  }

  .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: #92a8a8;
  }

  .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: #575655;
    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: #3ec5c7;
    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(--text-color);
  }

  .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: #ffffff;
    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(--text-color);
    top: 0;
    width: 100%;
    left: 0;
    padding: 15px 12px;
    border-radius: 0;
    z-index: 101;
    background-color: #fff9eb;
    box-shadow: 0 7px 9px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(170 169 172 / 10%);
  }

  .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: rgba(0, 0, 0, 0.5);
  }

  .invalid_login__hdr>img {
    height: 24px;
    margin-bottom: 2px;
  }

  .invalid_login__hdr {
    color: #efb53f;
    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: #fac14e;
    border: 1.5px solid #fac14e;
    background-color: #fff9eb;
  }

  .invalid_login__btns>div:nth-child(2) {
    color: #ffffff;
    background-color: #fac14e;
  }

  .invalid_login__btns>div:nth-child(2):hover,
  .invalid_login__btns>div:nth-child(2):focus {
    background-color: #fcd588;
  }

  .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: #f1f1f1;
  }

  .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(--text-color);
  }

  .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: #eaeaea;
    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: #eff1f2;
    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(--border-color) !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: #575655;
    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: #574a46;
    margin: -20px -20px 15px;
    width: calc(100% + 40px);
    border-radius: 0;
  }

  .bob_ackactions__button,
  .bob_ackactions__button:hover {
    /* background-color: rgba(255, 255, 255, 0.15); */
    background: var(--text-color);
  }

  .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: #fafcfc;
  }

  .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: #eff5f8;
    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(--main-color) !important;
  }

  .trns-from,
  .trns-to {
    font-size: 17px;
    font-weight: 600;
  }

  .trns-nickname {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
  }

  .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: #575655;
    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: #fafafa;
  }
}

@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;
  }
}

/*# sourceMappingURL=styles.297dd361bf997c718e5b.css.map*/