@import "migrate-template/bootstrap.min"; @import "migrate-template/demo"; @import "migrate-template/pagination"; @import "migrate-template/ready"; @import "vendor/gijgo"; .form-group input[type=file] { opacity: 1; position: relative; width: 100%; height: 100%; z-index: 0; } .gj-datepicker-md [role="right-icon"] { color: white; } [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: relative; left: 0; } .squaredThree { width: 20px; position: relative; margin: 20px auto; label { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; background: linear-gradient(top, #222 0%, #45484d 100%); border-radius: 4px; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4); &:after { content: ''; width: 9px; height: 5px; position: absolute; top: 4px; left: 4px; border: 3px solid #fcfff4; border-top: none; border-right: none; background: transparent; opacity: 0; transform: rotate(-45deg); } &:hover::after { opacity: 0.3; } } input[type=checkbox] { visibility: hidden; &:checked + label:after { opacity: 1; } } }