.sidebar_checks, .radio_custom { width: 100%; float: left; $LabelWidth: 16; $LabelHeight: 16; margin-top: 6px; label { margin-top: 0; font-weight: normal; font-size: 13px; } input { display: none; + label { font-size: 13px; color: $link-color; position: relative; padding-left: 25px; cursor: pointer; &:before { position: absolute; content: ''; width: $LabelWidth + px; height: $LabelHeight + px; top: 2px; left: 0; background: #fff; border: 1px solid $colorCheckBorder; border-bottom: 0 !important; border-right:0 !important; cursor: pointer; } a { text-decoration: none !important; padding-left: 0; float: none; &:before { display: none; } } p { color: $color2; display: inline-block; &.disabled { @include Opacity(0.5); } } } &:checked { + label { &:before { background: $link-color; border: 1px solid $link-color; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9015"; color: #fff; font-size: 10px; text-align: center; line-height: $LabelHeight + px; } } } } a { font-size: 13px; color: #0f6fc7; position: relative; padding-left: 25px; cursor: pointer; text-decoration: none !important; float: left; &:before { position: absolute; content: ''; width: 16px; height: 16px; top: 1px; left: 0; background: #fff; border: 1px solid #dddddd; border-bottom: 0 !important; border-right: 0 !important; cursor: pointer; } p { color: $color2; display: inline-block; &.disabled { @include Opacity(0.5); } } } } .checked { a { &:before { background: #0f6fc7; border: 1px solid #0f6fc7; @include svgIcon; content: "\e9015"; color: #fff; font-size: 10px; text-align: center; line-height: 16px; } } } @media (max-width: 992px) { } @media (max-width: 767px) { }