// Indicator information popup #indi-report{ } .indi-report{ width: 550px; &.background{ background-color: #efefef; padding: 10px; width: 100%; } &.mb15{ margin-bottom: 15px; } .input-line{ input[type="checkbox"]{ float: left; } .input-text{ float: left; margin-left: 10px; } } .save-as{ font-size: 11px; padding: 15px 22px; .save-as-text{ float: left; margin-top: 8px; } input[type="text"]{ float: left; margin-left: 15px; font-size: 11px; color: #666666; padding: 6px 9px; width: 215px; font-style: italic; } } .spacer35{ height: 35px; } ul{ &.info-update-status{ padding: 0 20px 20px 20px; line-height: 20px; li{ list-style: disc; color: #454545; line-height: 28px; span{ width: 25px; height: 17px; display: inline-block; position: relative; top: 5px; &.red{ background-color: #f7b8b8; } &.yellow{ background-color: #f1e5a8; } } } } } } @media screen and (max-width:$mobile-landscape){ .indi-report{ width:310px; .save-as{ input[type="text"]{ width:170px; } } } }