JezK
Edit File: addWareHouse.css
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: blue; border-color: #4e555b; } .btn-group1 { /*background-color: blue;*/ color: white; border-color: blue; text-align: center; } .btn-group { position: relative; display: block; text-align: center; } .form-control { background-color: #F3F6FE; /* cursor:pointer; */ overflow: hidden !important; } .ck.ck-reset.ck-editor.ck-rounded-corners { cursor: auto; } /* Customized checkbox */ /* Hide the browser's default checkbox */ input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox { position: absolute; top: 2px; left: 15px; height: 20px; width: 20px; background-color: #eee; border-radius:12px; cursor:pointer; } :hover input ~ .checkbox { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ input[type="checkbox"]:checked ~ .checkbox { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .checkbox:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ input[type="checkbox"]:checked ~ .checkbox:after { display: block; } /* Style the checkmark/indicator */ .checkbox:after { left: 8px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } input[type="radio"] { position: absolute; opacity: 7; cursor: pointer; } span.checkmark { border-radius: 50%; height: 24px; width: 24px; position: relative; background-color: grey; color: #fff; display: inline-block; text-align: center; margin-right: 9px; cursor:pointer; } input:checked ~ .checkmark{ background-color: #2196F3; } input:checked ~ .radio-inline{ background-color: #2196F3; } label{ display: flex; align-items: center; } li{ list-style:none; display:inline-block; } .line{ border-bottom:2px solid black; line-height:22px; width:70%; padding:0px; height:25px; display: flex; align-items: center; } @media (max-width:768px){ .line{ display: none; } } .card { border: 0px solid #fff; border-radius: 22px; background: #ffffff; box-shadow: 0 0 10px #deeffe; padding: 2%; } .card-body h5 { color: #434343 !important; font-size: 19px; } .radio-inline { color:#212529 !important; /* font-weight: 500; */ font-size: 18px; } .error { color:red; } .cursornotallowed{ cursor: not-allowed!important; pointer-events: none!important; } /*.div .card-body,.div1 .card-body,.div2 .card-body { border: 0px solid #fff; border-radius: 22px; background: #ffffff; box-shadow: 0 0 10px #deeffe; padding: 2%; } .div .card,.div1 .card,.div2 .card{ border: 0px; border-radius: none; background: transparent; box-shadow: none; padding: 0px; }*/ .float-right{ top:5px; right:5px } .container.back { cursor: pointer; } .custom-label{ width: 78%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } label.custom-label{ display: block !important; cursor: pointer !important; }