1 /* Some overrides from default bootstrap styles */
5 font-family: 'Open Sans', sans-serif;
16 .label-success, .badge-success {
17 background-color: rgb(129, 189, 130);
19 .label-info, .badge-info {
20 background-color: rgb(104, 163, 213);
24 .alert [class^="icon-"],
25 .alert [class*=" icon-"] {
31 display: inline-block;
34 .alert-success [class^="icon-"],
35 .alert-success [class*=" icon-"] {
38 .alert-info [class^="icon-"],
39 .alert-info [class*=" icon-"] {
42 .alert-danger [class^="icon-"],
43 .alert-danger [class*=" icon-"] {
50 color: rgb(78, 153, 223);
59 font-family: "Open Sans", Arial;
62 input[type="password"],
65 -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
66 -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
67 box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
70 -webkit-box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
71 -moz-box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
72 box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
73 -webkit-border-radius: 4px;
74 -moz-border-radius: 4px;
75 -ms-border-radius: 4px;
76 -o-border-radius: 4px;
79 .inline-input input[type="text"],
80 .inline-input input[type="password"],
81 input[type="text"].inline-input,
82 input[type="password"].inline-input {
87 border-bottom: 1px solid #d0dde9;
90 border-color: #dee3ea;
92 .inline-input input[type="text"]:focus,
93 .inline-input input[type="password"]:focus,
94 input[type="text"].inline-input:focus,
95 input[type="password"].inline-input:focus {
97 border-color: #5d6a80;
99 .inline-input input[type="text"]:hover,
100 .inline-input input[type="password"]:hover,
101 input[type="text"].inline-input:hover,
102 input[type="password"].inline-input:hover {
103 border-color: #959fb0;
106 input[type="text"]:focus,
107 input[type="password"]:focus,
109 border-color: #A2CEF0;
110 -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
111 -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
112 box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
114 /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
115 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
116 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);*/
119 text-transform: uppercase;
122 text-decoration: underline;
127 border-color: #dee3ea;
132 border-color: #d0dde9;
139 display: inline-block;
142 input[disabled], textarea[disabled], input[readonly], textarea[readonly] {
143 color: rgb(177, 177, 177);
145 /* native placeholders */
146 input:-moz-placeholder,
147 textarea:-moz-placeholder {
149 font-family: "Open Sans", Arial;
153 input:-ms-input-placeholder,
154 textarea:-ms-input-placeholder {
156 font-family: "Open Sans", Arial;
160 input::-webkit-input-placeholder,
161 textarea::-webkit-input-placeholder {
163 font-family: "Open Sans", Arial;
168 /* PREPEND & APPEND INPUT */
171 .input-group .uneditable-input,
172 .input-group .uneditable-input {
173 border: 1px solid #d6e2eb;
175 .input-group .input-group-addon {
176 background-color: #f2f5f9;
177 border: 1px solid #d6e2eb;
187 border-bottom: 1px solid #191e23;
189 background: #2c3742; /* Old browsers */
190 background: -moz-linear-gradient(top, #2c3742 0%, #28303a 100%); /* FF3.6+ */
191 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3742), color-stop(100%,#28303a)); /* Chrome,Safari4+ */
192 background: -webkit-linear-gradient(top, #2c3742 0%,#28303a 100%); /* Chrome10+,Safari5.1+ */
193 background: -o-linear-gradient(top, #2c3742 0%,#28303a 100%); /* Opera 11.10+ */
194 background: -ms-linear-gradient(top, #2c3742 0%,#28303a 100%); /* IE10+ */
195 background: linear-gradient(to bottom, #2c3742 0%,#28303a 100%); /* W3C */
196 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3742', endColorstr='#28303a',GradientType=0 ); /* IE6-9 */
199 .navbar-inverse .navbar-nav {
203 .navbar-inverse .navbar-toggle {
209 .navbar-inverse .navbar-brand {
211 text-transform: uppercase;
212 font-weight: lighter;
215 .navbar-inverse .navbar-brand strong {
219 .navbar-inverse .nav > li > a {
220 padding: 13px 15px 8px;
221 border-left: 1px solid #101417;
222 color: rgb(214, 214, 214);
225 transition: background .1s linear;
226 -moz-transition: background .1s linear; /* Firefox 4 */
227 -webkit-transition: background .1s linear; /* Safari and Chrome */
228 -o-transition: background .1s linear; /* Opera */
230 .navbar-inverse .nav > li > a:hover {
231 background: rgba(25, 31, 36,0.6);
238 /* dropdown active */
240 .dropdown.open > a:hover,
241 .dropdown.open > a:focus {
242 border-color: #101417;
245 .dropdown-menu > li > a {
249 .dropdown-menu > li > a:hover,
250 .dropdown-menu > li > a:focus,
251 .dropdown-submenu:hover > a,
252 .dropdown-submenu:focus > a {
253 background: rgb(60, 91, 121) !important;
258 .pagination > li > a, .pagination > li > span {
261 .pagination.inverse a,
262 .pagination.inverse span {
263 background-color: #333e4a;
265 border-top-color: #333e4a;
266 border-bottom-color: #333e4a;
267 border-right-color: #566676;
268 border-left-color: #566676;
270 .pagination.inverse a:hover,
271 .pagination.inverse span:hover {
272 background-color: #000;
274 .pagination.inverse > li.active > a {
276 background-color: #212b36;
277 border-right-color: #212b36;
278 border-left-color: #212b36;
284 border-top:1px solid #dee3ea;
286 .table-hover tbody tr:hover > td,
287 .table-hover tbody tr:hover > th {
288 background-color: #f5fafc;
293 .table th.sortable:hover {
294 text-decoration: underline;
299 padding-bottom: 20px !important;
300 padding-top: 5px !important;
301 text-transform: uppercase;
303 vertical-align: top !important;
304 border-bottom: 0px !important;
308 border-top-color: #edf2f7 !important;
309 vertical-align: middle !important;
311 .table th.align-right,
312 .table td.align-right {
314 padding-right: 10px !important;
323 border-left: 1px solid #dee3ea;
329 opacity: 0.5 !important;
333 /* override navbar toggle */
334 @media (max-width: 768px) {
336 display: block !important;