1@import "template.less";
2@import "../../../../media/jui/less/bootstrap-rtl.less";
3
4.navbar {
5	.admin-logo {
6		float: right;
7		padding: 7px 15px 0px 12px;
8	}
9	.brand {
10		float: left;
11		padding: 6px 10px;
12	}
13	.nav {
14		margin: 0 0 0 10px;
15		> li > a {
16			padding: 6px 10px;
17		}
18		> li ul {
19			overflow-y: auto;
20			overflow-x: hidden;
21			-webkit-overflow-scrolling: touch;
22			-moz-overflow-scrolling: touch;
23			-ms-overflow-scrolling: touch;
24			-o-overflow-scrolling: touch;
25			overflow-scrolling: touch;
26			height: auto;
27			max-height: 500px;
28			margin: 0;
29			&::-webkit-scrollbar {
30				-webkit-appearance: none;
31				width: 7px;
32			}
33			&::-webkit-scrollbar-thumb {
34				border-radius: 4px;
35				background-color: rgba(0,0,0,.5);
36				-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
37			}
38		}
39	}
40	.nav-user .dropdown-menu li span {
41	padding-left: 0;
42	padding-right: 10px;
43	}
44	.nav > .dropdown.open:after {
45		right: 10px;
46		width: 0;
47	}
48	.empty-nav {
49		display: none;
50	}
51}
52
53#toolbar {
54	.btn {
55	    padding: 0 10px;
56	}
57	[class^="icon-"], [class*=" icon-"] {
58	    border-radius: 0 3px 3px 0;
59	    border-right: 0;
60	    border-left: 1px solid #b3b3b3;
61	    margin: 0 -10px 0 6px;
62	}
63}
64.chzn-container-single .chzn-single {
65    padding-left: 8px;
66    div {
67	    border-left: 0;
68	    border-right: 1px solid #cccccc;
69	}
70	abbr {
71    	left: 36px;
72	}
73}
74.chzn-container-active.chzn-with-drop .chzn-single div {
75    background-color: #f3f3f3;
76    border-bottom: 1px solid #cccccc;
77    border-bottom-left-radius: 0px;
78    border-bottom-right-radius: 3px;
79    border-left: 1px solid #cccccc;
80}
81.chzn-container-multi .chzn-choices .search-choice {
82    padding-left: 7px;
83    .search-choice-close {
84	    margin-left: 0;
85	    margin-right: 3px;
86	}
87}
88.chzn-container .chzn-single.chzn-color[rel="value_0"] div,
89.chzn-container .chzn-single.chzn-color[rel="value_1"] div {
90  border-right: none;
91}
92.chzn-container-single .chzn-search::after {
93    left: 20px;
94    right: auto;
95}
96
97.container-logo {
98	padding-top: 0;
99	float: left;
100	text-align: left;
101}
102
103.page-title {
104	[class^="icon-"],
105	[class*=" icon-"] {
106		margin-right: 0;
107		margin-left: 16px;
108	}
109}
110
111@media (max-width: @md-max) {
112	.navbar {
113		.admin-logo {
114			margin-right: 10px;
115			padding: 9px 9px 0 9px;
116		}
117		.btn-navbar {
118			float: left;
119			margin-right: 5px;
120			margin-left: 3px;
121		}
122		.nav-collapse .nav.pull-left {
123			float: none;
124			margin-left: 0;
125			margin-right: 0;
126		}
127	}
128
129	.nav-collapse .nav > li {
130		float: none;
131	}
132
133	.page-title {
134		[class^="icon-"],
135		[class*=" icon-"] {
136			margin-left: 10px;
137		}
138	}
139}
140
141/* Status module */
142#status {
143	padding: 4px 10px;
144
145	.btn-group {
146		margin: 0;
147	}
148	.btn-group.separator:after {
149		content: ' ';
150		display: block;
151		float: left;
152		background: #ADADAD;
153		margin: 0 10px;
154		height: 15px;
155		width: 1px;
156	}
157	.badge {
158		margin-left: .25em;
159		margin-right: 0;
160	}
161}
162
163/* Menus */
164.dropdown-menu > li > a {
165	text-align: right;
166}
167
168/* btn-group */
169.btn-group.btn-group-yesno > .btn, .btn-group > .btn, .btn-group > .btn + .dropdown-toggle {
170	float: none;
171}
172
173/* For grid.boolean */
174a.grid_false {
175	display: inline-block;
176	height: 16px;
177	width: 16px;
178	background-image: url('../images/admin/publish_r.png');
179}
180
181a.grid_true {
182	display: inline-block;
183	height: 16px;
184	width: 16px;
185	background-image: url('../images/admin/icon-16-allow.png');
186}
187
188/* Login */
189.view-login {
190	.login-joomla {
191		position: absolute;
192		right: 50%;
193		height: 24px;
194		width: 24px;
195		margin-right: -12px;
196		font-size: 22px;
197	}
198	.input-medium {
199		width: 169px;
200	}
201}
202.login {
203	.chzn-single {
204		width: 219px !important;
205	}
206	.chzn-container,
207	.chzn-drop {
208		width: 227px !important;
209		max-width: 227px !important;
210	}
211	.input-prepend .chzn-container-single .chzn-single {
212		.border-radius(3px 0 0 3px);
213		border-right:0px;
214	}
215}
216
217/* For collapsible sidebar */
218.j-sidebar-container {
219	position: absolute;
220	display: block;
221	left: auto;
222	right: -16.5%;
223	padding-top: 28px;
224	padding-bottom: 40px;
225	clear: both;
226	margin: -10px -1px 0 0;
227	border-right: 0;
228	border-left: 1px solid #d3d3d3;
229}
230
231.j-sidebar-container.j-sidebar-hidden {
232	left: auto;
233	right: -16.5%;
234}
235
236.j-sidebar-container.j-sidebar-visible {
237	left: auto;
238	right: 0;
239}
240
241.j-toggle-sidebar-header {
242	padding: 10px 19px 10px 0;
243}
244
245.sidebar {
246	padding: 3px 4px 3px 3px;
247}
248
249.j-toggle-button-wrapper {
250	&.j-toggle-hidden {
251		right: auto;
252		left: -24px;
253	}
254	&.j-toggle-visible {
255		right: auto;
256		left: 10px;
257	}
258}
259
260.j-sidebar-container .icon-folder-2 {
261    line-height: 15px;
262    padding-left: 0;
263}
264
265#system-message-container,
266#j-main-container {
267	padding: 0 5px 0 0;
268}
269
270#system-message-container.j-toggle-main,
271#j-main-container.j-toggle-main,
272#system-debug.j-toggle-main {
273	float: left;
274}
275
276@media (max-width: @lg-max) {
277	.j-toggle-button-wrapper.j-toggle-hidden {
278		right: auto;
279		left: -20px;
280	}
281}
282
283@media (max-width: @md-max) {
284	.j-sidebar-container {
285		position: relative;
286		padding: 0;
287		border-right: 0;
288		border-left: 0;
289	}
290
291	.j-sidebar-container.j-sidebar-hidden {
292		margin-left: auto;
293		margin-right: 16.5%;
294	}
295
296	.j-sidebar-container.j-sidebar-visible {
297		margin-left: auto;
298		margin-right: 0;
299	}
300
301	/* login */
302	.view-login {
303		select {
304			width: 229px
305		}
306	}
307}
308
309#j-main-container.expanded {
310	margin-right: 0;
311}
312
313/* Modal batch */
314@media (min-width: @md) {
315	.row-fluid [class*="span"] {
316		margin-right: 15px;
317		margin-left: 0;
318	}
319
320	.row-fluid .modal-batch [class*="span"] {
321		margin-right: 0;
322	}
323}
324
325.row-fluid .modal-batch [class*="span"] {
326	margin-right: 0;
327}
328
329/* Extended Responsive Styles */
330@media (max-width: @sm-max) {
331	.btn-toolbar .btn-wrapper .btn {
332		width: 100% !important;
333		margin-right:0px;
334	}
335	.btn-toolbar .btn-wrapper {
336		margin:0 10px 5px 10px;
337	}
338}
339
340@media (max-width: 420px) {
341	.j-sidebar-container {
342		margin: 0;
343	}
344	/* login */
345	.view-login {
346		.input-medium {
347			width: 173px;
348		}
349		select {
350			width: 229px
351		}
352	}
353}
354
355/* Stats plugin */
356.js-pstats-data-details dd {
357	margin-right: 240px;
358}
359
360/* Modal footer */
361.modal-footer button {
362	float: left;
363}
364
365/* Modal Header text align right even if parent container centered */
366.modal-header {
367	text-align: right;
368}
369
370
371/* Media Manager */
372#mediamanager-form .thumbnails-media .thumbnail {
373    margin-left: 18px !important;
374    margin-right: 0;
375    direction: ltr;
376    text-align: center;
377}
378.thumbnails-media .imgThumb label::before, .thumbnails-media .imgThumb .imgThumbInside::before {
379	left: 0;
380	right: auto;
381	border-radius: 3px 0;
382}
383.thumbnails-media .thumbnail input[type="radio"], .thumbnails-media .thumbnail input[type="checkbox"] {
384    left: auto;
385    right: 5px;
386}
387.thumbnails-media .imgDelete a.close {
388	border-radius: 0 3px;
389}
390.thumbnails-media .imgPreview a, .thumbnails-media .imgDetails {
391    border-radius: 3px 0;
392    border-width: 1px;
393    left: 0;
394    right: 0;
395    text-align: left;
396    direction: ltr;
397}
398.thumbnails-media .imgPreview a {
399	width: 100%;
400}
401
402/* SubForms (Table) */
403.subform-table-layout {
404	td {
405		padding-left: 10px;
406		&::before {
407			content: attr(data-column);
408			left: auto;
409			right: 10px;
410			padding-left: 10px;
411			padding-right: 0;
412		}
413	}
414	.subform-repeatable tbody td:last-of-type {
415		text-align: left;
416	}
417	.form-horizontal .controls {
418		margin-top: 0;
419	}
420}
421
422/* com_templates */
423.tree-holder {
424	ul {
425		ul {
426			padding-right: 15px;
427			box-shadow: 3px 0 0 rgba(0, 0, 0, 0.08);
428			padding-left: 0;
429			.folder-url, .file {
430				box-shadow: 3px 0 0 @linkColor;
431				border-right: 0;
432				border-left: 1px solid rgba(0, 0, 0, 0.08);
433			}
434		}
435	}
436}
437
438/* Dropdown */
439.dropdown-reverse {
440	left: 0;
441	right: auto;
442}
443
444/* CPanel Site Information mod_stats_admin */
445.com_cpanel .well > .row-striped > .row-fluid [class*="span"],
446.com_cpanel .well > .list-striped > .row-fluid [class*="span"] {
447	margin-right: 0;
448}
449