@font-face {
    font-family: 'Jost-SemiBold';
    src: url('../fonts/Jost/Jost-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Jost-Regular';
    src: url('../fonts/Jost/Jost-Regular.ttf') format('truetype');
}
div.rules-list li { position: relative; }

div.rules-list li.ko::before { content: '\F073A'; font: normal normal normal 20px/1 'Material Design Icons'; width: 20px; height: 20px; display: inline-block;  margin-right: 8px; position: absolute; color: #ff5a59;left:-2px;top:-1px; } 
div.rules-list li.ok{ background:url('/Content/Images/checked-rule.png') 0px 0px no-repeat;}

/*==============Custom Styles==============*/
div.rules-list { display: none; position: absolute; top: 40px; left: 0; right: 0; z-index: 1060; margin: 0; max-width: 100%; min-width: 100%; padding: 0px; font-family: 'Jost-Regular', sans-serif; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff3e0; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); -webkit-box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); } 
.rules-list .rules { margin: 0; font-size: 15px; display: block; font-family: 'Jost-SemiBold', sans-serif; color: #333;padding: 8px 14px 0px; }
.rules-list ul.rules { padding: 9px 14px;}
.rules-list ul.rules li { list-style-type: none;
    padding: 0px 0px 15px 24px;
    font-family: 'Jost-Regular',sans-serif; }
.rules-list ul.rules li:last-child{padding-bottom:0px;}
/*div.rules-list li.ko:before, div.rules-list li.ok:before { width: 16px; }*/
/*.rules-list:before { content: ""; position: absolute; top: -8px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #b3b2b2; }
.rules-list:after { content: ""; position: absolute; top: -7px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f7f7f7; }*/
.rules-list ul.rules li.ko { color: #ff5a59; font-size: 14px; }
.rules-list ul.rules li.ok { color: #333; font-size: 14px; }