1 

     2 /*

     3  * Components layout

     4  */

     5 

     6 html {

     7 	margin: 0;

     8 	padding: 0;

     9 	height: 100%;

    10 	overflow-x: hidden!important;

    11 	background-color: #e5e2cf;

    12 }

    13 

    14 body {

    15 	margin: 0;

    16 	padding: 0;

    17 	height: 100%;

    18 	overflow: hidden;

    19 	background-color: #e5e2cf;

    20 	direction: ltr;

    21 

    22 	&.container {

    23 		position: relative;

    24 		padding: 0;

    25 		border-left: 1px solid #bfbfbf;

    26 		border-right: 1px solid #bfbfbf;

    27 		-webkit-box-shadow: 0 2px 70px rgba(0, 0, 0, .45);

    28 		box-shadow: 0 2px 70px rgba(0, 0, 0, .45);

    29 	}

    30 	&.nooverflow {

    31 		position: fixed;

    32 		overflow: hidden;

    33 		width: 100%;

    34 	}

    35 }

    36 

    37 #main {

    38 	display: block;

    39 	margin-left: 220px;

    40 	padding: 0;

    41 	min-height: 500px;

    42 	-webkit-transition: all .1s ease-out;

    43 	transition: all .1s ease-out;

    44 

    45 	@media (max-width:979px) {

    46 		margin-left: 0;

    47 	}

    48 }

    49 

    50 #content {

    51 	padding: 10px;

    52 	position: relative;

    53 	left: 0;

    54 	-webkit-transition: left .1s ease-out;

    55 	transition: left .1s ease-out;

    56 

    57 	@media (max-width:767px) {

    58 		padding-left: 5px;

    59 		padding-right: 5px;

    60 	}

    61 }

    62 

    63 .page-title {

    64 	margin: 12px 0 15px;

    65 

    66 	span {

    67 		font-size: 16px;

    68 		color: #333;

    69 		display: inline-block;

    70 		vertical-align: 1px;

    71 

    72 		i {

    73 			padding: 0 5px;

    74 		}

    75 	}

    76 }

    77 

    78 aside {

    79 	display: block;

    80 	width: 220px;

    81 	overflow: hidden;

    82 	min-height: 100%;

    83 

    84 	&,

    85 	nav li.divider {

    86 		background: #829db0;

    87 		/*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696));

    88 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);

    89 		background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696));

    90 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);

    91 		background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/

    92 	}

    93 }

    94 

    95 #header {

    96 	display: block;

    97 	height: 49px;

    98 	position: relative;

    99 	margin: 0;

   100 	padding: 0 13px 0 0;

   101 	background-color: #f3f3f3;

   102 	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));

   103 	background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);

   104 	background-image: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), to(#e2e2e2));

   105 	background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);

   106 	background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);

   107 	background-repeat: repeat-x;

   108 

   109 	@media (max-width:767px) {

   110 		padding-right: 5px;

   111 	}

   112 	@media only screen and (max-width:679px) {

   113 		padding-right: 5px;

   114 		background: #fff;

   115 	}

   116 	>div {

   117 		display: inline-block;

   118 		vertical-align: middle;

   119 		height: 49px;

   120 		float: left;

   121 

   122 		&.open {

   123 			font-weight: 700;

   124 		}

   125 	}

   126 

   127 	.fixed-header & {

   128 		position: fixed;

   129 		width: 100%;

   130 		z-index: 1001;

   131 

   132 		.container& {

   133 			max-width: 1164px;

   134 		}

   135 		.ajax-dropdown {

   136 			z-index: 1000;

   137 		}

   138 	}

   139 }

   140 

   141 .fixed-header {

   142 	#shortcut {

   143 		position: fixed;

   144 	}

   145 	#main {

   146 		margin-top: 49px;

   147 	}

   148 }

   149 

   150 #top-links {

   151 	>div {

   152 		display: inline-block;

   153 		float: left;

   154 

   155 		@media (min-width: 768px) and (max-width: 1089px) {

   156 			display: none;

   157 

   158 			&:first-child {

   159 				display: inline-block;

   160 			}

   161 		}

   162 		@media (max-width: 767px) {

   163 			display: none;

   164 		}

   165 	}

   166 }

   167 .top-menu {

   168 	display: inline-block;

   169 	padding: 7px 13px 0;

   170 	position: relative;

   171 

   172 	@media (max-width:767px) {

   173 		display: none;

   174 	}

   175 	>span {

   176 		display: block;

   177 	}

   178 	>:first-child {

   179 		display: block;

   180 		color: #bfbfbf;

   181 		font-size: 10px;

   182 		font-weight: 700;

   183 		text-transform: uppercase;

   184 		text-shadow: 0 0 1px #fff;

   185 		padding-left: 0;

   186 		text-align: left;

   187 	}

   188 }

   189 .top-tabs {

   190 	display: inline-block;

   191 	padding: 7px 13px 0;

   192 	position: relative;

   193 

   194 	>span {

   195 		display: block;

   196 	}

   197 	>:first-child {

   198 		display: block;

   199 		color: #bfbfbf;

   200 		font-size: 10px;

   201 		font-weight: 700;

   202 		text-transform: uppercase;

   203 		text-shadow: 0 0 1px #fff;

   204 		padding-left: 5px;

   205 		text-align: left;

   206 	}

   207 	.nav-tabs {

   208 		li {

   209 			a {

   210 				padding: 2px 10px 3px!important;

   211 				border-color: #ccc #ccc transparent;

   212 				box-shadow: 0px -2px 3px #ccc;

   213 				margin-top: 3px!important;

   214 			}

   215 			&.active a {

   216 				margin-top: 3px!important;

   217 				padding: 2px 10px 3px!important;

   218 			}

   219 		}

   220 	}

   221 }

   222 .top-selector {

   223 	max-width: 97%;

   224 	white-space: nowrap;

   225 	background: 0 0;

   226 	border: 0;

   227 	padding: 0;

   228 	text-align: left;

   229 	color: #555;

   230 	font-size: 14px;

   231 	cursor: pointer;

   232 

   233 	&:hover {

   234 		color: #333;

   235 	}

   236 }

   237 

   238 

   239 #login-info {

   240 	@media (max-width:979px) {

   241 		display: none;

   242 	}

   243 	>span {

   244 		display: inline-block;

   245 		height: 39px;

   246 		float: left;

   247 

   248 		.badge {

   249 			position: absolute;

   250 			top: -5px;

   251 			right: -9px;

   252 			cursor: pointer;

   253 			background: #0091d9;

   254 			display: inline-block;

   255 			font-size: 10px;

   256 			-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);

   257 			box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);

   258 			color: #fff;

   259 			font-weight: 700;

   260 			border-radius: 50%;

   261 			padding: 3px;

   262 			text-align: center;

   263 			line-height: normal;

   264 		}

   265 	}

   266 	span#activity {

   267 		border-radius: 2px;

   268 		cursor: default!important;

   269 		display: inline-block;

   270 		font-weight: 700;

   271 		height: 24px;

   272 		width: 24px;

   273 		padding: 2px;

   274 		text-align: center;

   275 		text-decoration: none!important;

   276 		-moz-user-select: none;

   277 		-webkit-user-select: none;

   278 		background-color: #f8f8f8;

   279 		background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));

   280 		background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);

   281 		background-image: -webkit-gradient(linear, top left, bottom left, from(#f8f8f8), to(#f1f1f1));

   282 		background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);

   283 		background-image: linear-gradient(top, #f8f8f8, #f1f1f1);

   284 		border: 1px solid #bfbfbf;

   285 		color: #c4bab6;

   286 		font-size: 19px;

   287 		margin: 5px 0 0;

   288 		position: relative;

   289 

   290 		&:hover {

   291 			border: 1px solid #bfbfbf;

   292 			-webkit-transition: all 0s;

   293 			transition: all 0s;

   294 			cursor: pointer!important;

   295 			-webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08);

   296 			box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08);

   297 		}

   298 	}

   299 }

   300 

   301 #logo {

   302 	display: inline-block;

   303 	width: 175px;

   304 	margin-top: 7px;

   305 	margin-left: 9px;

   306 

   307 	@media (min-width:768px) and (max-width:880px) {

   308 		margin-top: 10px;

   309 	}

   310 	@media (max-width:767px) {

   311 		margin-top: 10px;

   312 		margin-left: 4px;

   313 	}

   314 	@media only screen and (min-width:0) and (max-width:679px) {

   315 		margin-top: 10px;

   316 		margin-left: 4px;

   317 	}

   318 	@media only screen and (min-width:320px) and (max-width:479px) {

   319 		width: 135px;

   320 		margin-top: 10px;

   321 		margin-left: 4px;

   322 	}

   323 	img {

   324 		max-width: 175px;

   325 		max-height: 36px;

   326 		padding-left: 3px;

   327 	}

   328 }

   329 

   330 #logo-group {

   331 	width: 220px;

   332 

   333 	@media only screen and (min-width:480px) and (max-width:1089px) {

   334 		width: 175px;

   335 	}

   336 	@media only screen and (min-width:320px) and (max-width:479px) {

   337 		width: 169px!important;

   338 	}

   339 }

   340 

   341 .uv-icon {

   342 	position: absolute!important;

   343 	left: 155px!important;

   344 	top: 5px!important;

   345 	z-index: 500!important;

   346 

   347 	@media only screen and (min-width:0) and (max-width:1089px) {

   348 		left: 130px!important;

   349 	}

   350 }

   351 

   352 #activity.active .badge {

   353 	background: #006fa6!important;

   354 }

   355 

   356 .header-search {

   357 	position: relative;

   358 

   359 	@media (max-width:767px) {

   360 		display: none;

   361 	}

   362 

   363 	&.pull-right {

   364 		margin-left: 6px;

   365 

   366 		@media (max-width:979px) {

   367 			margin-left: 0;

   368 		}

   369 	}

   370 	>input[type=text] {

   371 		display: block;

   372 		-webkit-box-sizing: border-box;

   373 		box-sizing: border-box;

   374 		-moz-box-sizing: border-box;

   375 		min-width: 200px;

   376 		width: 100%;

   377 		height: 30px;

   378 		padding: 0 10px;

   379 		outline: 0;

   380 		border-width: 1px;

   381 		border-style: solid;

   382 		border-radius: 0;

   383 		border-color: #bfbfbf;

   384 		background: #fff;

   385 		color: #404040;

   386 		appearance: normal;

   387 		-moz-appearance: none;

   388 		-webkit-appearance: none;

   389 		margin-top: 10px;

   390 		line-height: normal;

   391 

   392 		@media (min-width:768px) and (max-width:979px) {

   393 			margin-top: 9px;

   394 		}

   395 	}

   396 	>button {

   397 		background: 0 0;

   398 		border: 0;

   399 		color: #6D6A69;

   400 		font-size: 17px;

   401 		height: 30px;

   402 		line-height: 30px;

   403 		margin: 0;

   404 		padding: 0;

   405 		position: absolute;

   406 		right: 0;

   407 		top: 10px;

   408 		width: 30px;

   409 		z-index: 2;

   410 	}

   411 }

   412 

   413 #search-mobile {

   414 	display: none;

   415 

   416 	@media (max-width:767px) {

   417 		display: block;

   418 	}

   419 	@media only screen and (min-width:0) and (max-width:679px) {

   420 		display: block;

   421 	}

   422 	@media only screen and (min-width:320px) and (max-width:479px) {

   423 		margin-left: 0;

   424 	}

   425 }

   426 

   427 .search-mobile {

   428 	@media (max-width:767px) {

   429 		.header-search {

   430 			display: block;

   431 			position: absolute;

   432 			top: 0;

   433 			width: 100%;

   434 			height: 49px;

   435 			background: #333;

   436 			padding: 0 2px;

   437 			-webkit-box-sizing: border-box;

   438 			-moz-box-sizing: border-box;

   439 			box-sizing: border-box;

   440 			left: 0;

   441 

   442 			>input[type=text] {

   443 				margin-top: 2px;

   444 				height: 45px;

   445 				border-color: #333;

   446 				padding-right: 75px;

   447 			}

   448 			>button {

   449 				height: 29px;

   450 				line-height: 29px;

   451 				background: #DDD;

   452 				right: 44px;

   453 			}

   454 		}

   455 		#search-mobile {

   456 			display: none;

   457 		}

   458 		#cancel-search-js {

   459 			display: block;

   460 		}

   461 	}

   462 }

   463 

   464 #cancel-search-js {

   465 	position: absolute;

   466 	display: none;

   467 	background: #a90329;

   468 	z-index: 3;

   469 	color: #fff;

   470 	padding: 0;

   471 	right: 10px;

   472 	top: 10px;

   473 	text-align: center;

   474 	height: 29px;

   475 	line-height: 29px;

   476 	width: 30px;

   477 	font-size: 17px;

   478 	text-decoration: none!important;

   479 }

   480 

   481 #left-panel {

   482 	position: absolute;

   483 	top: 49px;

   484 	left: 0;

   485 	z-index: 1002;

   486 	-webkit-transition: left .1s ease-out;

   487 	transition: left .1s ease-out;

   488 

   489 	@media (max-width:979px) {

   490 		left: -220px;

   491 	}

   492 	.fixed-navigation & {

   493 		position: fixed;

   494 		z-index: 998;

   495 

   496 		@media (max-width:767px) {

   497 			position: absolute!important;

   498 		}

   499 	}

   500 	.version {

   501 		position: absolute;

   502 		bottom: 2px;

   503 		width: 100%;

   504 		text-align: center;

   505 		font-size: 11px;

   506 		color: #333;

   507 	}

   508 }

   509 

   510 #ribbon {

   511 	height: 40px;

   512 	background: #6f8696;

   513 	padding: 0 40px 0 13px;

   514 	position: relative;

   515 

   516 	@media (max-width:767px) {

   517 		padding-left: 5px;

   518 		padding-right: 5px;

   519 	}

   520 	@media only screen and (min-width:0) and (max-width:679px) {

   521 		border-bottom: 1px solid #CFCFCF;

   522 		border-top: 1px solid #E6E6E6;

   523 		background: #F5F5F5;

   524 	}

   525 	.breadcrumb {

   526 		display: inline-block;

   527 		margin: 0;

   528 		padding: 12px 34px 10px 0!important;

   529 		background: 0 0;

   530 		vertical-align: top;

   531 

   532 		&,

   533 		a {

   534 			color: #ddd!important;

   535 			text-decoration: none!Important;

   536 

   537 			@media only screen and (min-width:0) and (max-width:679px) {

   538 				color: #6D6C6C!important;

   539 			}

   540 		}

   541 		>li+li:before {

   542 			padding: 0 1px 0 5px;

   543 		}

   544 		li:last-child,

   545 		>.active {

   546 			color: #eee;

   547 

   548 			@media only screen and (min-width:0) and (max-width:679px) {

   549 				color: #333!important;

   550 			}

   551 		}

   552 	}

   553 }

   554 

   555 .fixed-ribbon {

   556 	#ribbon {

   557 		position: fixed;

   558 		right: 0;

   559 		left: 220px;

   560 		top: 49px;

   561 		z-index: 999;

   562 

   563 		@media (max-width:979px) {

   564 			left: 0;

   565 		}

   566 	}

   567 	.container& #ribbon {

   568 		width: 944px;

   569 		left: 590px;

   570 	}

   571 	#content {

   572 		padding-top: 50px;

   573 

   574 		@media (max-width:767px) {

   575 			padding-top: 52px;

   576 		}

   577 	}

   578 	.minified& #ribbon {

   579 		left: 45px;

   580 	}

   581 	.hidden-menu& #ribbon {

   582 		left: 10px;

   583 

   584 		@media (max-width:979px) {

   585 			left: 220px;

   586 		}

   587 	}

   588 }

   589 .hidden-ribbon {

   590 	#ribbon {

   591 		height: 1px;

   592 		min-height: 1px;

   593 		max-height: 1px;

   594 

   595 		>* {

   596 			display: none;

   597 		}

   598 	}

   599 }

   600 

   601 .ribbon {

   602 	position: absolute;

   603 	right: 9px;

   604 	top: -4px;

   605 }

   606 

   607 .header-dropdown-list {

   608 	list-style: none;

   609 	float: right;

   610 	position: relative;

   611 	margin: 0;

   612 	padding-left: 10px;

   613 

   614 	>li {

   615 		display: inline-block;

   616 		padding-right: 5px;

   617 	}

   618 	>li >.dropdown-toggle {

   619 		margin-top: 16px;

   620 		display: block;

   621 	}

   622 }

   623 

   624 .smart-accordion-default {

   625 	&.panel-group {

   626 		.panel+.panel {

   627 			margin-top: -1px;

   628 		}

   629 		.panel-heading {

   630 			padding: 0;

   631 		}

   632 		.panel-title a {

   633 			display: block;

   634 			padding: 10px 15px;

   635 			text-decoration: none!important;

   636 		}

   637 	}

   638 	.panel-group .panel,

   639 	.panel-heading {

   640 		border-radius: 0;

   641 	}

   642 	.panel-default {

   643 		border-color: #c3c3c3;

   644 

   645 		>.panel-heading {

   646 			background-color: #fcfcfc;

   647 		}

   648 	}

   649 	.panel-title {

   650 		>a.collapsed >.fa,

   651 		>a >:first-child {

   652 			display: none;

   653 		}

   654 		>a.collapsed >:first-child {

   655 			display: inline-block;

   656 		}

   657 	}

   658 	.no-padding & {

   659 		>div {

   660 			border-left: 0!important;

   661 			border-right: 0!important;

   662 		}

   663 		>div:first-child {

   664 			border-top: 0!important;

   665 		}

   666 		>div:last-child {

   667 			border-bottom: 0!important;

   668 		}

   669 	}

   670 }

   671 

   672 #logo-group *,

   673 .login-info,

   674 .login-info *,

   675 .minified .menu-item-parent {

   676 	-webkit-box-sizing: content-box;

   677 	-moz-box-sizing: content-box;

   678 	box-sizing: content-box;

   679 }

   680 

   681 .login-info {

   682 	display: block;

   683 	font-size: 12px;

   684 	height: 39px;

   685 	color: #333;

   686 	border: solid transparent;

   687 	margin: 2px 0 0 10px !important;

   688 	float: right;

   689 

   690 	a,

   691 	strong {

   692 		text-transform: capitalize;

   693 		font-size: 14px;

   694 		display: inline-block;

   695 		color: #333;

   696 		text-decoration: none;

   697 		margin-left: 5px;

   698 	}

   699 	a:hover,

   700 	strong {

   701 		color: #666;

   702 	}

   703 	a.btn {

   704 		margin-top: 5px;

   705 	}

   706 	a.btn-danger,

   707 	a.btn-success,

   708 	a.btn-primary {

   709 		color: @white;

   710 	}

   711 	span {

   712 		/*height: 38px;*/

   713 		display: inline-block;

   714 		padding: 0 0 0 10px;

   715 		/*border-bottom: 1px solid #1A1817;*/

   716 

   717 		a.btn-success {

   718 			margin-top: -10px;

   719 		}

   720 	}

   721 	img {

   722 		width: 25px;

   723 		height: auto;

   724 		display: inline-block;

   725 		vertical-align: middle;

   726 		margin-top: -3px;

   727 		margin-right: 7px;

   728 		margin-left: 0;

   729 		border-left: 3px solid #fff;

   730 	}

   731 }

   732 

   733 .minifyme {

   734 	border-bottom: 1px solid #302F2F;

   735 	background: #454545;

   736 	color: #A8A8A8;

   737 	text-align: center;

   738 	padding: 1px 0 0;

   739 	width: 36px;

   740 	height: 28px;

   741 	display: block;

   742 	position: absolute;

   743 	right: -3px;

   744 	border-radius: 5px 0 0 5px;

   745 	cursor: pointer;

   746 	margin-top: 5px;

   747 	font-size: 19px;

   748 	-webkit-transition: all .1s linear 0s;

   749 	transition: all .1s linear 0s;

   750 

   751 	&:hover {

   752 		background: #646464;

   753 		color: #E4E4E4;

   754 		right: 0;

   755 	}

   756 }

   757 

   758 .minified {

   759 	.minifyme {

   760 		right: 0;

   761 		color: #A8A8A8;

   762 		position: relative;

   763 		width: 100%;

   764 		border-radius: 0;

   765 		margin: 0;

   766 		height: 32px;

   767 		font-size: 23px;

   768 

   769 		.fa:before {

   770 			content: "\f0a9";

   771 		}

   772 	}

   773 	#left-panel {

   774 		width: 45px;

   775 		overflow: visible;

   776 

   777 		@media (max-width:979px) {

   778 			left: 0;

   779 		}

   780 	}

   781 	#main {

   782 		margin-left: 45px;

   783 	}

   784 	#left-panel,

   785 	nav {

   786 		>ul >li {

   787 			overflow: visible;

   788 			/*border-bottom: 1px solid #1A1817;

   789 			border-top: 1px solid #525151;*/

   790 

   791 			>ul::before {

   792 				border-left: 0;

   793 			}

   794 		}

   795 		>ul >li,

   796 		>ul >li a {

   797 			position: relative;

   798 		}

   799 		ul >li >a {

   800 			padding: 12px 11px 10px;

   801 			display: block;

   802 		}

   803 		>ul >li >a .fa.fa-fw {

   804 			display: block;

   805 			width: auto;

   806 			text-align: center;

   807 			padding: 0;

   808 		}

   809 		>ul >li >a >i {

   810 			text-align: center;

   811 			margin: 0;

   812 			display: block;

   813 		}

   814 		>ul >li.active >a::before {

   815 			content: "\f0d9";

   816 		}

   817 		ul ul li a {

   818 			padding-top: 5px;

   819 			padding-bottom: 5px;

   820 			padding-left: 14px;

   821 		}

   822 		ul ul li li a {

   823 			padding-left: 25px;

   824 		}

   825 		>ul ul li::before,

   826 		>ul >li >ul::before {

   827 			left: 12px;

   828 		}

   829 		>ul >li >a .menu-item-parent,

   830 		>ul >li >a >b {

   831 			display: none;

   832 		}

   833 		>ul >li >a >.menu-item-parent {

   834 			display: none;

   835 			position: absolute;

   836 			left: 40px;

   837 			top: -3px;

   838 			width: 186px;

   839 			height: 36px;

   840 			line-height: 38px;

   841 			background-color: #f5f5f5;

   842 			color: #333;

   843 			z-index: 3;

   844 			-webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2);

   845 			box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2);

   846 			border-left: 1px solid #bfbfbf;

   847 			border-top: 1px solid #D8D4D4;

   848 			border-bottom: 1px solid #fff;

   849 			padding-left: 12px;

   850 		}

   851 		>ul >li >ul {

   852 			display: none!important;

   853 			position: absolute;

   854 			left: 40px;

   855 			width: 200px;

   856 			z-index: 5;

   857 			border: 1px solid #bfbfbf;

   858 			min-height: 180px;

   859 			-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);

   860 			box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);

   861 			background: #627685;

   862 			margin-top: -3px;

   863 		}

   864 		ul >li >ul >li >ul {

   865 			position: relative;

   866 			left: 13px;

   867 			border: 0;

   868 			margin-left: -12px;

   869 			width: 197px;

   870 		}

   871 		>ul >li:hover >a >.menu-item-parent,

   872 		>ul >li:hover >ul {

   873 			display: block!important;

   874 		}

   875 		>ul >li >ul >li {

   876 			background-color: rgba(91,103,113,0.8);

   877 			/*background-color: rgba(69, 69, 69, .9);*/

   878 		}

   879 		>ul >li >ul >li >ul >li {

   880 			background-color: #627685;

   881 		}

   882 		>ul >li >ul >li >a,

   883 		>ul >li >ul >li >ul >li >a {

   884 			padding-top: 7px;

   885 			padding-bottom: 7px;

   886 		}

   887 		>ul >li >ul >li >ul >li a {

   888 			padding-top: 6px;

   889 			padding-bottom: 6px;

   890 		}

   891 		>ul >ul {

   892 			min-height: 100px!important;

   893 			max-height: 180px!important;

   894 			overflow-y: scroll;

   895 			overflow-x: hidden;

   896 			background: #ed1c24!important;

   897 		}

   898 		>ul ul li::before {

   899 			border: 0;

   900 		}

   901 		ul ul ul ul li a {

   902 			padding-left: 45px;

   903 		}

   904 		ul ul ul ul ul li a {

   905 			padding-left: 62px;

   906 		}

   907 		ul ul ul ul ul ul li a {

   908 			padding-left: 82px;

   909 		}

   910 	}

   911 	#left-panel {

   912 		.version {

   913 			display: none;

   914 		}

   915 	}

   916 	.slimScrollDiv,

   917 	.slimScrollDiv>:first-child {

   918 		overflow: visible!important;

   919 	}

   920 	.slimScrollBar,

   921 	.slimScrollRail {

   922 		display: none;

   923 	}

   924 }

   925 

   926 .slimScrollDiv, .slimScrollDiv>:first-child {

   927 	overflow: hidden;

   928 }

   929 

   930 #hide-menu,

   931 #logout {

   932 	i {

   933 		@media (max-width:979px) {

   934 			color: #6D6A69;

   935 			font-size: 100%;

   936 		}

   937 		@media (min-width:0) and (max-width:880px) {

   938 			font-size: 121%;

   939 		}

   940 	}

   941 }

   942 

   943 .hidden-menu {

   944 	#left-panel {

   945 		left: -210px;

   946 		z-index: 1002;

   947 

   948 		@media (max-width:979px) {

   949 			left: 0;

   950 		}

   951 		&:hover {

   952 			left: 0;

   953 		}

   954 	}

   955 	#main {

   956 		margin-left: 10px;

   957 

   958 		.minified& {

   959 			margin-left: 0;

   960 		}

   961 		@media (max-width:979px) {

   962 			position: relative;

   963 			left: 210px;

   964 		}

   965 	}

   966 	#hide-menu {

   967 		i {

   968 			@media (max-width:979px) {

   969 				color: #fff;

   970 			}

   971 			@media (min-width:768px) and (max-width:880px) {

   972 				&::before {

   973 					content: "\f0c9";

   974 				}

   975 			}

   976 			@media (max-width:767px) {

   977 				color: #fff;

   978 

   979 				&::before {

   980 					content: "\f0c9";

   981 				}

   982 			}

   983 		}

   984 		>:first-child >a {

   985 			background-color: #e8e8e8;

   986 			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5a5a5a), color-stop(100%, #686868));

   987 			background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%);

   988 			background-image: -webkit-gradient(linear, top left, bottom left, from(#5a5a5a), to(#686868));

   989 			background-image: -webkit-linear-gradient(top, #5a5a5a 0, #686868 100%);

   990 			background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%);

   991 			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A',  endColorstr='#686868',  GradientType=0);

   992 			color: #fff;

   993 			border-color: #494949;

   994 			-webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);

   995 			box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);

   996 

   997 			@media (min-width:768px) and (max-width:979px) {

   998 				margin-top: 9px;

   999 				width: 40px;

  1000 			}

  1001 			&:active {

  1002 				-webkit-box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, .2);

  1003 				box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, .2);

  1004 			}

  1005 		}

  1006 	}

  1007 }

  1008 .hidden-menu .minifyme,

  1009 .minified #hide-menu {

  1010 	display: none;

  1011 }

  1012 

  1013 .no-menu {

  1014 	#left-panel {

  1015 		left: -220px;

  1016 		z-index: 0;

  1017 	}

  1018 	#main {

  1019 		margin-left: 0;

  1020 	}

  1021 	#hide-menu {

  1022 		display: none;

  1023 	}

  1024 }

  1025 

  1026 #shortcut {

  1027 	position: absolute;

  1028 	top: 0;

  1029 	left: 0;

  1030 	height: auto;

  1031 	width: 100%;

  1032 	background-color: #33302F;

  1033 	background-color: rgba(0, 0, 0, .85);

  1034 	z-index: 1009;

  1035 	display: none;

  1036 	color: #fff;

  1037 	-webkit-box-sizing: border-box;

  1038 	-moz-box-sizing: border-box;

  1039 	box-sizing: border-box;

  1040 

  1041 	ul {

  1042 		padding: 15px 20px 10px;

  1043 		list-style: none;

  1044 		margin: 0;

  1045 		-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);

  1046 		box-shadow: 0 4px 10px rgba(0, 0, 0, .3);

  1047 		border-bottom: 1px solid #423F3F;

  1048 

  1049 		li {

  1050 			display: inline-block;

  1051 			width: auto;

  1052 

  1053 			.ams-metro-tile {

  1054 				margin: 0 3px 3px;

  1055 				border: 0;

  1056 				border-radius: 0;

  1057 

  1058 				&:hover {

  1059 					color: #fff;

  1060 					text-decoration: none;

  1061 				}

  1062 				&:active,

  1063 				&:focus {

  1064 					left: 0;

  1065 					top: 0;

  1066 				}

  1067 			}

  1068 		}

  1069 	}

  1070 

  1071 	.version {

  1072 		position: absolute;

  1073 		right: 10px;

  1074 		bottom: 10px;

  1075 	}

  1076 }

  1077 

  1078 .shortcut-on #response-btn {

  1079 	display: none!important;

  1080 }

  1081 .shortcut-on #left-bar .navbar, .shortcut-on #main .navbar {

  1082 	border: 0!important;

  1083 }

  1084 

  1085 #sparks {

  1086 	display: block;

  1087 	list-style: none;

  1088 	margin: 10px 0 0;

  1089 	padding: 0;

  1090 	text-align: right;

  1091 

  1092 	@media only screen and (min-width:320px) and (max-width:479px) {

  1093 		text-align: center;

  1094 		background: #E0E0E0;

  1095 		padding: 10px 0;

  1096 		margin-bottom: 15px;

  1097 	}

  1098 	li {

  1099 		display: inline-block;

  1100 		border-left: 1px dotted #c7c7c7;

  1101 		padding: 0 10px;

  1102 		max-height: 47px;

  1103 		overflow: hidden;

  1104 		text-align: left;

  1105 		box-sizing: content-box;

  1106 		-moz-box-sizing: content-box;

  1107 		-webkit-box-sizing: content-box;

  1108 

  1109 		@media only screen and (min-width:320px) and (max-width:479px) {

  1110 			padding: 0 10px 0 20px;

  1111 		}

  1112 		&:last-child {

  1113 			padding-right: 0;

  1114 		}

  1115 		&:first-child {

  1116 			border-left: 0;

  1117 			padding-left: 0;

  1118 		}

  1119 		h5 {

  1120 			color: #555;

  1121 			float: left;

  1122 			font-size: 11px;

  1123 			font-weight: 400;

  1124 			margin: -3px 0 0 0;

  1125 			padding: 0;

  1126 			border: 0;

  1127 			text-transform: uppercase;

  1128 		}

  1129 		span {

  1130 			color: #636363;

  1131 			display: block;

  1132 		}

  1133 	}

  1134 }

  1135 .sparks-info {