-/**\r
- * Created by nnaffar on 1/28/16.\r
- */\r
-@sidebar-width: 200px;\r
-@transition-duration: 0.25s;\r
-@overlayer-opacity: 0.65;\r
-\r
-\r
-.close-button {\r
- //width: @sidebar-width;\r
- .blackText24m;\r
- //.bg_u;\r
- font-size: 3em;\r
- line-height: 18px;\r
- position: absolute;\r
- cursor: pointer;\r
- vertical-align: middle;\r
- top: @second-level-top;\r
- left: 0;\r
- -webkit-font-smoothing: antialiased;\r
- height: 53px;\r
- z-index: 101;\r
- //box-shadow: 0 4px 5px rgba(0, 0, 0, .2);\r
-\r
-}\r
-.ecomp-right-sidebar-container{\r
- position: absolute;\r
- display: block;\r
- left: 0;\r
- z-index: 100;\r
- transition: left @transition-duration;\r
- margin-top: -15px;\r
-\r
- .ecomp-right-sidebar-main {\r
- //background-color: ;\r
- position: absolute;\r
- margin-top: 115px;\r
- \r
- height: 100vh;\r
- .bg_portalWhite;//white for 1702\r
- box-shadow: 0 4px 5px rgba(0, 0, 0, .2);\r
- left: -90px; \r
- width:75px; \r
- padding:0px; \r
- height: 100vh; \r
-\r
-\r
-\r
- .accordion-container{\r
- margin-top: 45px;\r
- }\r
- .portal-accordion-font{\r
- font-size: .875rem;\r
- color: #666;\r
- display: inline-block;\r
- font-family: Arial;\r
-\r
- }\r
-\r
- .portal-accordion-active{\r
- color: #199DDF !important;\r
- }\r
-\r
- .sub-item{\r
- .portal-accordion-font;\r
- cursor: pointer;\r
- height: 37px;\r
- line-height: 37px;\r
- padding-left: 20px;\r
- padding-bottom: 10px;\r
- vertical-align: middle;\r
- width: 100%;\r
- }\r
- .sub-item:hover{\r
- .portal-accordion-active;\r
- }\r
-\r
- .parent-item{\r
- .portal-accordion-font;\r
- border-bottom: 1px solid #bbb;\r
- cursor: pointer;\r
- height: 37px;\r
- line-height: 37px;\r
- padding-bottom: 10px;\r
- vertical-align: middle;\r
- width: 100%;\r
- }\r
- .parent-item:hover{\r
- .portal-accordion-active;\r
- }\r
-\r
- }\r
-}\r
-\r
-.open-userbar {\r
- left: 0;\r
- transition: left .25s ease-in-out;\r
- -moz-transition: left .25s ease-in-out;\r
- -webkit-transition: left .25s ease-in-out;\r
-}\r
-\r
-.close-userbar {\r
- left: 91px;\r
- transition: left .25s ease-in-out;\r
- -moz-transition: left .25s ease-in-out;\r
- -webkit-transition: left .25s ease-in-out;\r
-}\r
-\r
-.content-overlayed {\r
- position: fixed;\r
- top: 110px;\r
- right: 0;\r
- bottom: 0;\r
- left: 0;\r
- background: none repeat scroll 0 0 rgb(242, 242, 242);\r
- z-index: 9999;\r
-}\r
-.fade-animation{\r
- opacity: @overlayer-opacity;\r
- transition: opacity @transition-duration ease-in-out;\r
-}\r
-.fade-animation.ng-hide {\r
- opacity:0;\r
- transition: opacity @transition-duration ease-in-out;\r
-}\r
-\r
-.activeUserIcon { \r
- transition: all .2s ease-in-out; \r
- display: block; \r
- margin-left: auto; margin-right: auto; height:55px; width:55px; border-radius: 50%;\r
- \r
-}\r
-.activeUserIcon:hover { transform: scale(1.5); }\r
-\r
-.ecomp-right-sidebar-toggle{\r
- position: absolute; \r
- top: 400px; \r
- right: 35px;\r
-}\r
-.ecomp-right-sidebar-toggle-btn{\r
- position:relative;\r
-}\r
-.open-userbar-toggle {\r
- // right: 0;\r
- transition: right .25s ease-in-out;\r
- -moz-transition: right .25s ease-in-out;\r
- -webkit-transition: right .25s ease-in-out;\r
-}\r
-\r
-.close-userbar-toggle {\r
- right: -36px;\r
- transition: right .25s ease-in-out;\r
- -moz-transition: right .25s ease-in-out;\r
- -webkit-transition: right .25s ease-in-out;\r
-}\r
-\r
-.ecomp-right-sidebar-title{\r
- font-family: Arial;\r
- font-size: 14px;\r
- color: #ef6f00;\r
- margin-bottom:20px;\r
- text-align: center;\r
-}\r
-\r
-.ecomp-right-sidebar-toggle a{\r
- transform: rotate(-90deg);\r
- z-index:2\r
-}\r
-.ecomp-right-sidebar-toggle button{\r
- transform: rotate(-90deg);\r
- z-index:2;\r
- width: 100px!important;\r
- height: 30px !important;\r
- padding-bottom: 26px !important;\r
- }\r
- .btn:last-child {\r
- margin-right: 6px !important;\r
-}\r
-\r
-.right-menu-button{\r
- font-family: Omnes-ECOMP-W02,Arial\r
+/**
+ * Created by nnaffar on 1/28/16.
+ */
+@sidebar-width: 200px;
+@transition-duration: 0.25s;
+@overlayer-opacity: 0.65;
+
+
+.close-button {
+ //width: @sidebar-width;
+ .blackText24m;
+ //.bg_u;
+ font-size: 3em;
+ line-height: 18px;
+ position: absolute;
+ cursor: pointer;
+ vertical-align: middle;
+ top: @second-level-top;
+ left: 0;
+ -webkit-font-smoothing: antialiased;
+ height: 53px;
+ z-index: 101;
+ //box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
+
+}
+.ecomp-right-sidebar-container{
+ position: absolute;
+ display: block;
+ left: 0;
+ z-index: 100;
+ transition: left @transition-duration;
+ margin-top: -15px;
+
+ .ecomp-right-sidebar-main {
+ //background-color: ;
+ position: absolute;
+ margin-top: 115px;
+
+ height: 100vh;
+ .bg_portalWhite;//white for 1702
+ box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
+ left: -90px;
+ width:75px;
+ padding:0px;
+ height: 100vh;
+
+
+
+ .accordion-container{
+ margin-top: 45px;
+ }
+ .portal-accordion-font{
+ font-size: .875rem;
+ color: #666;
+ display: inline-block;
+ font-family: Arial;
+
+ }
+
+ .portal-accordion-active{
+ color: #199DDF !important;
+ }
+
+ .sub-item{
+ .portal-accordion-font;
+ cursor: pointer;
+ height: 37px;
+ line-height: 37px;
+ padding-left: 20px;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ width: 100%;
+ }
+ .sub-item:hover{
+ .portal-accordion-active;
+ }
+
+ .parent-item{
+ .portal-accordion-font;
+ border-bottom: 1px solid #bbb;
+ cursor: pointer;
+ height: 37px;
+ line-height: 37px;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ width: 100%;
+ }
+ .parent-item:hover{
+ .portal-accordion-active;
+ }
+
+ }
+}
+
+.open-userbar {
+ left: 0;
+ transition: left .25s ease-in-out;
+ -moz-transition: left .25s ease-in-out;
+ -webkit-transition: left .25s ease-in-out;
+}
+
+.close-userbar {
+ left: 91px;
+ transition: left .25s ease-in-out;
+ -moz-transition: left .25s ease-in-out;
+ -webkit-transition: left .25s ease-in-out;
+}
+
+.content-overlayed {
+ position: fixed;
+ top: 110px;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: none repeat scroll 0 0 rgb(242, 242, 242);
+ z-index: 9999;
+}
+.fade-animation{
+ opacity: @overlayer-opacity;
+ transition: opacity @transition-duration ease-in-out;
+}
+.fade-animation.ng-hide {
+ opacity:0;
+ transition: opacity @transition-duration ease-in-out;
+}
+
+.activeUserIcon {
+ transition: all .2s ease-in-out;
+ display: block;
+ margin-left: auto; margin-right: auto; height:55px; width:55px; border-radius: 50%;
+
+}
+.activeUserIcon:hover { transform: scale(1.5); }
+
+.ecomp-right-sidebar-toggle{
+ position: absolute;
+ top: 400px;
+ right: 35px;
+}
+.ecomp-right-sidebar-toggle-btn{
+ position:relative;
+}
+.open-userbar-toggle {
+ // right: 0;
+ transition: right .25s ease-in-out;
+ -moz-transition: right .25s ease-in-out;
+ -webkit-transition: right .25s ease-in-out;
+}
+
+.close-userbar-toggle {
+ right: -36px;
+ transition: right .25s ease-in-out;
+ -moz-transition: right .25s ease-in-out;
+ -webkit-transition: right .25s ease-in-out;
+}
+
+.ecomp-right-sidebar-title{
+ font-family: Arial;
+ font-size: 14px;
+ color: #ef6f00;
+ margin-bottom:20px;
+ text-align: center;
+}
+
+.ecomp-right-sidebar-toggle a{
+ transform: rotate(-90deg);
+ z-index:2
+}
+.ecomp-right-sidebar-toggle button{
+ transform: rotate(-90deg);
+ z-index:2;
+ width: 100px!important;
+ height: 30px !important;
+ padding-bottom: 26px !important;
+ }
+ .btn:last-child {
+ margin-right: 6px !important;
+}
+
+.right-menu-button{
+ font-family: Omnes-ECOMP-W02,Arial
}
\ No newline at end of file