.no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } /*input[type="checkbox"]:checked + span {*/ /*all: initial;*/ /*font-size: 9pt;*/ /*color: #494546;*/ /*}*/ .select-box-container { display: block; /*margin-top: 40px;*/ /*min-width: 200px;*/ } .select-box-header { font-size: 12pt; white-space: nowrap; word-wrap: break-word; /*position: relative;*/ /*top:10px;*/ } .select-box-header .header { display: inline-block; color: black; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; max-width: 220px; } .select-box-header .fa { color: #5e5e5e; position: relative; top: -5px; } .select-box-header .fa:hover { cursor: pointer; } .select-box-bottom { clear: both; } .select-box-results, .select-box-options { /*display: block;*/ /*box-shadow: 0px 0px 10px #777, 0px 15px 10px #000;*/ position: absolute; z-index: 99999; opacity: 0.95; } .box-wrapper { display: block; max-height: 200px; overflow-y: auto; border-top: 1px solid #cccccc; background-color: #F2F2F2; box-shadow: 5px 12px 10px -6px rgba(0, 0, 0, .2); } .select-box-results input[type=checkbox] { margin: 0 5px 0 5px; } .select-box-results .header { font-size: 8pt; color: #757575; pointer-events: none; } .select-box-results, .select-box-options li, ul { margin: 0; padding: 0; } .select-box-results li, .select-box-options li { padding: 2px 10px; border: 1px solid #cccccc; /*border-right: 1px solid #cccccc;*/ list-style: none; font-size: 9pt; color: #494546; } .select-box-results label, .select-box-options label, .select-box-results li, .select-box-options li { cursor: pointer; display: inline-block; font-weight: normal; width: 100%; } .select-box-results li:hover, .select-box-options li:hover { background-color: #dcdcdc; border-left: 2px solid red; color: #0e0e0e; } /*.select-box-results span:hover{*/ /*color: green;*/ /*}*/ /*.select-box-search{*/ /*position: relative;*/ /*}*/ input.select-box-search { height: 51px; width: 100%; border: 1px solid #cccccc; outline: none; padding: 5px 40px 5px 20px; background: url("../img/magnifying-glass-308581.svg") no-repeat right; background-size: 40px 40px; background-color: white; margin-bottom: -1px; } input.select-box-search:-webkit-autofill, input.select-box-search:-webkit-autofill:hover, input.select-box-search:-webkit-autofill:focus, input.select-box-search:-webkit-autofill { /*border: 0;*/ /*-webkit-text-fill-color: black;*/ /*-webkit-box-shadow: 0 0 0 1000px transparent inset;*/ transition: background-color 5000s ease-in-out 0s; /*background: white;*/ } .select-box-results .main-part { display: block; } .select-box-results .other-part { border-top: 1px solid #000000; color: darkgray; } .select-box-results .other-header { color: #000; font-weight: bold; margin-left: 10px; } /*???*/ .select-box-options .box-wrapper, .select-box-results { /*padding: 0 10px;*/ min-width: 300px; max-width: 400px; } button.button-add { box-shadow: none; border: none; } .button-add { position: relative; top: 3px; float: right; z-index: 999; font-family: Myriad; font-weight: normal; font-style: normal; font-size: 10pt; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 4 */ border-radius: 15px; /* IE 9, Safari 5, Chrome */ background-color: #FF0029; padding: 4px 15px 2px 15px; /*border: none;*/ text-decoration: none; color: white; } .highlight { color: red; }