.modal-body #fa-top { float: left; margin-top: -15px; } .modal-body #fa-bottom { clear: both; float: right; margin-bottom: -15px; } .form-group .input-group .input-group-btn .btn i { color: #187c9a; width: 22px; text-align: left; } .form-group .input-group .input-group-btn .btn i.fa-remove { width: auto; } .icon-body { margin-right: 160px; } .icon-body .page-header { padding: 16px 0; } .fb-timeliner { position: fixed; top: 96px; right: 46px; width: 140px; bottom: 100px; } .fb-timeliner ul { top: 44px; width: 150px; bottom: 0; position: absolute; overflow-y: auto; padding-left: 6px; } .fb-timeliner ul li { margin-bottom: 3px; } .fb-timeliner ul li.active a { color: #7a7a7a; border-left: 4px solid #5bc0de; padding-left: 10px; } .fb-timeliner ul li a { color: #999797; border-left: 4px solid #d3d7dd; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; display: block; } .fb-timeliner ul li a:hover { color: #999797; border-left: 4px solid #d9534f; padding-left: 10px; } .fb-timeliner h2 { background: #828283; color: #fff; margin-top: 0; padding: 10px 15px; font-size: 16px; border-radius: 4px; -webkit-border-radius: 4px; font-weight: 300; } .recent-highlight { background: #FF6C60 !important; } .icon-content { position: fixed; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 1051; display: none; } .icon-content .modal-body { position: fixed; left: 18px; right: 16px; top: 62px; bottom: 80px; overflow: auto; max-height: inherit; height: inherit; } .icon-content .modal-footer { position: fixed; left: 16px; right: 16px; bottom: 15px; } .icon-content .modal-footer span { vertical-align: middle; font-size: 14px; color: #000; } .icon-content .modal-footer i { vertical-align: middle; font-size: 22px; width: 30px; text-align: center; color: #337ab7; display: inline-block; } .fontawesome-icon-list .fa-hover a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 32px; padding-left: 10px; display: block; color: #222; height: 32px; border-radius: 4px; } .fontawesome-icon-list .fa-hover a:hover { background-color: #1d9d74; color: #fff; text-decoration: none; } .fontawesome-icon-list .fa-hover a .fa { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; } .fontawesome-icon-list .fa-hover a:hover .fa { font-size: 28px; vertical-align: -6px; } .fontawesome-icon-list ul { display: block; margin-left: -28px; } .fontawesome-icon-list ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 32px; padding-left: 10px; list-style: none; float: left; padding-right: 15px; padding-top: 2px; padding-bottom: 4px; height: 32px; vertical-align: middle; color: #222; } .fontawesome-icon-list ul li:hover { background-color: #1d9d74; color: #fff; text-decoration: none; border-radius: 4px; cursor: pointer; } .fontawesome-icon-list ul li:hover span:nth-child(1) { font-size: 28px; vertical-align: middle; } .fontawesome-icon-list ul li span:nth-child(1) { margin-right: 10px; } .menu-content { display: none; z-index: 1051; } .menu-content .modal-body { overflow-y: auto; max-height: 400px; padding-bottom: 15px; } .menu-content .dd { max-width: inherit; } .faicon { padding-bottom: 15px; } .faicon .fb-timeliner { top: 130px; right: 32px; bottom: 70px; } .faicon .nav-tabs > li.active > a, .faicon .nav-tabs > li.active > a:hover, .faicon .nav-tabs > li.active > a:focus { background-color: #41CAC0; }