1 $FontPathSourceSansPro: "../fonts/source-sans-pro";
2 @import '~source-sans-pro/source-sans-pro';
3 @import '~primeng/resources/themes/bootstrap/theme.css';
4 @import '~primeng/resources/primeng.css';
5 @import '~video.js/dist/video-js.css';
6 @import './video-js-custom.scss';
9 display: none !important;
13 font-family: 'Source Sans Pro';
14 font-weight: $font-regular;
19 /* Force blank on readonly inputs */
20 background-color: #fff !important;
24 font-weight: $font-bold;
35 border-color: $red-error !important;
43 margin-left: $menu-width;
48 display: inline-block;
50 font-weight: $font-semibold;
51 @include disable-default-a-behaviour;
53 &.active, &.title-page-single {
54 border-bottom: 2px solid $orange-color;
55 font-weight: $font-bold;
62 margin-left: $not-expanded-horizontal-margins;
63 margin-right: $not-expanded-horizontal-margins;
67 background-color: #F7F7F7;
73 padding-left: $not-expanded-horizontal-margins;
76 // Override some properties if the main content is expanded (no menu on the left)
81 margin-left: $expanded-horizontal-margins;
82 margin-right: $expanded-horizontal-margins;
86 padding-left: $expanded-horizontal-margins;
91 // On small screen, menu is absolute and displayed over the page
92 @media screen and (max-width: 500px) {
95 position: absolute !important;
100 width: 100% !important;
108 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
109 .glyphicon-refresh-animate {
110 -animation: spin .7s infinite linear;
111 -ms-animation: spin .7s infinite linear;
112 -webkit-animation: spinw .7s infinite linear;
113 -moz-animation: spinm .7s infinite linear;
117 from { transform: scale(1) rotate(0deg);}
118 to { transform: scale(1) rotate(360deg);}
121 @-webkit-keyframes spinw {
122 from { -webkit-transform: rotate(0deg);}
123 to { -webkit-transform: rotate(360deg);}
126 @-moz-keyframes spinm {
127 from { -moz-transform: rotate(0deg);}
128 to { -moz-transform: rotate(360deg);}
131 /* ngprime data table customizations */