| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- .fl-lightbox-wrap.fl-icon-selector {
- z-index: 1000111;
- }
- .fl-icon-selector .fl-lightbox {
- height: 100%;
- }
- .fl-icons-filter {
- height: auto !important;
- margin: 0 !important;
- position: absolute !important;
- right: 0px;
- top: 0px;
- padding: 10px 16px;
- display: flex;
- flex-direction: row;
- }
- .fl-icons-filter select {
- vertical-align: middle;
- width: 195px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- box-sizing: border-box;
- color: #000;
- border: 2px solid #e4e7ea !important;
- border-right: none !important;
- margin: 0;
- padding: 2px 10px;
- background: white url("../img/svg/select-arrow-down-alt2.svg") no-repeat center right 10px !important;
- flex: 1 1 195px;
- border-radius:0px;
- }
- .fl-icons-filter input[type="text"] {
- line-height: 18px;
- vertical-align: middle;
- width: 160px;
- flex: 1 1 160px;
- border: 2px solid #e4e7ea !important;
- border-radius:0px !important;
- padding:2px 10px !important;
- }
- .fl-icons-filter input[type="text"]:focus,
- .fl-icons-filter select:focus {
- border: 2px solid #00A0D2 !important;
- }
- .fl-icons-list {
- bottom: 52px;
- left: 0;
- overflow: auto;
- padding: 20px;
- position: absolute;
- right: 0;
- top: 48px;
- }
- .fl-icons-list::-webkit-scrollbar {
- background-color: #ccc;
- -webkit-appearance: none;
- width: 10px;
- }
- .fl-icons-list::-webkit-scrollbar-thumb {
- background-color: #666;
- border: 1px solid #ccc;
- }
- .fl-icons-section {
- text-align: center;
- }
- .fl-icons-section h2 {
- border-bottom: 1px solid #dfdfdf;
- color: #333 !important;
- font-family: Helvetica, Verdana, sans-serif !important;
- font-size: 16px !important;
- font-weight: bold !important;
- margin: 0 0 20px 0 !important;
- padding: 0 0 10px 0 !important;
- text-align: left;
- }
- .fl-icons-list i,
- .fl-icons-list i:before {
- cursor: pointer;
- display: inline-block;
- font-size: 40px;
- height: 100px;
- line-height: 100px;
- width: 100px;
- background: transparent;
- }
- .fl-icons-list i:hover {
- background: white;
- box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- }
- .fl-icon-selector-footer {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- }
|