src/pyams_skin/resources/less/typo.less
changeset 566 a1707c607eec
parent 565 318533413200
child 567 bca1726b1d85
equal deleted inserted replaced
565:318533413200 566:a1707c607eec
     1 /*
       
     2  * Typos styles
       
     3  */
       
     4 
       
     5 @font-face {
       
     6 	font-family: 'Ubuntu';
       
     7 	src: url('./fonts/Ubuntu-C.eot');
       
     8 	src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'),
       
     9 		 url('./fonts/Ubuntu-C.woff') format('woff'),
       
    10 		 url('./fonts/Ubuntu-C.ttf') format('truetype'),
       
    11 		 url('./fonts/Ubuntu-C.svg') format('svg');
       
    12 	font-weight: normal;
       
    13 	font-style: normal;
       
    14 }
       
    15 
       
    16 @font-face {
       
    17 	font-family: 'Ubuntu-Light';
       
    18 	src: url('./fonts/Ubuntu-L.eot');
       
    19 	src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'),
       
    20 		 url('./fonts/Ubuntu-L.woff') format('woff'),
       
    21 		 url('./fonts/Ubuntu-L.ttf') format('truetype'),
       
    22 		 url('./fonts/Ubuntu-L.svg') format('svg');
       
    23 	font-weight: normal;
       
    24 	font-style: normal;
       
    25 }
       
    26 
       
    27 @font-face {
       
    28 	font-family: 'Ubuntu-Bold';
       
    29 	src: url('./fonts/Ubuntu-B.eot');
       
    30 	src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'),
       
    31 		 url('./fonts/Ubuntu-B.woff') format('woff'),
       
    32 		 url('./fonts/Ubuntu-B.ttf') format('truetype'),
       
    33 		 url('./fonts/Ubuntu-B.svg') format('svg');
       
    34 	font-weight: bold;
       
    35 	font-style: normal;
       
    36 }
       
    37 
       
    38 @font-face {
       
    39 	font-family: 'OpenSans';
       
    40 	src: url('./fonts/OpenSans-Regular.eot');
       
    41 	src: url('./fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
       
    42 		 url('./fonts/OpenSans-Regular.woff2') format('woff2'),
       
    43 		 url('./fonts/OpenSans-Regular.woff') format('woff'),
       
    44 		 url('./fonts/OpenSans-Regular.ttf') format('truetype'),
       
    45 		 url('./fonts/OpenSans-Regular.svg') format('svg');
       
    46 	font-weight: normal;
       
    47 	font-style: normal;
       
    48 }
       
    49 
       
    50 html,
       
    51 body {
       
    52 	font-family: Ubuntu, Arial, Helvetica, sans-serif;
       
    53 }
       
    54 
       
    55 a:active,
       
    56 a:focus,
       
    57 a:hover,
       
    58 button,
       
    59 button:active,
       
    60 button:focus,
       
    61 embed,
       
    62 input::-moz-focus-inner,
       
    63 object {
       
    64 	outline: 0;
       
    65 }
       
    66 
       
    67 .hidden {
       
    68 	display: none;
       
    69 }
       
    70 .hidden-desktop {
       
    71 	display: none!important;
       
    72 }
       
    73 
       
    74 .no-visible {
       
    75 	visibility: hidden!important;
       
    76 }
       
    77 
       
    78 .pull-right {
       
    79 	float: right!Important;
       
    80 }
       
    81 .pull-left {
       
    82 	float: left!Important;
       
    83 }
       
    84 
       
    85 .align-top {
       
    86 	vertical-align: top!important;
       
    87 }
       
    88 .align-base {
       
    89 	vertical-align: baseline!important;
       
    90 }
       
    91 .align-middle {
       
    92 	vertical-align: middle!important;
       
    93 }
       
    94 
       
    95 .opacity-25 {
       
    96 	opacity: 0.25!important;
       
    97 }
       
    98 .opacity-50 {
       
    99 	opacity: 0.5!important;
       
   100 }
       
   101 .opacity-75 {
       
   102 	opacity: 0.75!important;
       
   103 }
       
   104 .opacity-100,
       
   105 .opaque {
       
   106 	opacity: 1!important;
       
   107 }
       
   108 
       
   109 .disabled {
       
   110 	color: #fff;
       
   111 	.btn-default& {
       
   112 		color: #999;
       
   113 	}
       
   114 }
       
   115 
       
   116 xmp {
       
   117 	overflow: auto;
       
   118 }
       
   119 
       
   120 .text-italic {
       
   121 	font-style: italic!important;
       
   122 }
       
   123 .text-dashed {
       
   124 	text-decoration: line-through;
       
   125 }
       
   126 .nowrap {
       
   127 	white-space: nowrap;
       
   128 }
       
   129 .truncated {
       
   130 	white-space: nowrap;
       
   131 	overflow: hidden;
       
   132 	text-overflow: ellipsis;
       
   133 }
       
   134 
       
   135 .no-space {
       
   136 	margin: 0;
       
   137 
       
   138 	>[class*=col-] {
       
   139 		margin: 0!important;
       
   140 		padding-right: 0;
       
   141 		padding-left: 0;
       
   142 	}
       
   143 }
       
   144 
       
   145 .no-margin {
       
   146 	margin: 0!important;
       
   147 }
       
   148 .no-x-margin {
       
   149 	margin-left: 0!important;
       
   150 	margin-right: 0!important;
       
   151 }
       
   152 .no-y-margin {
       
   153 	margin-top: 0!important;
       
   154 	margin-bottom: 0!important;
       
   155 }
       
   156 
       
   157 .no-overflow {
       
   158 	overflow: hidden!important;
       
   159 }
       
   160 .no-x-overflow {
       
   161 	overflow-x: hidden!important;
       
   162 }
       
   163 .no-y-overflow {
       
   164 	overflow-y: hidden!important;
       
   165 }
       
   166 
       
   167 .margin {
       
   168 	&-2 {
       
   169 		margin: 2px!important;
       
   170 	}
       
   171 	&-5 {
       
   172 		margin: 5px!important;
       
   173 	}
       
   174 	&-10 {
       
   175 		margin: 10px!important;
       
   176 	}
       
   177 	&-20 {
       
   178 		margin: 20px!important;
       
   179 	}
       
   180 	&-x-2 {
       
   181 		margin-left: 2px!important;
       
   182 		margin-right: 2px!important;
       
   183 	}
       
   184 	&-x-5 {
       
   185 		margin-left: 5px!important;
       
   186 		margin-right: 5px!important;
       
   187 	}
       
   188 	&-x-10 {
       
   189 		margin-left: 10px!important;
       
   190 		margin-right: 10px!important;
       
   191 	}
       
   192 	&-x-20 {
       
   193 		margin-left: 20px!important;
       
   194 		margin-right: 20px!important;
       
   195 	}
       
   196 	&-y-2 {
       
   197 		margin-top: 2px!important;
       
   198 		margin-bottom: 2px!important;
       
   199 	}
       
   200 	&-y-5 {
       
   201 		margin-top: 5px!important;
       
   202 		margin-bottom: 5px!important;
       
   203 	}
       
   204 	&-y-10 {
       
   205 		margin-top: 10px!important;
       
   206 		margin-bottom: 10px!important;
       
   207 	}
       
   208 	&-y-20 {
       
   209 		margin-top: 20px!important;
       
   210 		margin-bottom: 20px!important;
       
   211 	}
       
   212 	&-top--20 {
       
   213 		margin-top: -20px!important;
       
   214 	}
       
   215 	&-top--10 {
       
   216 		margin-top: -10px!important;
       
   217 	}
       
   218 	&-top--5 {
       
   219 		margin-top: -5px!important;
       
   220 	}
       
   221 	&-top-0 {
       
   222 		margin-top: 0!important;
       
   223 	}
       
   224 	&-top-2 {
       
   225 		margin-top: 2px!important;
       
   226 	}
       
   227 	&-top-5 {
       
   228 		margin-top: 5px!important;
       
   229 	}
       
   230 	&-top-5-neg {
       
   231 		margin-top: -5px!important;
       
   232 	}
       
   233 	&-top-10 {
       
   234 		margin-top: 10px!important;
       
   235 	}
       
   236 	&-top-10-neg {
       
   237 		margin-top: -10px!important;
       
   238 	}
       
   239 	&-top-20 {
       
   240 		margin-top: 20px!important;
       
   241 	}
       
   242 	&-top-30 {
       
   243 		margin-top: 30px!important;
       
   244 	}
       
   245 	&-bottom-0 {
       
   246 		margin-bottom: 0!important;
       
   247 	}
       
   248 	&-bottom-2 {
       
   249 		margin-bottom: 2px!important;
       
   250 	}
       
   251 	&-bottom-5 {
       
   252 		margin-bottom: 5px!important;
       
   253 	}
       
   254 	&-bottom-10 {
       
   255 		margin-bottom: 10px!important;
       
   256 	}
       
   257 	&-bottom-20 {
       
   258 		margin-bottom: 20px!important;
       
   259 	}
       
   260 	&-bottom-30 {
       
   261 		margin-bottom: 30px!important;
       
   262 	}
       
   263 	&-left-0 {
       
   264 		margin-left: 0!important;
       
   265 	}
       
   266 	&-left-2 {
       
   267 		margin-left: 2px!important;
       
   268 	}
       
   269 	&-left-5 {
       
   270 		margin-left: 5px!important;
       
   271 	}
       
   272 	&-left-5-neg {
       
   273 		margin-left: -5px!important;
       
   274 	}
       
   275 	&-left-10 {
       
   276 		margin-left: 10px!important;
       
   277 	}
       
   278 	&-left-10-neg {
       
   279 		margin-left: -10px!important;
       
   280 	}
       
   281 	&-left-20 {
       
   282 		margin-left: 20px!important;
       
   283 	}
       
   284 	&-right-0 {
       
   285 		margin-right: 0!important;
       
   286 	}
       
   287 	&-right-2 {
       
   288 		margin-right: 2px!important;
       
   289 	}
       
   290 	&-right-5 {
       
   291 		margin-right: 5px!important;
       
   292 	}
       
   293 	&-right-10 {
       
   294 		margin-right: 10px!important;
       
   295 	}
       
   296 	&-right-20 {
       
   297 		margin-right: 20px!important;
       
   298 	}
       
   299 }
       
   300 
       
   301 .shift {
       
   302 	&-topleft {
       
   303 		&-2 {
       
   304 			margin-top: -2px!important;
       
   305 			margin-left: -2px!important;
       
   306 		}
       
   307 		&-4 {
       
   308 			margin-top: -4px!important;
       
   309 			margin-left: -4px!important;
       
   310 		}
       
   311 	}
       
   312 	&-topright {
       
   313 		&-2 {
       
   314 			margin-top: -2px!important;
       
   315 			margin-right: -2px!important;
       
   316 		}
       
   317 		&-4 {
       
   318 			margin-top: -4px!important;
       
   319 			margin-right: -4px!important;
       
   320 		}
       
   321 	}
       
   322 	&-bottomleft {
       
   323 		&-2 {
       
   324 			margin-bottom: -2px!important;
       
   325 			margin-left: -2px!important;
       
   326 		}
       
   327 		&-4 {
       
   328 			margin-bottom: -4px!important;
       
   329 			margin-left: -4px!important;
       
   330 		}
       
   331 	}
       
   332 	&-bottomright {
       
   333 		&-2 {
       
   334 			margin-bottom: -2px!important;
       
   335 			margin-right: -2px!important;
       
   336 		}
       
   337 		&-4 {
       
   338 			margin-bottom: -4px!important;
       
   339 			margin-right: -4px!important;
       
   340 		}
       
   341 	}
       
   342 }
       
   343 
       
   344 .bordered:not(:empty) {
       
   345 	border: 1px solid #ccc;
       
   346 
       
   347 	&:hover {
       
   348 		border-color: #bbbbbb;
       
   349 	}
       
   350 	&.nohover:hover {
       
   351 		border-color: #ccc;
       
   352 	}
       
   353 }
       
   354 
       
   355 .no-border {
       
   356 	&,
       
   357 	.well[class*=" bg-"]& {
       
   358 		border-width: 0!important;
       
   359 	}
       
   360 	&-transparent {
       
   361 		border-color: transparent!important;
       
   362 	}
       
   363 	&-radius {
       
   364 		border-radius: 0;
       
   365 	}
       
   366 }
       
   367 
       
   368 .border {
       
   369 	&-0 {
       
   370 		border-width: 0!important;
       
   371 	}
       
   372 	&-1 {
       
   373 		border-width: 1px!important;
       
   374 	}
       
   375 }
       
   376 
       
   377 .radius {
       
   378 	&-4 {
       
   379 		border-radius: 4px!important;
       
   380 	}
       
   381 	&-top-4 {
       
   382 		border-top-left-radius: 4px!important;
       
   383 		border-top-right-radius: 4px!important;
       
   384 	}
       
   385 	&-bottom-4 {
       
   386 		border-bottom-left-radius: 4px!important;
       
   387 		border-bottom-right-radius: 4px!important;
       
   388 	}
       
   389 	&-left-4 {
       
   390 		border-top-left-radius: 4px!important;
       
   391 		border-bottom-left-radius: 4px!important;
       
   392 	}
       
   393 	&-right-4 {
       
   394 		border-top-right-radius: 4px!important;
       
   395 		border-bottom-right-radius: 4px!important;
       
   396 	}
       
   397 }
       
   398 
       
   399 .width {
       
   400 	&-nomin {
       
   401 		min-width: 0!important;
       
   402 	}
       
   403 	&-auto {
       
   404 		width: auto!important;
       
   405 	}
       
   406 	&-20 {
       
   407 		width: 20px;
       
   408 		max-width: 20px;
       
   409 	}
       
   410 	&-40 {
       
   411 		width: 40px;
       
   412 		max-width: 40px;
       
   413 	}
       
   414 	&-50 {
       
   415 		width: 50px;
       
   416 		max-width: 50px;
       
   417 	}
       
   418 	&-60 {
       
   419 		width: 60px;
       
   420 		max-width: 60px;
       
   421 	}
       
   422 	&-80 {
       
   423 		width: 80px;
       
   424 		max-width: 80px;
       
   425 	}
       
   426 	&-100 {
       
   427 		width: 100px;
       
   428 		max-width: 100px;
       
   429 	}
       
   430 	&-200 {
       
   431 		width: 200px;
       
   432 		max-width: 200px;
       
   433 	}
       
   434 	&-300 {
       
   435 		width: 300px;
       
   436 		max-width: 300px;
       
   437 	}
       
   438 	&-400 {
       
   439 		width: 400px;
       
   440 		max-width: 400px;
       
   441 	}
       
   442 	&-500 {
       
   443 		width: 500px;
       
   444 		max-width: 500px;
       
   445 	}
       
   446 }
       
   447 
       
   448 .height {
       
   449 	&-nomin {
       
   450 		min-height: 0!important;
       
   451 	}
       
   452 	&-20 {
       
   453 		height: 20px!important;
       
   454 	}
       
   455 	&-40 {
       
   456 		height: 40px!important;
       
   457 	}
       
   458 	&-50 {
       
   459 		height: 50px!important;
       
   460 	}
       
   461 	&-60 {
       
   462 		height: 60px!important;
       
   463 	}
       
   464 	&-80 {
       
   465 		height: 80px!important;
       
   466 	}
       
   467 	&-100 {
       
   468 		height: 100px!important;
       
   469 	}
       
   470 	&-200 {
       
   471 		height: 200px!important;
       
   472 	}
       
   473 	&-300 {
       
   474 		height: 300px!important;
       
   475 	}
       
   476 	&-400 {
       
   477 		height: 400px!important;
       
   478 	}
       
   479 	&-500 {
       
   480 		height: 500px!important;
       
   481 	}
       
   482 	&-min {
       
   483 		&-20 {
       
   484 			min-height: 20px;
       
   485 		}
       
   486 		&-40 {
       
   487 			min-height: 40px;
       
   488 		}
       
   489 		&-50 {
       
   490 			min-height: 50px;
       
   491 		}
       
   492 		&-60 {
       
   493 			min-height: 60px;
       
   494 		}
       
   495 		&-80 {
       
   496 			min-height: 80px;
       
   497 		}
       
   498 		&-100 {
       
   499 			min-height: 100px;
       
   500 		}
       
   501 		&-200 {
       
   502 			min-height: 200px;
       
   503 		}
       
   504 		&-300 {
       
   505 			min-height: 300px;
       
   506 		}
       
   507 		&-400 {
       
   508 			min-height: 400px;
       
   509 		}
       
   510 		&-500 {
       
   511 			min-height: 500px;
       
   512 		}
       
   513 	}
       
   514 	&-max {
       
   515 		&-20 {
       
   516 			max-height: 20px;
       
   517 		}
       
   518 		&-40 {
       
   519 			max-height: 40px;
       
   520 		}
       
   521 		&-50 {
       
   522 			max-height: 50px;
       
   523 		}
       
   524 		&-60 {
       
   525 			max-height: 60px;
       
   526 		}
       
   527 		&-80 {
       
   528 			max-height: 80px;
       
   529 		}
       
   530 		&-100 {
       
   531 			max-height: 100px;
       
   532 		}
       
   533 		&-200 {
       
   534 			max-height: 200px;
       
   535 		}
       
   536 		&-300 {
       
   537 			max-height: 300px;
       
   538 		}
       
   539 		&-400 {
       
   540 			max-height: 400px;
       
   541 		}
       
   542 		&-500 {
       
   543 			max-height: 500px;
       
   544 		}
       
   545 	}
       
   546 }
       
   547 
       
   548 .padding {
       
   549 	&-2 {
       
   550 		padding: 2px!important;
       
   551 	}
       
   552 	&-5 {
       
   553 		padding: 5px!important;
       
   554 	}
       
   555 	&-7 {
       
   556 		padding: 7px!important;
       
   557 	}
       
   558 	&-10 {
       
   559 		padding: 10px!important;
       
   560 	}
       
   561 	&-20 {
       
   562 		padding: 20px!important;
       
   563 	}
       
   564 	&-x-0 {
       
   565 		padding-left: 0!important;
       
   566 		padding-right: 0!important;
       
   567 	}
       
   568 	&-x-2 {
       
   569 		padding-left: 2px!important;
       
   570 		padding-right: 2px!important;
       
   571 	}
       
   572 	&-x-5 {
       
   573 		padding-left: 5px!important;
       
   574 		padding-right: 5px!important;
       
   575 	}
       
   576 	&-x-10 {
       
   577 		padding-left: 10px!important;
       
   578 		padding-right: 10px!important;
       
   579 	}
       
   580 	&-x-20 {
       
   581 		padding-left: 20px!important;
       
   582 		padding-right: 20px!important;
       
   583 	}
       
   584 	&-y-0 {
       
   585 		padding-top: 0!important;
       
   586 		padding-bottom: 0!important;
       
   587 	}
       
   588 	&-y-2 {
       
   589 		padding-top: 2px!important;
       
   590 		padding-bottom: 2px!important;
       
   591 	}
       
   592 	&-y-5 {
       
   593 		padding-top: 5px!important;
       
   594 		padding-bottom: 5px!important;
       
   595 	}
       
   596 	&-y-10 {
       
   597 		padding-top: 10px!important;
       
   598 		padding-bottom: 10px!important;
       
   599 	}
       
   600 	&-y-20 {
       
   601 		padding-top: 20px!important;
       
   602 		padding-bottom: 20px!important;
       
   603 	}
       
   604 	&-top-0 {
       
   605 		padding-top: 0!important;
       
   606 	}
       
   607 	&-top-2 {
       
   608 		padding-top: 2px!important;
       
   609 	}
       
   610 	&-top-5 {
       
   611 		padding-top: 5px!important;
       
   612 	}
       
   613 	&-top-10 {
       
   614 		padding-top: 10px!important;
       
   615 	}
       
   616 	&-top-20 {
       
   617 		padding-top: 20px!important;
       
   618 	}
       
   619 	&-bottom-0 {
       
   620 		padding-bottom: 0!important;
       
   621 	}
       
   622 	&-bottom-2 {
       
   623 		padding-bottom: 2px!important;
       
   624 	}
       
   625 	&-bottom-5 {
       
   626 		padding-bottom: 5px!important;
       
   627 	}
       
   628 	&-bottom-10 {
       
   629 		padding-bottom: 10px!important;
       
   630 	}
       
   631 	&-bottom-20 {
       
   632 		padding-bottom: 20px!important;
       
   633 	}
       
   634 	&-left-0 {
       
   635 		padding-left: 0!important;
       
   636 	}
       
   637 	&-left-2 {
       
   638 		padding-left: 2px!important;
       
   639 	}
       
   640 	&-left-5 {
       
   641 		padding-left: 5px!important;
       
   642 	}
       
   643 	&-left-10 {
       
   644 		padding-left: 10px!important;
       
   645 	}
       
   646 	&-left-20 {
       
   647 		padding-left: 20px!important;
       
   648 	}
       
   649 	&-right-0 {
       
   650 		padding-right: 0!important;
       
   651 	}
       
   652 	&-right-2 {
       
   653 		padding-right: 2px!important;
       
   654 	}
       
   655 	&-right-5 {
       
   656 		padding-right: 5px!important;
       
   657 	}
       
   658 	&-right-10 {
       
   659 		padding-right: 10px!important;
       
   660 	}
       
   661 	&-right-20 {
       
   662 		padding-right: 20px!important;
       
   663 	}
       
   664 }
       
   665 
       
   666 &.col-xs-hide {
       
   667 	@media (max-width: 768px) {
       
   668 		display: none!important;
       
   669 	}
       
   670 }
       
   671 &.col-sm-hide {
       
   672 	@media (min-width: 768px) and (max-width: 992px) {
       
   673 		display: none!important;
       
   674 	}
       
   675 }
       
   676 &.col-md-hide {
       
   677 	@media (min-width: 992px) and (max-width: 1200px) {
       
   678 		display: none!important;
       
   679 	}
       
   680 }
       
   681 &.col-lg-hide {
       
   682 	@media (min-width: 1200px) {
       
   683 		display: none!important;
       
   684 	}
       
   685 }
       
   686 
       
   687 .no-padding {
       
   688 	padding: 0!important;
       
   689 
       
   690 	.md-editor,
       
   691 	.widget-body& .cke_chrome {
       
   692 		border: 0;
       
   693 	}
       
   694 	>pre {
       
   695 		margin: 30px;
       
   696 	}
       
   697 	&-bottom {
       
   698 		padding-bottom: 0!important;
       
   699 	}
       
   700 }
       
   701 .no-x-padding {
       
   702 	padding-left: 0!important;
       
   703 	padding-right: 0!important;
       
   704 }
       
   705 .no-y-padding {
       
   706 	padding-top: 0!important;
       
   707 	padding-bottom: 0!important;
       
   708 }
       
   709 
       
   710 .no-content-padding {
       
   711 	margin: -10px -14px 0 -14px;
       
   712 
       
   713 	@media (min-width:768px) and (max-width:880px) {
       
   714 		margin: 0 -14px!important;
       
   715 	}
       
   716 	@media (max-width:767px) {
       
   717 		margin: 0 -5px!important;
       
   718 	}
       
   719 	@media only screen and (min-width:0) and (max-width:679px) {
       
   720 		margin: 0 -5px!important;
       
   721 	}
       
   722 	@media only screen and (min-width:320px) and (max-width:479px) {
       
   723 		margin: 0 -5px!important;
       
   724 	}
       
   725 }
       
   726 
       
   727 .no-height {
       
   728 	line-height: 0;
       
   729 }
       
   730 
       
   731 .clearfix,
       
   732 .inner-space:after {
       
   733 	zoom: 1;
       
   734 }
       
   735 
       
   736 .clearfix,
       
   737 .inner-space {
       
   738 	&:after {
       
   739 		clear: both;
       
   740 	}
       
   741 	&:after,
       
   742 	&:before {
       
   743 		display: block;
       
   744 		visibility: hidden;
       
   745 		overflow: hidden;
       
   746 		content: "\0020";
       
   747 		height: 0;
       
   748 		font-size: 0;
       
   749 		line-height: 0;
       
   750 	}
       
   751 }
       
   752 
       
   753 .clearfix {
       
   754 	@media (max-width: 768px) {
       
   755 		&-xs:after {
       
   756 			clear: both;
       
   757 		}
       
   758 		&-xs:after,
       
   759 		&-xs:before {
       
   760 			display: block;
       
   761 			visibility: hidden;
       
   762 			overflow: hidden;
       
   763 			content: "\0020";
       
   764 			height: 0;
       
   765 			font-size: 0;
       
   766 			line-height: 0;
       
   767 		}
       
   768 	}
       
   769 	@media (min-width: 768px) and (max-width: 992px) {
       
   770 		&-sm:after {
       
   771 			clear: both;
       
   772 		}
       
   773 		&-sm:after,
       
   774 		&-sm:before {
       
   775 			display: block;
       
   776 			visibility: hidden;
       
   777 			overflow: hidden;
       
   778 			content: "\0020";
       
   779 			height: 0;
       
   780 			font-size: 0;
       
   781 			line-height: 0;
       
   782 		}
       
   783 	}
       
   784 	&-md:after {
       
   785 		@media (min-width: 992px) and (max-width: 1200px) {
       
   786 			clear: both;
       
   787 		}
       
   788 	}
       
   789 	&-lg:after {
       
   790 		@media (min-width: 1200px) {
       
   791 			clear: both;
       
   792 		}
       
   793 	}
       
   794 }
       
   795 
       
   796 .display-inline {
       
   797 	display: inline-block!important;
       
   798 }
       
   799 
       
   800 .display-normal {
       
   801 	display: inline!important;
       
   802 }
       
   803 
       
   804 .hover-transparent {
       
   805 	opacity: .5;
       
   806 
       
   807 	&:hover {
       
   808 		opacity: 1;
       
   809 	}
       
   810 }
       
   811 
       
   812 .row-seperator-header {
       
   813 	margin: 15px 14px 20px;
       
   814 	border-bottom: 0;
       
   815 	display: block;
       
   816 	color: #646464;
       
   817 	font-size: 20px;
       
   818 	font-weight: 400;
       
   819 }
       
   820 
       
   821 .text-align-center,
       
   822 .text-center {
       
   823 	text-align: center!important;
       
   824 }
       
   825 
       
   826 .text-align-left,
       
   827 .text-left {
       
   828 	text-align: left!important;
       
   829 }
       
   830 
       
   831 .text-align-right,
       
   832 .text-right {
       
   833 	text-align: right!important;
       
   834 }
       
   835 
       
   836 .center-canvas,
       
   837 .center-child-canvas >canvas {
       
   838 	display: block!important;
       
   839 	margin: 0 auto!important;
       
   840 }
       
   841 
       
   842 .semi-bold {
       
   843 	font-weight: 400!important;
       
   844 }
       
   845 .bold {
       
   846 	font-weight: 900!important;
       
   847 }
       
   848 .nobold {
       
   849 	font-weight: normal!important;
       
   850 }
       
   851 .typo-bold {
       
   852 	font-family: Ubuntu-Bold;
       
   853 }
       
   854 
       
   855 .ultra-light {
       
   856 	font-weight: 300!important;
       
   857 }
       
   858 
       
   859 .font-xs {
       
   860 	font-size: 85%!important;
       
   861 }
       
   862 
       
   863 .font-sm {
       
   864 	font-size: 95%!important;
       
   865 }
       
   866 
       
   867 .font-md {
       
   868 	font-size: 130%!important;
       
   869 }
       
   870 
       
   871 .font-lg {
       
   872 	font-size: 160%!important;
       
   873 }
       
   874 
       
   875 .font-xl {
       
   876 	font-size: 200%!important;
       
   877 }
       
   878 
       
   879 .font-400 {
       
   880 	font-size: 400%!important;
       
   881 }
       
   882 
       
   883 .fa-fw-md {
       
   884 	width: 1em;
       
   885 	text-align: center;
       
   886 }
       
   887 
       
   888 .badge {
       
   889 	font-size: 11px;
       
   890 	padding: 3px 6px 2px;
       
   891 }
       
   892 
       
   893 .label {
       
   894 	padding: 0.3em .6em .1em;
       
   895 }
       
   896 
       
   897 .cursor-pointer {
       
   898 	cursor: pointer;
       
   899 }
       
   900 
       
   901 .selected {
       
   902 	border: 1px solid #0091d9!important;
       
   903 
       
   904 	tr& {
       
   905 		background-color: rgb(220, 235, 255);
       
   906 	}
       
   907 	&:before {
       
   908 		display: block;
       
   909 		position: absolute;
       
   910 		content: "\f00c";
       
   911 		color: #fff;
       
   912 		right: 4px;
       
   913 		font-family: FontAwesome;
       
   914 		z-index: 1002;
       
   915 
       
   916 		tr& {
       
   917 			display: none;
       
   918 		}
       
   919 	}
       
   920 	&:after {
       
   921 		width: 0;
       
   922 		height: 0;
       
   923 		border-top: 35px solid #0091d9;
       
   924 		border-left: 35px solid rgba(0, 0, 0, 0);
       
   925 		position: absolute;
       
   926 		display: block;
       
   927 		right: 0;
       
   928 		content: ".";
       
   929 		top: 0;
       
   930 		z-index: 1001;
       
   931 
       
   932 		tr& {
       
   933 			display: none;
       
   934 		}
       
   935 	}
       
   936 }
       
   937 
       
   938 ul {
       
   939 	&.inside {
       
   940 		list-style-position: inside;
       
   941 	}
       
   942 	&.outside {
       
   943 		list-style-position: outside;
       
   944 	}
       
   945 }