.btn.blue-haze:not(.btn-outline) { color: #fff; background-color: #0380b0; border-color: #0380b0; } .btn.red-haze:not(.btn-outline) { color: #fff; background-color: #f36a5a; border-color: #f36a5a; } .btn.danger-haze:not(.btn-outline) { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn.green-haze:not(.btn-outline) { color: #fff; background-color: #398439; border-color: #009300; } .btn.pending-haze:not(.btn-outline) { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn.green:not(.btn-outline) { color: #FFF; background-color: #32c5d2; border-color: #32c5d2; } .btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before { position: absolute; top: -8px; left: 9px; right: auto; display: inline-block!important; border-right: 8px solid transparent; border-bottom: 8px solid #e0e0e0; border-left: 8px solid transparent; content: ''; } .btn-group>.dropdown-menu:after, .dropdown-toggle>.dropdown-menu:after, .dropdown>.dropdown-menu:after { position: absolute; top: -7px; left: 10px; right: auto; display: inline-block!important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: ''; } .btn-group>.dropdown-menu, .dropdown-toggle>.dropdown-menu, .dropdown>.dropdown-menu { margin-top: 10px; } .dropdown-menu { /*box-shadow: 5px 5px rgba(102,102,102,.1);*/ left: 0; min-width: 0; position: absolute; z-index: 1000; display: none; float: left; list-style: none; text-shadow: none; padding: 0; background-color: #fff; margin: 10px 0 0; border: 1px solid #eee; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .dropdown-menu>li>a { padding: 8px 16px; color: #6f6f6f; text-decoration: none; display: block; clear: both; font-weight: 300; line-height: 18px; white-space: nowrap; font-family: 'mitra-bold'; direction: rtl; } li [class*=" icon-"], li [class^=icon-] { top: 1px; position: relative; } li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"], li [class^=fa-], li [class^=glyphicon-], li [class^=icon-] { display: inline-block; width: 1.25em; text-align: center; }