GUI Code refactor
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / css / plugins.css
index 0abc096..9a18a37 100644 (file)
-/**
- * Copyright 2016, CMCC Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**************************
- PLUGIN CSS CUSTOMIZATIONS 
-**************************/
-
-/***
-Calendar with full calendar
-***/
-.external-event {
-  display: inline-block ;
-  cursor:move;
-  margin-bottom: 5px ;  
-  margin-left: 5px ;
-}
-
-.portlet .event-form-title {
-  font-size: 14px;
-  margin-top: 4px;
-  font-weight: 400;
-  margin-bottom: 10px;
-}
-
-.portlet.calendar .fc-button {
-  -webkit-box-shadow: none ;
-     -moz-box-shadow: none ;
-          box-shadow: none ;
-  text-shadow: none;
-  border: 0 ;
-  padding: 6px 8px 30px 8px ;
-  margin-left:2px;  
-  border-top-style: none;
-  border-bottom-style: none;
-  border-right-style: solid;
-  border-left-style: solid;
-  border-color: #ddd;
-  background: transparent;
-  color: #fff;
-  top: -46px;
-}
-
-.portlet.calendar .fc-header {
-  margin-bottom:-21px;
-}
-
-.portlet.calendar .fc-button-prev {
-  padding-right: 10px;
-  padding-left: 8px;
-}
-
-.portlet.calendar .fc-button-next {
-  padding-right: 8px;
-  padding-left: 10px;
-}
-
-.portlet.calendar .fc-button.fc-state-active,
-.portlet.calendar .fc-button.fc-state-hover {
-  color: #666 ;
-  background-color: #F9F9F9 ;
-}
-
-.portlet.calendar .fc-button.fc-state-disabled {
-  color: #ddd ;
-}
-
-.portlet.calendar .fc-text-arrow {
-  font-size: 22px;
-  font-family: "Courier New", Courier, monospace;
-  vertical-align: baseline; 
-}
-
-/* begin: event element */
-.portlet.calendar .fc-event {
-  border: 0px;
-  background-color: #69a4e0;
-  color: #fff;
-}
-
-.portlet.calendar .fc-event-inner {
-  border: 0px;
-}
-
-.portlet.calendar .fc-event-time {
-  float: left;
-  text-align: left;
-  color: #fff;
-  font-size: 13px;
-  font-weight: 300;
-}
-
-.portlet.calendar .fc-event-title {
-  text-align: left;
-  float: left;
-  color: #fff;
-  font-size: 13px;
-  font-weight: 300;
-}
-/* end: event element */
-
-.portlet.calendar .fc-header-title h2 {
-  font-size: 14px ;
-  line-height: 20px;
-  font-weight: 400;
-  color: #111;
-}
-
-.portlet.calendar .fc-widget-header {
-  background-image: none ;
-  filter:none;
-  background-color: #eee ;
-  text-transform: uppercase;
-  font-weight: 300;
-}
-
-.portlet.calendar .mobile .fc-button {
-  margin-left: 2px ;
-}
-
-.portlet.calendar .mobile .fc-button {
-    padding: 0px 6px 20px 6px ;
-    margin-left:2px ;
-    border: 0;    
-    background-color: #ddd ;
-      background-image: none;
-      -webkit-box-shadow: none ;
-         -moz-box-shadow: none ;
-              box-shadow: none ;
-      -webkit-border-radius: 0 ;
-         -moz-border-radius: 0 ;
-              border-radius: 0 ;
-      color: #000;
-      text-shadow: none ;
-      text-align: center;
-}
-
-.portlet.calendar .mobile .fc-state-hover, 
-.portlet.calendar .mobile .fc-state-active {
-  background-color: #eee ;
-}
-
-.portlet.calendar .mobile .fc-button-prev {
-  margin-right: 5px;
-  margin-top: -2px;
-}
-
-.portlet.calendar .mobile .fc-button-next {   
-  margin-right: -0px;
-  margin-top: -2px;
-}
-
-.portlet.calendar .mobile .fc-header-space {
-  margin: 0px ;
-  padding: 0px ;
-  width: 0px ;
-}
-
-  .portlet.calendar .mobile .fc-state-disabled {
-      color: #bbb ;
-  }
-
-  .portlet.calendar .mobile .fc-header-left {
-    position: absolute;
-    z-index: 10;
-  }
-    
-  .portlet.calendar .mobile .fc-header-right {
-    position: absolute;
-     z-index: 9;
-  }
-
-  .portlet.calendar .mobile .fc-header-left .fc-button { 
-    top: -2px ;
-  }
-
-  .portlet.calendar .mobile .fc-header-right {
-    position: relative;
-    right:0;
-  }
-
-  .portlet.calendar .mobile .fc-header-right .fc-button { 
-    top: 35px ;
-  }
-
-  .portlet.calendar .mobile .fc-content {
-    margin-top: 53px;
-  }
-
-
-/***
-Form wizard
-***/
-
-.form-wizard .progress {
-  margin-bottom: 30px;
-}
-
-.form-wizard .steps {
-  //padding: 10px 0;
-  //margin-bottom: 15px;
-}
-
-.form-wizard .steps {  
-  background-color: #fff ;
-  background-image: none ;
-  filter:none ;
-  border: 0px;
-  box-shadow: none ;
-}
-
-.form-wizard .steps li a {
-  background-color: #fff ;
-  background-image: none ;
-  filter:none;
-  border: 0px;
-  box-shadow: none ;
-}
-
-.form-wizard .steps li a:hover {
-  background: none;
-}
-
-.form-wizard .step:hover {
-  text-decoration: none;
-}
-
-.form-wizard .step .number {
-  background-color: #eee;
-  display: inline-block;
-  text-align: center !important;
-  font-size: 16px;
-  font-weight: 300;
-  padding: 11px 15px 13px 15px;
-  margin-right: 10px;
-  height: 45px;
-  width: 45px;
-  -webkit-border-radius: 50% !important;
-     -moz-border-radius: 50% !important;
-          border-radius: 50% !important;
-}
-
-.form-wizard .step .desc {
-  display: inline-block;
-  font-size: 16px;
-  font-weight: 300;
-}
-.form-wizard .active .step .number {
-  background-color: #35aa47;
-  color: #fff;
-}
-
-.form-wizard .active .step .desc {
-  color: #333;
-  font-weight: 400;
-}
-
-.form-wizard .step i {
-  display: none;
-}
-
-.form-wizard .done .step .number {
-  background-color: #f2ae43;
-  color: #fff;
-}
-
-.form-wizard .done .step .desc {
-  font-weight: 400;
-}
-
-.form-wizard .done .step i {
-  font-size: 12px;
-  font-weight: normal;
-  color: #999;
-  display: inline-block;
-}
-
-
-@media (min-width: 600px) and (max-width: 1280px) { 
-  .form-wizard .step .desc {
-    margin-top: 10px;
-    display: block;
-  }
-} 
-
-@media (max-width: 600px) { 
-  .form-wizard .steps > li > a {
-    text-align: left;
-  }
-} 
-
-@media (min-width: 600px){
-  .nav-justified>li{
-      display:table-cell;
-         width:1%;
-  }
-}
-
-/***
-Google Maps
-***/
-.gmaps {
-  height: 300px;
-  width: 100%;
-}
-
-/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
-.gmaps img {
-  max-width: none; 
-}
-
-#gmap_static div{
-  background-repeat: no-repeat ;
-  background-position: 50% 50% ;
-  height:100%;
-  display:block;
-  height: 300px;
-}
-
-#gmap_routes_instructions {
-  margin-top: 10px;
-  margin-bottom: 0px;
-}
-
-/***
-SlimScrollBar plugins css changes
-***/
-.scroller {
-  padding: 0px ;
-  margin: 0px ;
-  padding-right: 12px ;
-  overflow: hidden;
-}
-
-.scroller-footer {
-  margin-top: 10px;
-}
-
-.scroller-footer:after,
-.scroller-footer:before {
-  content: "";
-  display: table;
-  line-height: 0;
-}
-
-.scroller-footer:after {
-  clear: both;
-}
-
-.portlet-body .slimScrollBar {
-  margin-right: 0px ;
-}
-
-/***
-jqvmap changes
-***/
-.jqvmap-zoomin {
-  height: 16px;
-  width: 16px;
-  background-color: #666 ;
-}
-
-.jqvmap-zoomout {
-  height: 16px;
-  width: 16px;
- background-color: #666 ; 
-}
-
-.vmaps {
-  position: relative; 
-  overflow: hidden;
-  height: 300px;
-}
-
-
-/***
-Error state for WYSIWYG Editors
-***/
-.has-error .md-editor,
-.has-error .wysihtml5-sandbox, 
-.has-error .cke {
-  border: 1px solid #B94A48 !important;
-}
-
-.has-success .md-editor,
-.has-success .wysihtml5-sandbox, 
-.has-success .cke {
-  border: 1px solid #468847 !important;
-}
-
-/***
-Select2 plugin css changes
-***/
-
-/* enable form validation classes for select2 dropdowns */
-.has-error .select2-container .select2-choice {
-  border-color: #B94A48;
-}
-
-.has-error .select2-container.select2-dropdown-open .select2-choice {
-  border-color: #e5e5e5; 
-}
-
-.has-error .select2-container.select2-dropdown-open .select2-choice > span {
-  color: #999999;
-}
-
-.has-success .select2-container .select2-choice {
-  border-color: #468847;
-}
-
-.has-success .select2-container.select2-dropdown-open .select2-choice {
-  border-color: #e5e5e5; 
-}
-
-.has-success .select2-container.select2-dropdown-open .select2-choice > span {
-  color: #999999;
-}
-
-
-/***
-Jansy File Input plugin css changes
-***/
-.fileinput {
-  margin-bottom: 0;
-}
-
-
-/***
-WYSIWYG
-***/
-.wysihtml5-toolbar li {
-  margin: 0px;
-  height: 29px;
-}
-
-.wysihtml5-toolbar li .dropdown-menu {
-  margin-top: 5px;
-}
-
-/***
-CKEditor css changes
-***/
-.cke_bottom, 
-.cke_inner, 
-.cke_top, 
-.cke_reset, 
-.cke_dialog_title,
-.cke_dialog_footer,
-.cke_dialog {
-  background-image: none !important;
-  filter:none ; 
-  border-top: 0 ;
-  border-bottom: 0 ;
-   -webkit-box-shadow: none !important;
-      -moz-box-shadow: none !important;
-           box-shadow: none !important;
-  text-shadow:none ;
-}
-
-.cke_dialog_ui_button,
-.cke_dialog_tab {
-  background-image: none !important;
-  filter:none ;
-  -webkit-box-shadow: none !important;
-  -moz-box-shadow: none !important;
-  box-shadow: none !important;
-  text-shadow:none !important;
-}
-
-.cke_dialog_ui_button:hover,
-.cke_dialog_tab:hover {
-  text-decoration: none;
-  text-shadow:none ;
-}
-
-.cke_dialog_ui_input_text {
-  background-image: none !important;
-  filter:none ;
-  -webkit-box-shadow: none !important;
-  -moz-box-shadow: none !important;
-  box-shadow: none !important;
-}
-
-.cke_combo_button, 
-.cke_button, 
-.cke_toolbar, 
-.cke_toolgroup {
-  background-image: none !important;
-  filter:none !important;
-  border: 0 ;
-   -webkit-box-shadow: none !important;
-  -moz-box-shadow: none !important;
-  box-shadow: none !important;
-}
-
-.cke_button, 
-.cke_combo_button,
-.cke_panel_grouptitle,
-.cke_hc.cke_panel_listItem a {  
-  background-image: none !important;
-  filter:none ;
-  text-shadow:none ;
-  -webkit-border-radius: 0px !important;
-  -moz-border-radius: 0px !important;
-  -ms-border-radius: 0px !important;
-  -o-border-radius: 0px !important;
-}
-
-.cke_button:hover, 
-.cke_combo_button:hover {  
-  background-color: #ddd;
-}
-
-.cke_toolbar_break {
-  background-image: none !important;
-  filter:none !important;
-  border: 0 ;
-  box-shadow: none !important;
-  -webkit-box-shadow : none !important;
-  -moz-box-shadow: none !important;
-  -ms-box-shadow: none !important;
-  -o-box-shadow: none !important;
-}
-
-/***
-Modify tags input plugin css
-***/
-div.tagsinput {
-  min-height: 35px;
-  height: auto !important;
-  margin: 0;
-  padding: 5px 5px 0px 5px;
-  overflow: auto;
-}
-
-div.tagsinput span.tag {
-  background: #aaa ;
-  color: #fff ;
-  border: 0 ;
-  padding: 3px 6px;
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-
-div.tagsinput input {
-  padding: 3px 6px ; 
-  width: 75px !important;
-}
-
-div.tagsinput span.tag a {
-  color: #fff ;
-}
-
-div.tagsinput .not_valid {
-  color: #fff ;
-  padding: 3px 6px ;
-  background-color: #e02222 ;
-}
-
-/***
-Gritter notification modify
-***/
-
-#gritter-notice-wrapper {
-  right:1px !important;
-}
-
-.gritter-close {
-  left:auto !important;
-  right: 3px !important;
-}
-
-.gritter-title {
-  font-family:  'Open Sans' ;
-  font-size: 18px ;
-  font-weight: 300 ;
-}
-
-/***
-jQuery UI Sliders(new in v1.1.1)
-***/
-.slider {
-  border: 0;
-  padding: 0;
-  display: block;
-  margin: 12px 5px;
-  min-height: 11px; 
-}
-
-.ui-slider-vertical {
-  width: 11px;
-}
-
-.ui-slider-horizontal .ui-slider-handle {
-  top: -3px;
-}
-
-.ui-slider-vertical .ui-slider-handle {
-  left: -3px;
-}
-
-.ui-slider-vertical,
-.ui-slider-handle {
-  filter: none !important;
-  background-image: none !important;
-}
-
-/***
-Dropzone css changes(new in v1.1.1)
-***/
-.dropzone {
-  -webkit-border-radius: 0px ;
-    -moz-border-radius: 0px ;
-         border-radius: 0px ;
-}
-
-
-/***
-Dashboard Charts(new in v1.2.1)
-***/
-.easy-pie-chart,
-.sparkline-chart {
-   text-align: center;
-}
-
-.sparkline-chart {
-  margin-top: 15px;
-  position:relative ;
-}
-
-.easy-pie-chart .number {
-    font-size: 16px;
-    font-weight: 300;
-    width: 85px;
-    margin: 0 auto;
-}
-
-.sparkline-chart .number {  
-    width: 100px;
-    margin: 0 auto;
-    margin-bottom: 10px;
-}
-
-.sparkline-chart .title,
-.easy-pie-chart .title {
-    display: block;
-    text-align: center;
-    color: #333;
-    font-weight: 300;
-    font-size: 16px;
-    margin-top: 5px;
-    margin-bottom: 10px;
-}
-
-.sparkline-chart .title:hover,
-.easy-pie-chart .title:hover {
-  color: #666;
-  text-decoration: none;
-}
-
-.sparkline-chart .title > i,
-.easy-pie-chart .title > i {
-  margin-top: 5px;
-}
-
-/***
-Fancy box fix overlay fix(in v1.2.4)
-***/
-.fancybox-overlay {
-  z-index: 10000 ;
-}
-
-/***
-Datatables Plugin(in v1.3)
-***/
-.dataTable {  
-  width: 100% !important;
-  clear: both;
-  /*margin-top: 5px;*/
-}
-
-.dataTables_filter label {
-  line-height: 32px ;
-}
-
-.dataTable .row-details {  
-  margin-top: 3px;
-  display: inline-block;
-  cursor: pointer;
-  width: 14px;
-  height: 14px;
-}
-
-.dataTable .row-details.row-details-close {
-  background: url("../image/datatable-row-openclose.png") no-repeat 0 0;
-}
-
-.dataTable .row-details.row-details-open {  
-  background: url("../image/datatable-row-openclose.png") no-repeat 0 -23px ;
-}
-
-.dataTable .details {
-  background-color: #eee ;
-}
-
-.dataTable .details td,
-.dataTable .details th {
-  padding: 4px;
-  background: none ;
-  border: 0;
-}
-
-.dataTable .details tr:hover td,
-.dataTable .details tr:hover th {
-  background: none ;
-}
-
-.dataTable .details tr:nth-child(odd) td,
-.dataTable .details tr:nth-child(odd) th {
-  background-color: #fff ;
-}
-
-.dataTable .details tr:nth-child(even) td,
-.dataTable .details tr:nth-child(even) th {
-  background-color: #eee ;
-}
-
-.dataTable > thead > tr > th.sorting,
-.dataTable > thead > tr > th.sorting_asc,
-.dataTable > thead > tr > th.sorting_desc {
-   padding-right: 18px;
-}
-
-.dataTable .table-checkbox {
-  width: 8px !important;
-}
-
-@media (max-width: 768px) {  
-  .dataTables_wrapper .dataTables_length .form-control,
-  .dataTables_wrapper .dataTables_filter .form-control {
-    display: inline-block;
-  }
-
- /* .dataTables_wrapper .dataTables_info {
-    top: 17px;
-  }*/
-
-/*  .dataTables_wrapper .dataTables_paginate {
-    margin-top: -15px;
-  }*/
-}
-
-@media (max-width: 480px) {  
-  .dataTables_wrapper .dataTables_filter .form-control {
-    width: 175px !important;
-  }
-
-  .dataTables_wrapper .dataTables_paginate {
-    float: left;
-    margin-top: 20px;
-  }
-}
-
-.dataTables_processing {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  min-width: 125px;
-  margin-left: 0;
-  padding: 7px;
-  text-align: center;
-  color: #333;
-  font-size: 13px;
-  border: 1px solid #ddd;
-  background-color: #eee;  
-  vertical-align: middle;
-  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
-     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
-}
-
-.dataTables_processing span {
-  line-height:15px;
-  vertical-align: middle;
-}
-
-.dataTables_empty {
-  text-align: center; 
-}
-
-/***
-Extended Datatable
-***/
-.dataTables_extended_wrapper {
-       position: relative !important;
-       clear: both !important;
-}
-.dataTables_extended_wrapper .seperator {
-  padding: 0 2px;
-}
-
-.dataTables_extended_wrapper .dataTables_paginate,
-.dataTables_extended_wrapper .dataTables_length,
-.dataTables_extended_wrapper .dataTables_info {
-  display: inline-block;
-  float: none !important;
-  padding: 0 !important;
-  margin: 0 !important;
-  position: static !important;
-  font-size: 13px;
-}
-
-@media (max-width: 480px) { 
-
-  .dataTables_extended_wrapper .dataTables_paginate,
-  .dataTables_extended_wrapper .dataTables_length,
-  .dataTables_extended_wrapper .dataTables_info {
-    display: block;
-    margin-bottom: 10px !important;
-  }
-
-  .dataTables_extended_wrapper .seperator {
-    display: none;
-  }
-}
-
-.dataTables_extended_wrapper .dataTables_length label {
-  margin: 0 !important;
-  padding: 0 !important;
-  font-size: 13px;
-  float: none !important;
-  display: inline-block !important;
-}
-
-.table-container .table-actions-wrapper {
-  display: none;
-}
-
-/***
-Password Strength(in v1.4)
-***/
-.password-strength .password-verdict {
-  display: inline-block;
-  margin-top: 6px;
-  margin-left: 5px;
-}
-
-.password-strength .progress {
-  margin-top: 5px;
-  margin-bottom: 0;
-}
-
-.password-strength .progress-bar {
-  padding: 2px;
-}
-
-/***
-Uniform disabled checkbox, radio button fix(in v1.4)
-***/
-
-.table .uniform-inline {
-  padding: 0;
-  margin: 0;
-}
-
-.checker {
-  margin-top: -2px !important;
-  margin-right: 2px !important;
-  display:inline;
-}
-
-.checker input,
-.radio input {
-  outline: none !important;
-}
-
-div.checker.disabled span, 
-div.checker.disabled.active span{
-    background-position: -152px -260px; 
-}
-
-div.checker.disabled:hover,
-div.radio.disabled:hover {
-    cursor: not-allowed;  
-}
-
-div.radio,
-div.checker {
- margin-right: 0;
- margin-left: 3px;
-}
-
-/***
-jQuery Sparkline
-***/
-.jqstooltip {
-  width: auto !important;
-  height: auto !important;
-}
-
-
-/***
-jQuery Multi Select
-***/
-
-.ms-container .ms-list {
-  border: 1px solid #e5e5e5;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-
-}
-
-.ms-container .ms-optgroup-label{
-  font-size: 14px;
-}
-
-.ms-container .ms-selectable li.ms-elem-selectable,
-.ms-container .ms-selection li.ms-elem-selection{
-  font-size: 13px;
-}
-
-.ms-container .ms-list.ms-focus {
-  border-color: #999999;
-  -webkit-box-shadow: none;
-     -moz-box-shadow: none;
-          box-shadow: none;
-}
-
-.ms-container .ms-selectable li.ms-hover,
-.ms-container .ms-selection li.ms-hover{
-  color: #333;
-  background-color: #eee;
-}
-
-.ms-container .form-control {
-  margin-bottom: 5px;
-}
-
-/***
-Bootstrap Colorpicker
-***/
-.input-group.color .input-group-btn i {
-  position: absolute;
-  display: block;
-  cursor: pointer;
-  width: 20px;
-  height: 20px;
-  right: 6px;
-} 
-
-.colorpicker.dropdown-menu {
-  padding: 5px;
-}
-
-/* change z-index when opened in modal */
-.modal-open .colorpicker {
-  z-index: 10055 !important;
-}
-
-/***
-Bootstrap  Datetimepicker
-***/
-
-.datetimepicker table td {
-  font-weight: 300  !important;
-  font-family: 'Open Sans' !important;
-}
-
-.datetimepicker table th {
-  font-family: 'Open Sans' !important;
-  font-weight: 400  !important;
-}
-
-.datetimepicker.dropdown-menu {
-  padding: 5px;
-}
-
-.datetimepicker .active {  
-  background-color:#4b8df8 !important;
-  background-image: none !important;
-  filter: none !important;
-}
-
-.datetimepicker .active:hover {
-  background-color: #2678FC !important;
-  background-image: none !important;
-  filter: none !important;
-
-}
-
-/* change z-index when opened in modal */
-.modal-open .datetimepicker {
-  z-index: 10055 !important;
-}
-
-/***
-Bootstrap Time Picker
-***/
-.bootstrap-timepicker-widget table td a  {
-  padding: 4px 0;
-}
-
-.bootstrap-timepicker-widget input,
-.bootstrap-timepicker-widget input:focus {
-  outline: none !important;
-  border: 0;
-}
-
-.modal-open  .bootstrap-timepicker-widget {
-  z-index: 10055 !important;
-}
-
-.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
-.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
-  top: auto;
-}
-
-/***
-Bootstrap Datepicker
-***/
-
-.datepicker.dropdown-menu {
-  padding: 5px;
-}
-
-.datepicker .selected {  
-  background-color:#909090 !important;
-  background-image: none !important;
-  filter: none !important;
-}
-
-.datepicker .active {  
-  background-color:#4b8df8 !important;
-  background-image: none !important;
-  filter: none !important;
-}
-
-.datepicker .active:hover {
-  background-color: #2678FC !important;
-  background-image: none !important;
-  filter: none !important;
-}
-
-.datepicker .input-daterange input {
-  text-align: left;
-}
-
-/* change z-index when opened in modal */
-.modal-open .datepicker {
-  z-index: 10055 !important;
-}
-
-.datepicker table td {
-  font-weight: 300  !important;
-  font-family: 'Open Sans' !important;
-}
-
-.datepicker table th {
-  font-family: 'Open Sans' !important;
-  font-weight: 400  !important;
-}
-
-
-/***
-Clockface
-***/
-
-.modal-open .clockface {
-  z-index: 10055 !important;
-}
-
-.clockface .cell .inner.active,
-.clockface .cell .outer.active {
-  background-color:#4b8df8 !important;
-  background-image: none ;
-  filter:none ;
-}
-
-
-/***
-Bootstrap Daterangepicker
-***/
-
-.modal-open .daterangepicker {
-  z-index: 10055 !important;
-}
-
-.daterangepicker td {
-  text-shadow: none ;
-}
-
-.daterangepicker td.active {
-  background-color: #4b8df8 ;
-  background-image: none ;
-  filter:none ;
-}
-
-.daterangepicker th {
-  font-weight: 400;
-  font-size: 14px;
-}
-
-.daterangepicker .ranges input[type="text"]  {
-  width: 70px !important;
-  font-size: 11px;
-  vertical-align: middle;
-}
-
-.daterangepicker .ranges label {
-  font-weight: 300;
-  display: block;
-}
-
-.daterangepicker .ranges .btn {
-  margin-top: 10px;
-}
-
-.daterangepicker.dropdown-menu {
-  padding: 5px;
-}
-
-.daterangepicker .ranges li {
-  color: #333;
-}
-
-.daterangepicker .ranges li.active, 
-.daterangepicker .ranges li:hover {
-  background: #4b8df8 !important;
-  border: 1px solid #4b8df8 !important;
-  color: #fff;
-}
-
-.daterangepicker .range_inputs input {
-  margin-bottom: 0 !important;
-}
-
-/***
-Bootstrap Editable
-***/
-
-.editable-input table,
-.editable-input table th,
-.editable-input table td,
-.editable-input table tr {
-  border: 0 !important;
-}
-
-.editable-input .combodate select {
-  margin-bottom: 5px;
-}
-
-/***
-FuelUX Spinners
-***/
-
-.spinner-buttons.btn-group-vertical .btn {
-  text-align: center;
-  margin: 0;
-  height: 17px;
-  width: 22px;
-  padding-left: 6px;
-  padding-right: 6px;
-  padding-top: 0px;
-} 
-
-
-/***
-NoUI Range Sliders
-***/
-.noUi-handle {
-  height: 20px;
-  width: 20px;
-  margin: -3px 0 0 -20px;
-}
-
-.noUi-base {
-  height: 16px;
-}
-
-.noUi-connect {
-  background: #ffb848;
-}
-
-/***
-Toastr Notifications
-***/
-.toast {
-    -webkit-box-shadow: none !important;
-     -moz-box-shadow: none !important;
-          box-shadow: none !important;
-}
-
-.toast {
-  background-color: #030303;
-}
-.toast-success {
-  background-color: #51a351;
-}
-.toast-error {
-  background-color: #bd362f;
-}
-.toast-info {
-  background-color: #2f96b4;
-}
-.toast-warning {
-  background-color: #f89406;
-}
-
-.toast .toast-close-button {
-  display: inline-block;
-  margin-top: 0px;
-  margin-right: 0px;
-  text-indent: -100000px;
-  width: 11px;
-  height: 16px;
-  background-repeat: no-repeat !important;
-  background-image: url("../image/portlet-remove-icon-white.png") !important;
-}
-
-.toast-top-center {
-  top: 12px;
-  margin: 0 auto;
-  left: 50%;
-  margin-left: -150px;
-}
-
-.toast-bottom-center {
-  bottom: 12px;
-  margin: 0 auto;
-  left: 50%;
-  margin-left: -150px;
-}
-
-/***
-Google reCaptcha
-***/
-.form-recaptcha-img {
-  margin-bottom: 10px;
-  clear: both;
-  border: 1px solid #e5e5e5;
-  padding: 5px;
-}
-
-iframe[src="about:blank"] {
-  display:none;
-}
-
-/***
-Bootstrap Markdown
-***/
-.md-input {
-  padding: 5px !important;
-  border-bottom: 0 !important;
-}
-
-.md-editor .btn-toolbar {
-  margin-left: 0px;
-}
-
-.md-editor.active {
-  border: 1px solid #999999;
-  -webkit-box-shadow: none !important;
-     -moz-box-shadow: none !important;
-          box-shadow: none !important;
-}
-
-/***
-Bootstrap Datepaginator
-***/
-.datepaginator a {
-  font-family: 'Open Sans';
-  font-size: 13px;
-  font-weight: 300;
-}
-
-.datepicker .today {
-  background-image: none !important;
-  filter: none !important;
-}
-
-#dp-calendar {
-  right: 4px !important;
-}
-
-/***
-Font Awesome 4.0 Demo
-***/
-.fa-item {
-  font-size: 14px;
-  padding: 10px 10px 10px 20px;
-}
-
-.fa-item i {
-  font-size: 16px;
-  display: inline-block;
-  width: 20px;
-}
-
-.fa-item:hover {
-  cursor: pointer;
-  background: #eee;  
-}
-
-/***
-Bootstrap Modal
-***/
-/* fix: content shifting to the right on modal open */
-.modal-open.page-overflow .page-container,
-.modal-open.page-overflow .page-container .navbar-fixed-top,
-.modal-open.page-overflow .page-container .navbar-fixed-bottom,
-.modal-open.page-overflow .modal-scrollable {
-  overflow-y: auto !important;
-}
-
-.modal-scrollable {
-  overflow: hidden !important;
-}
-
-
-/***
-jQuery Notific8 Plugin
-***/
-
-.jquery-notific8-message {
-  font-size: 13px;
-}
-
-[class*="jquery-notific8"],
-[class*="jquery-notific8"]:after,
-[class*="jquery-notific8"]:before {
-   -webkit-box-sizing: content-box;
-      -moz-box-sizing: content-box;
-           box-sizing: content-box;
-}
-
-.right .jquery-notific8-close-sticky span,
-.left .jquery-notific8-close-sticky span {
-    font-size: 10px;  
-}
-
-.jquery-notific8-heading {
-  font-weight: 300;
-  font-size: 16px;
-}
-
-/***
-jQuery File Upload
-***/
-
-.blueimp-gallery .close {  
-  background-image: url("../image/portlet-remove-icon-white.png") !important;
-  margin-top: -2px;
-}
-
-.blueimp-gallery .prev,
-.blueimp-gallery .next {
-  border-radius: 23px !important;
-}
-
-/***
-Bootstrap Switch 
-***/
-
-.has-switch {
-  border-color: #e5e5e5;
-}
-
-.has-switch:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-/***
-Jstree
-***/
-
-.jstree-default .jstree-clicked {
-  border: 0;
-  background-color: #e1e1e1;
-  box-shadow:none;
-}
-
-.jstree-default .jstree-hovered {
-  border: 0;
-  background-color: #eee;
-  box-shadow:none;
-}
-
-.jstree-default .jstree-wholerow-clicked,
-.jstree-wholerow .jstree-wholerow-clicked {
-  background: none;
-  border: 0;
-  background-color: #e1e1e1;
-  box-shadow:none;
-}
-
-.jstree-default .jstree-wholerow-hovered,
-.jstree-wholerow .jstree-wholerow-hovered {
-  border: 0;
-  background-color: #eee;
-  box-shadow:none;
-} 
-
-.jstree-icon.icon-lg {
-  margin-top: 1px;
-}
-
-.jstree-open > .jstree-anchor > .fa-folder:before {
-  margin-left: 2px;
-  content: "\f07c"; 
-}
-
-.jstree-default.jstree-rtl .jstree-last {
-  background: transparent;
-  background-repeat: no-repeat;
-}
-
-.vakata-context,
-.vakata-context ul {
-  padding: 0;
-  min-width: 125px;
-  background-color: #ffffff;
-  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
-  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
-  font-size: 14px;
-  font-family: "Segoe UI",Helvetica, Arial, sans-serif;
-  border: 1px solid #ddd;
-}
-
-.vakata-context li a {
-  padding: 0 10px;
-}
-
-.vakata-context .vakata-context-hover > a,
-.vakata-context li a:hover {
-  background-color: #eee;
-  color: #333;
-  box-shadow: none;
-}
-
-.vakata-context li a span,
-.vakata-context li a ins {
-  display: none;
-}
-
-.vakata-context .vakata-context-separator a, 
-.vakata-context-rtl .vakata-context-separator a {
-  margin: 0;
-}
-
-.jstree-rename-input {
-  background-color: #ffffff !important;
-  border: 1px solid #e5e5e5 !important;
-  outline: none !important;
-  padding: 2px 6px !important;
-  margin-right: -4px !important;
-}
-
-/***
-Bootstrap Select
-***/
-
-.bootstrap-select .btn {
-  border-color: #e5e5e5;
-}
-
-.bootstrap-select.open .btn1 {
-  border-color: #999999;
-}
-
-.bootstrap-select.open.dropup .btn1 {
-  border-color: #999999;
-}
-
-.bootstrap-select .btn:focus {
-    outline: none !important;
-    outline-offset: 0;
-}
-
-.bootstrap-select.btn-group .dropdown-menu {
-  margin-top: 1px;
-}
-
-.bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
-  font-weight: 600;
-  font-family: 'Open Sans';
-  font-size: 14px;
-}
-
-.bootstrap-select.btn-group .dropdown-menu .text-muted {
-  color: #999 !important;
-}
-
-.bootstrap-select .caret {
-  border: 0;
-  width: auto;
-  height: auto;
-  margin-top: -10px !important;
-}
-
-.bootstrap-select .caret:before {
-    content: "\f107";
-    display: inline-block;
-    border: 0; 
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
-}
-
-.bootstrap-select .selected i {
-  color: #aaa;
-}
-
-/***
-Pace - Page Progress
-***/
-
-.pace .pace-progress {
-  z-index: 10000;
-  top: 40px;
-  height: 2px;
-}
-
-.pace .pace-progress-inner {
-  box-shadow: none;
-}
-
-.pace .pace-activity {
-  top: 44px;
-  right: 22px;
-  border-radius: 10px !important;
-}
-
-
-@media (max-width: 480px) { 
-
-  .page-header-fixed .pace .pace-progress {
-    top: 82px;
-  }
-
-  .page-header-fixed .pace .pace-activity {
-    top: 88px;
-    right: 15px;
-  }
-
-}
+/**\r
+ * Copyright 2016, CMCC Technologies Co., Ltd.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ *         http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+/**************************\r
+ PLUGIN CSS CUSTOMIZATIONS \r
+**************************/\r
+\r
+/***\r
+Calendar with full calendar\r
+***/\r
+.external-event {\r
+  display: inline-block ;\r
+  cursor:move;\r
+  margin-bottom: 5px ;  \r
+  margin-left: 5px ;\r
+}\r
+\r
+.portlet .event-form-title {\r
+  font-size: 14px;\r
+  margin-top: 4px;\r
+  font-weight: 400;\r
+  margin-bottom: 10px;\r
+}\r
+\r
+.portlet.calendar .fc-button {\r
+  -webkit-box-shadow: none ;\r
+     -moz-box-shadow: none ;\r
+          box-shadow: none ;\r
+  text-shadow: none;\r
+  border: 0 ;\r
+  padding: 6px 8px 30px 8px ;\r
+  margin-left:2px;  \r
+  border-top-style: none;\r
+  border-bottom-style: none;\r
+  border-right-style: solid;\r
+  border-left-style: solid;\r
+  border-color: #ddd;\r
+  background: transparent;\r
+  color: #fff;\r
+  top: -46px;\r
+}\r
+\r
+.portlet.calendar .fc-header {\r
+  margin-bottom:-21px;\r
+}\r
+\r
+.portlet.calendar .fc-button-prev {\r
+  padding-right: 10px;\r
+  padding-left: 8px;\r
+}\r
+\r
+.portlet.calendar .fc-button-next {\r
+  padding-right: 8px;\r
+  padding-left: 10px;\r
+}\r
+\r
+.portlet.calendar .fc-button.fc-state-active,\r
+.portlet.calendar .fc-button.fc-state-hover {\r
+  color: #666 ;\r
+  background-color: #F9F9F9 ;\r
+}\r
+\r
+.portlet.calendar .fc-button.fc-state-disabled {\r
+  color: #ddd ;\r
+}\r
+\r
+.portlet.calendar .fc-text-arrow {\r
+  font-size: 22px;\r
+  font-family: "Courier New", Courier, monospace;\r
+  vertical-align: baseline; \r
+}\r
+\r
+/* begin: event element */\r
+.portlet.calendar .fc-event {\r
+  border: 0px;\r
+  background-color: #69a4e0;\r
+  color: #fff;\r
+}\r
+\r
+.portlet.calendar .fc-event-inner {\r
+  border: 0px;\r
+}\r
+\r
+.portlet.calendar .fc-event-time {\r
+  float: left;\r
+  text-align: left;\r
+  color: #fff;\r
+  font-size: 13px;\r
+  font-weight: 300;\r
+}\r
+\r
+.portlet.calendar .fc-event-title {\r
+  text-align: left;\r
+  float: left;\r
+  color: #fff;\r
+  font-size: 13px;\r
+  font-weight: 300;\r
+}\r
+/* end: event element */\r
+\r
+.portlet.calendar .fc-header-title h2 {\r
+  font-size: 14px ;\r
+  line-height: 20px;\r
+  font-weight: 400;\r
+  color: #111;\r
+}\r
+\r
+.portlet.calendar .fc-widget-header {\r
+  background-image: none ;\r
+  filter:none;\r
+  background-color: #eee ;\r
+  text-transform: uppercase;\r
+  font-weight: 300;\r
+}\r
+\r
+.portlet.calendar .mobile .fc-button {\r
+  margin-left: 2px ;\r
+}\r
+\r
+.portlet.calendar .mobile .fc-button {\r
+    padding: 0px 6px 20px 6px ;\r
+    margin-left:2px ;\r
+    border: 0;    \r
+    background-color: #ddd ;\r
+      background-image: none;\r
+      -webkit-box-shadow: none ;\r
+         -moz-box-shadow: none ;\r
+              box-shadow: none ;\r
+      -webkit-border-radius: 0 ;\r
+         -moz-border-radius: 0 ;\r
+              border-radius: 0 ;\r
+      color: #000;\r
+      text-shadow: none ;\r
+      text-align: center;\r
+}\r
+\r
+.portlet.calendar .mobile .fc-state-hover, \r
+.portlet.calendar .mobile .fc-state-active {\r
+  background-color: #eee ;\r
+}\r
+\r
+.portlet.calendar .mobile .fc-button-prev {\r
+  margin-right: 5px;\r
+  margin-top: -2px;\r
+}\r
+\r
+.portlet.calendar .mobile .fc-button-next {   \r
+  margin-right: -0px;\r
+  margin-top: -2px;\r
+}\r
+\r
+.portlet.calendar .mobile .fc-header-space {\r
+  margin: 0px ;\r
+  padding: 0px ;\r
+  width: 0px ;\r
+}\r
+\r
+  .portlet.calendar .mobile .fc-state-disabled {\r
+      color: #bbb ;\r
+  }\r
+\r
+  .portlet.calendar .mobile .fc-header-left {\r
+    position: absolute;\r
+    z-index: 10;\r
+  }\r
+    \r
+  .portlet.calendar .mobile .fc-header-right {\r
+    position: absolute;\r
+     z-index: 9;\r
+  }\r
+\r
+  .portlet.calendar .mobile .fc-header-left .fc-button { \r
+    top: -2px ;\r
+  }\r
+\r
+  .portlet.calendar .mobile .fc-header-right {\r
+    position: relative;\r
+    right:0;\r
+  }\r
+\r
+  .portlet.calendar .mobile .fc-header-right .fc-button { \r
+    top: 35px ;\r
+  }\r
+\r
+  .portlet.calendar .mobile .fc-content {\r
+    margin-top: 53px;\r
+  }\r
+\r
+\r
+/***\r
+Form wizard\r
+***/\r
+\r
+.form-wizard .progress {\r
+  margin-bottom: 30px;\r
+}\r
+\r
+.form-wizard .steps {\r
+  //padding: 10px 0;\r
+  //margin-bottom: 15px;\r
+}\r
+\r
+.form-wizard .steps {  \r
+  background-color: #fff ;\r
+  background-image: none ;\r
+  filter:none ;\r
+  border: 0px;\r
+  box-shadow: none ;\r
+}\r
+\r
+.form-wizard .steps li a {\r
+  background-color: #fff ;\r
+  background-image: none ;\r
+  filter:none;\r
+  border: 0px;\r
+  box-shadow: none ;\r
+}\r
+\r
+.form-wizard .steps li a:hover {\r
+  background: none;\r
+}\r
+\r
+.form-wizard .step:hover {\r
+  text-decoration: none;\r
+}\r
+\r
+.form-wizard .step .number {\r
+  background-color: #eee;\r
+  display: inline-block;\r
+  text-align: center !important;\r
+  font-size: 16px;\r
+  font-weight: 300;\r
+  padding: 11px 15px 13px 15px;\r
+  margin-right: 10px;\r
+  height: 45px;\r
+  width: 45px;\r
+  -webkit-border-radius: 50% !important;\r
+     -moz-border-radius: 50% !important;\r
+          border-radius: 50% !important;\r
+}\r
+\r
+.form-wizard .step .desc {\r
+  display: inline-block;\r
+  font-size: 16px;\r
+  font-weight: 300;\r
+}\r
\r
+.form-wizard .active .step .number {\r
+  background-color: #35aa47;\r
+  color: #fff;\r
+}\r
+\r
+.form-wizard .active .step .desc {\r
+  color: #333;\r
+  font-weight: 400;\r
+}\r
+\r
+.form-wizard .step i {\r
+  display: none;\r
+}\r
+\r
+.form-wizard .done .step .number {\r
+  background-color: #f2ae43;\r
+  color: #fff;\r
+}\r
+\r
+.form-wizard .done .step .desc {\r
+  font-weight: 400;\r
+}\r
+\r
+.form-wizard .done .step i {\r
+  font-size: 12px;\r
+  font-weight: normal;\r
+  color: #999;\r
+  display: inline-block;\r
+}\r
+\r
+\r
+@media (min-width: 600px) and (max-width: 1280px) { \r
+  .form-wizard .step .desc {\r
+    margin-top: 10px;\r
+    display: block;\r
+  }\r
+} \r
+\r
+@media (max-width: 600px) { \r
+  .form-wizard .steps > li > a {\r
+    text-align: left;\r
+  }\r
+} \r
+\r
+@media (min-width: 600px){\r
+  .nav-justified>li{\r
+      display:table-cell;\r
+         width:1%;\r
+  }\r
+}\r
+\r
+/***\r
+Google Maps\r
+***/\r
+.gmaps {\r
+  height: 300px;\r
+  width: 100%;\r
+}\r
+\r
+/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/\r
+.gmaps img {\r
+  max-width: none; \r
+}\r
+\r
+#gmap_static div{\r
+  background-repeat: no-repeat ;\r
+  background-position: 50% 50% ;\r
+  height:100%;\r
+  display:block;\r
+  height: 300px;\r
+}\r
+\r
+#gmap_routes_instructions {\r
+  margin-top: 10px;\r
+  margin-bottom: 0px;\r
+}\r
+\r
+/***\r
+SlimScrollBar plugins css changes\r
+***/\r
+.scroller {\r
+  padding: 0px ;\r
+  margin: 0px ;\r
+  padding-right: 12px ;\r
+  overflow: hidden;\r
+}\r
+\r
+.scroller-footer {\r
+  margin-top: 10px;\r
+}\r
+\r
+.scroller-footer:after,\r
+.scroller-footer:before {\r
+  content: "";\r
+  display: table;\r
+  line-height: 0;\r
+}\r
+\r
+.scroller-footer:after {\r
+  clear: both;\r
+}\r
+\r
+.portlet-body .slimScrollBar {\r
+  margin-right: 0px ;\r
+}\r
+\r
+/***\r
+jqvmap changes\r
+***/\r
+.jqvmap-zoomin {\r
+  height: 16px;\r
+  width: 16px;\r
+  background-color: #666 ;\r
+}\r
+\r
+.jqvmap-zoomout {\r
+  height: 16px;\r
+  width: 16px;\r
+ background-color: #666 ; \r
+}\r
+\r
+.vmaps {\r
+  position: relative; \r
+  overflow: hidden;\r
+  height: 300px;\r
+}\r
+\r
+\r
+/***\r
+Error state for WYSIWYG Editors\r
+***/\r
+.has-error .md-editor,\r
+.has-error .wysihtml5-sandbox, \r
+.has-error .cke {\r
+  border: 1px solid #B94A48 !important;\r
+}\r
+\r
+.has-success .md-editor,\r
+.has-success .wysihtml5-sandbox, \r
+.has-success .cke {\r
+  border: 1px solid #468847 !important;\r
+}\r
+\r
+/***\r
+Select2 plugin css changes\r
+***/\r
+\r
+/* enable form validation classes for select2 dropdowns */\r
+.has-error .select2-container .select2-choice {\r
+  border-color: #B94A48;\r
+}\r
+\r
+.has-error .select2-container.select2-dropdown-open .select2-choice {\r
+  border-color: #e5e5e5; \r
+}\r
+\r
+.has-error .select2-container.select2-dropdown-open .select2-choice > span {\r
+  color: #999999;\r
+}\r
+\r
+.has-success .select2-container .select2-choice {\r
+  border-color: #468847;\r
+}\r
+\r
+.has-success .select2-container.select2-dropdown-open .select2-choice {\r
+  border-color: #e5e5e5; \r
+}\r
+\r
+.has-success .select2-container.select2-dropdown-open .select2-choice > span {\r
+  color: #999999;\r
+}\r
+\r
+\r
+/***\r
+Jansy File Input plugin css changes\r
+***/\r
+.fileinput {\r
+  margin-bottom: 0;\r
+}\r
+\r
+\r
+/***\r
+WYSIWYG\r
+***/\r
+.wysihtml5-toolbar li {\r
+  margin: 0px;\r
+  height: 29px;\r
+}\r
+\r
+.wysihtml5-toolbar li .dropdown-menu {\r
+  margin-top: 5px;\r
+}\r
+\r
+/***\r
+CKEditor css changes\r
+***/\r
+.cke_bottom, \r
+.cke_inner, \r
+.cke_top, \r
+.cke_reset, \r
+.cke_dialog_title,\r
+.cke_dialog_footer,\r
+.cke_dialog {\r
+  background-image: none !important;\r
+  filter:none ; \r
+  border-top: 0 ;\r
+  border-bottom: 0 ;\r
+   -webkit-box-shadow: none !important;\r
+      -moz-box-shadow: none !important;\r
+           box-shadow: none !important;\r
+  text-shadow:none ;\r
+}\r
+\r
+.cke_dialog_ui_button,\r
+.cke_dialog_tab {\r
+  background-image: none !important;\r
+  filter:none ;\r
+  -webkit-box-shadow: none !important;\r
+  -moz-box-shadow: none !important;\r
+  box-shadow: none !important;\r
+  text-shadow:none !important;\r
+}\r
+\r
+.cke_dialog_ui_button:hover,\r
+.cke_dialog_tab:hover {\r
+  text-decoration: none;\r
+  text-shadow:none ;\r
+}\r
+\r
+.cke_dialog_ui_input_text {\r
+  background-image: none !important;\r
+  filter:none ;\r
+  -webkit-box-shadow: none !important;\r
+  -moz-box-shadow: none !important;\r
+  box-shadow: none !important;\r
+}\r
+\r
+.cke_combo_button, \r
+.cke_button, \r
+.cke_toolbar, \r
+.cke_toolgroup {\r
+  background-image: none !important;\r
+  filter:none !important;\r
+  border: 0 ;\r
+   -webkit-box-shadow: none !important;\r
+  -moz-box-shadow: none !important;\r
+  box-shadow: none !important;\r
+}\r
+\r
+.cke_button, \r
+.cke_combo_button,\r
+.cke_panel_grouptitle,\r
+.cke_hc.cke_panel_listItem a {  \r
+  background-image: none !important;\r
+  filter:none ;\r
+  text-shadow:none ;\r
+  -webkit-border-radius: 0px !important;\r
+  -moz-border-radius: 0px !important;\r
+  -ms-border-radius: 0px !important;\r
+  -o-border-radius: 0px !important;\r
+}\r
+\r
+.cke_button:hover, \r
+.cke_combo_button:hover {  \r
+  background-color: #ddd;\r
+}\r
+\r
+.cke_toolbar_break {\r
+  background-image: none !important;\r
+  filter:none !important;\r
+  border: 0 ;\r
+  box-shadow: none !important;\r
+  -webkit-box-shadow : none !important;\r
+  -moz-box-shadow: none !important;\r
+  -ms-box-shadow: none !important;\r
+  -o-box-shadow: none !important;\r
+}\r
+\r
+/***\r
+Modify tags input plugin css\r
+***/\r
+div.tagsinput {\r
+  min-height: 35px;\r
+  height: auto !important;\r
+  margin: 0;\r
+  padding: 5px 5px 0px 5px;\r
+  overflow: auto;\r
+}\r
+\r
+div.tagsinput span.tag {\r
+  background: #aaa ;\r
+  color: #fff ;\r
+  border: 0 ;\r
+  padding: 3px 6px;\r
+  margin-top: 0;\r
+  margin-bottom: 5px;\r
+}\r
+\r
+div.tagsinput input {\r
+  padding: 3px 6px ; \r
+  width: 75px !important;\r
+}\r
+\r
+div.tagsinput span.tag a {\r
+  color: #fff ;\r
+}\r
+\r
+div.tagsinput .not_valid {\r
+  color: #fff ;\r
+  padding: 3px 6px ;\r
+  background-color: #e02222 ;\r
+}\r
+\r
+/***\r
+Gritter notification modify\r
+***/\r
+\r
+#gritter-notice-wrapper {\r
+  right:1px !important;\r
+}\r
+\r
+.gritter-close {\r
+  left:auto !important;\r
+  right: 3px !important;\r
+}\r
+\r
+.gritter-title {\r
+  font-family:  'Open Sans' ;\r
+  font-size: 18px ;\r
+  font-weight: 300 ;\r
+}\r
+\r
+/***\r
+jQuery UI Sliders(new in v1.1.1)\r
+***/\r
+.slider {\r
+  border: 0;\r
+  padding: 0;\r
+  display: block;\r
+  margin: 12px 5px;\r
+  min-height: 11px; \r
+}\r
+\r
+.ui-slider-vertical {\r
+  width: 11px;\r
+}\r
+\r
+.ui-slider-horizontal .ui-slider-handle {\r
+  top: -3px;\r
+}\r
+\r
+.ui-slider-vertical .ui-slider-handle {\r
+  left: -3px;\r
+}\r
+\r
+.ui-slider-vertical,\r
+.ui-slider-handle {\r
+  filter: none !important;\r
+  background-image: none !important;\r
+}\r
+\r
+/***\r
+Dropzone css changes(new in v1.1.1)\r
+***/\r
+.dropzone {\r
+  -webkit-border-radius: 0px ;\r
+    -moz-border-radius: 0px ;\r
+         border-radius: 0px ;\r
+}\r
+\r
+\r
+/***\r
+Dashboard Charts(new in v1.2.1)\r
+***/\r
+.easy-pie-chart,\r
+.sparkline-chart {\r
+   text-align: center;\r
+}\r
+\r
+.sparkline-chart {\r
+  margin-top: 15px;\r
+  position:relative ;\r
+}\r
+\r
+.easy-pie-chart .number {\r
+    font-size: 16px;\r
+    font-weight: 300;\r
+    width: 85px;\r
+    margin: 0 auto;\r
+}\r
+\r
+.sparkline-chart .number {  \r
+    width: 100px;\r
+    margin: 0 auto;\r
+    margin-bottom: 10px;\r
+}\r
+\r
+.sparkline-chart .title,\r
+.easy-pie-chart .title {\r
+    display: block;\r
+    text-align: center;\r
+    color: #333;\r
+    font-weight: 300;\r
+    font-size: 16px;\r
+    margin-top: 5px;\r
+    margin-bottom: 10px;\r
+}\r
+\r
+.sparkline-chart .title:hover,\r
+.easy-pie-chart .title:hover {\r
+  color: #666;\r
+  text-decoration: none;\r
+}\r
+\r
+.sparkline-chart .title > i,\r
+.easy-pie-chart .title > i {\r
+  margin-top: 5px;\r
+}\r
+\r
+/***\r
+Fancy box fix overlay fix(in v1.2.4)\r
+***/\r
+.fancybox-overlay {\r
+  z-index: 10000 ;\r
+}\r
+\r
+/***\r
+Datatables Plugin(in v1.3)\r
+***/\r
+.dataTable {  \r
+  width: 100% !important;\r
+  clear: both;\r
+  /*margin-top: 5px;*/\r
+}\r
+\r
+.dataTables_filter label {\r
+  line-height: 32px ;\r
+}\r
+\r
+.dataTable .row-details {  \r
+  margin-top: 3px;\r
+  display: inline-block;\r
+  cursor: pointer;\r
+  width: 14px;\r
+  height: 14px;\r
+}\r
+\r
+.dataTable .row-details.row-details-close {\r
+  background: url("../image/datatable-row-openclose.png") no-repeat 0 0;\r
+}\r
+\r
+.dataTable .row-details.row-details-open {  \r
+  background: url("../image/datatable-row-openclose.png") no-repeat 0 -23px ;\r
+}\r
+\r
+.dataTable .details {\r
+  background-color: #eee ;\r
+}\r
+\r
+.dataTable .details td,\r
+.dataTable .details th {\r
+  padding: 4px;\r
+  background: none ;\r
+  border: 0;\r
+}\r
+\r
+.dataTable .details tr:hover td,\r
+.dataTable .details tr:hover th {\r
+  background: none ;\r
+}\r
+\r
+.dataTable .details tr:nth-child(odd) td,\r
+.dataTable .details tr:nth-child(odd) th {\r
+  background-color: #fff ;\r
+}\r
+\r
+.dataTable .details tr:nth-child(even) td,\r
+.dataTable .details tr:nth-child(even) th {\r
+  background-color: #eee ;\r
+}\r
+\r
+.dataTable > thead > tr > th.sorting,\r
+.dataTable > thead > tr > th.sorting_asc,\r
+.dataTable > thead > tr > th.sorting_desc {\r
+   padding-right: 18px;\r
+}\r
+\r
+.dataTable .table-checkbox {\r
+  width: 8px !important;\r
+}\r
+\r
+@media (max-width: 768px) {  \r
+  .dataTables_wrapper .dataTables_length .form-control,\r
+  .dataTables_wrapper .dataTables_filter .form-control {\r
+    display: inline-block;\r
+  }\r
+\r
+ /* .dataTables_wrapper .dataTables_info {\r
+    top: 17px;\r
+  }*/\r
+\r
+/*  .dataTables_wrapper .dataTables_paginate {\r
+    margin-top: -15px;\r
+  }*/\r
+}\r
+\r
+@media (max-width: 480px) {  \r
+  .dataTables_wrapper .dataTables_filter .form-control {\r
+    width: 175px !important;\r
+  }\r
+\r
+  .dataTables_wrapper .dataTables_paginate {\r
+    float: left;\r
+    margin-top: 20px;\r
+  }\r
+}\r
+\r
+.dataTables_processing {\r
+  position: fixed;\r
+  top: 50%;\r
+  left: 50%;\r
+  min-width: 125px;\r
+  margin-left: 0;\r
+  padding: 7px;\r
+  text-align: center;\r
+  color: #333;\r
+  font-size: 13px;\r
+  border: 1px solid #ddd;\r
+  background-color: #eee;  \r
+  vertical-align: middle;\r
+  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
+     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
+          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  \r
+}\r
+\r
+.dataTables_processing span {\r
+  line-height:15px;\r
+  vertical-align: middle;\r
+}\r
+\r
+.dataTables_empty {\r
+  text-align: center; \r
+}\r
+\r
+/***\r
+Extended Datatable\r
+***/\r
+.dataTables_extended_wrapper {\r
+       position: relative !important;\r
+       clear: both !important;\r
+}\r
+.dataTables_extended_wrapper .seperator {\r
+  padding: 0 2px;\r
+}\r
+\r
+.dataTables_extended_wrapper .dataTables_paginate,\r
+.dataTables_extended_wrapper .dataTables_length,\r
+.dataTables_extended_wrapper .dataTables_info {\r
+  display: inline-block;\r
+  float: none !important;\r
+  padding: 0 !important;\r
+  margin: 0 !important;\r
+  position: static !important;\r
+  font-size: 13px;\r
+}\r
+\r
+@media (max-width: 480px) { \r
+\r
+  .dataTables_extended_wrapper .dataTables_paginate,\r
+  .dataTables_extended_wrapper .dataTables_length,\r
+  .dataTables_extended_wrapper .dataTables_info {\r
+    display: block;\r
+    margin-bottom: 10px !important;\r
+  }\r
+\r
+  .dataTables_extended_wrapper .seperator {\r
+    display: none;\r
+  }\r
+}\r
+\r
+.dataTables_extended_wrapper .dataTables_length label {\r
+  margin: 0 !important;\r
+  padding: 0 !important;\r
+  font-size: 13px;\r
+  float: none !important;\r
+  display: inline-block !important;\r
+}\r
+\r
+.table-container .table-actions-wrapper {\r
+  display: none;\r
+}\r
+\r
+/***\r
+Password Strength(in v1.4)\r
+***/\r
+.password-strength .password-verdict {\r
+  display: inline-block;\r
+  margin-top: 6px;\r
+  margin-left: 5px;\r
+}\r
+\r
+.password-strength .progress {\r
+  margin-top: 5px;\r
+  margin-bottom: 0;\r
+}\r
+\r
+.password-strength .progress-bar {\r
+  padding: 2px;\r
+}\r
+\r
+/***\r
+Uniform disabled checkbox, radio button fix(in v1.4)\r
+***/\r
+\r
+.table .uniform-inline {\r
+  padding: 0;\r
+  margin: 0;\r
+}\r
+\r
+.checker {\r
+  margin-top: -2px !important;\r
+  margin-right: 2px !important;\r
+  display:inline;\r
+}\r
+\r
+.checker input,\r
+.radio input {\r
+  outline: none !important;\r
+}\r
+\r
+div.checker.disabled span, \r
+div.checker.disabled.active span{\r
+    background-position: -152px -260px; \r
+}\r
+\r
+div.checker.disabled:hover,\r
+div.radio.disabled:hover {\r
+    cursor: not-allowed;  \r
+}\r
+\r
+div.radio,\r
+div.checker {\r
+ margin-right: 0;\r
+ margin-left: 3px;\r
+}\r
+\r
+/***\r
+jQuery Sparkline\r
+***/\r
+.jqstooltip {\r
+  width: auto !important;\r
+  height: auto !important;\r
+}\r
+\r
+\r
+/***\r
+jQuery Multi Select\r
+***/\r
+\r
+.ms-container .ms-list {\r
+  border: 1px solid #e5e5e5;\r
+  -webkit-box-shadow: none;\r
+     -moz-box-shadow: none;\r
+          box-shadow: none;\r
+\r
+}\r
+\r
+.ms-container .ms-optgroup-label{\r
+  font-size: 14px;\r
+}\r
+\r
+.ms-container .ms-selectable li.ms-elem-selectable,\r
+.ms-container .ms-selection li.ms-elem-selection{\r
+  font-size: 13px;\r
+}\r
+\r
+.ms-container .ms-list.ms-focus {\r
+  border-color: #999999;\r
+  -webkit-box-shadow: none;\r
+     -moz-box-shadow: none;\r
+          box-shadow: none;\r
+}\r
+\r
+.ms-container .ms-selectable li.ms-hover,\r
+.ms-container .ms-selection li.ms-hover{\r
+  color: #333;\r
+  background-color: #eee;\r
+}\r
+\r
+.ms-container .form-control {\r
+  margin-bottom: 5px;\r
+}\r
+\r
+/***\r
+Bootstrap Colorpicker\r
+***/\r
+.input-group.color .input-group-btn i {\r
+  position: absolute;\r
+  display: block;\r
+  cursor: pointer;\r
+  width: 20px;\r
+  height: 20px;\r
+  right: 6px;\r
+} \r
+\r
+.colorpicker.dropdown-menu {\r
+  padding: 5px;\r
+}\r
+\r
+/* change z-index when opened in modal */\r
+.modal-open .colorpicker {\r
+  z-index: 10055 !important;\r
+}\r
+\r
+/***\r
+Bootstrap  Datetimepicker\r
+***/\r
+\r
+.datetimepicker table td {\r
+  font-weight: 300  !important;\r
+  font-family: 'Open Sans' !important;\r
+}\r
+\r
+.datetimepicker table th {\r
+  font-family: 'Open Sans' !important;\r
+  font-weight: 400  !important;\r
+}\r
+\r
+.datetimepicker.dropdown-menu {\r
+  padding: 5px;\r
+}\r
+\r
+.datetimepicker .active {  \r
+  background-color:#4b8df8 !important;\r
+  background-image: none !important;\r
+  filter: none !important;\r
+}\r
+\r
+.datetimepicker .active:hover {\r
+  background-color: #2678FC !important;\r
+  background-image: none !important;\r
+  filter: none !important;\r
+\r
+}\r
+\r
+/* change z-index when opened in modal */\r
+.modal-open .datetimepicker {\r
+  z-index: 10055 !important;\r
+}\r
+\r
+/***\r
+Bootstrap Time Picker\r
+***/\r
+.bootstrap-timepicker-widget table td a  {\r
+  padding: 4px 0;\r
+}\r
+\r
+.bootstrap-timepicker-widget input,\r
+.bootstrap-timepicker-widget input:focus {\r
+  outline: none !important;\r
+  border: 0;\r
+}\r
+\r
+.modal-open  .bootstrap-timepicker-widget {\r
+  z-index: 10055 !important;\r
+}\r
+\r
+.bootstrap-timepicker-widget.timepicker-orient-bottom:before,\r
+.bootstrap-timepicker-widget.timepicker-orient-bottom:after {\r
+  top: auto;\r
+}\r
+\r
+/***\r
+Bootstrap Datepicker\r
+***/\r
+\r
+.datepicker.dropdown-menu {\r
+  padding: 5px;\r
+}\r
+\r
+.datepicker .selected {  \r
+  background-color:#909090 !important;\r
+  background-image: none !important;\r
+  filter: none !important;\r
+}\r
+\r
+.datepicker .active {  \r
+  background-color:#4b8df8 !important;\r
+  background-image: none !important;\r
+  filter: none !important;\r
+}\r
+\r
+.datepicker .active:hover {\r
+  background-color: #2678FC !important;\r
+  background-image: none !important;\r
+  filter: none !important;\r
+}\r
+\r
+.datepicker .input-daterange input {\r
+  text-align: left;\r
+}\r
+\r
+/* change z-index when opened in modal */\r
+.modal-open .datepicker {\r
+  z-index: 10055 !important;\r
+}\r
+\r
+.datepicker table td {\r
+  font-weight: 300  !important;\r
+  font-family: 'Open Sans' !important;\r
+}\r
+\r
+.datepicker table th {\r
+  font-family: 'Open Sans' !important;\r
+  font-weight: 400  !important;\r
+}\r
+\r
+\r
+/***\r
+Clockface\r
+***/\r
+\r
+.modal-open .clockface {\r
+  z-index: 10055 !important;\r
+}\r
+\r
+.clockface .cell .inner.active,\r
+.clockface .cell .outer.active {\r
+  background-color:#4b8df8 !important;\r
+  background-image: none ;\r
+  filter:none ;\r
+}\r
+\r
+\r
+/***\r
+Bootstrap Daterangepicker\r
+***/\r
+\r
+.modal-open .daterangepicker {\r
+  z-index: 10055 !important;\r
+}\r
+\r
+.daterangepicker td {\r
+  text-shadow: none ;\r
+}\r
+\r
+.daterangepicker td.active {\r
+  background-color: #4b8df8 ;\r
+  background-image: none ;\r
+  filter:none ;\r
+}\r
+\r
+.daterangepicker th {\r
+  font-weight: 400;\r
+  font-size: 14px;\r
+}\r
+\r
+.daterangepicker .ranges input[type="text"]  {\r
+  width: 70px !important;\r
+  font-size: 11px;\r
+  vertical-align: middle;\r
+}\r
+\r
+.daterangepicker .ranges label {\r
+  font-weight: 300;\r
+  display: block;\r
+}\r
+\r
+.daterangepicker .ranges .btn {\r
+  margin-top: 10px;\r
+}\r
+\r
+.daterangepicker.dropdown-menu {\r
+  padding: 5px;\r
+}\r
+\r
+.daterangepicker .ranges li {\r
+  color: #333;\r
+}\r
+\r
+.daterangepicker .ranges li.active, \r
+.daterangepicker .ranges li:hover {\r
+  background: #4b8df8 !important;\r
+  border: 1px solid #4b8df8 !important;\r
+  color: #fff;\r
+}\r
+\r
+.daterangepicker .range_inputs input {\r
+  margin-bottom: 0 !important;\r
+}\r
+\r
+/***\r
+Bootstrap Editable\r
+***/\r
+\r
+.editable-input table,\r
+.editable-input table th,\r
+.editable-input table td,\r
+.editable-input table tr {\r
+  border: 0 !important;\r
+}\r
+\r
+.editable-input .combodate select {\r
+  margin-bottom: 5px;\r
+}\r
+\r
+/***\r
+FuelUX Spinners\r
+***/\r
+\r
+.spinner-buttons.btn-group-vertical .btn {\r
+  text-align: center;\r
+  margin: 0;\r
+  height: 17px;\r
+  width: 22px;\r
+  padding-left: 6px;\r
+  padding-right: 6px;\r
+  padding-top: 0px;\r
+} \r
+\r
+\r
+/***\r
+NoUI Range Sliders\r
+***/\r
+.noUi-handle {\r
+  height: 20px;\r
+  width: 20px;\r
+  margin: -3px 0 0 -20px;\r
+}\r
+\r
+.noUi-base {\r
+  height: 16px;\r
+}\r
+\r
+.noUi-connect {\r
+  background: #ffb848;\r
+}\r
+\r
+/***\r
+Toastr Notifications\r
+***/\r
+.toast {\r
+    -webkit-box-shadow: none !important;\r
+     -moz-box-shadow: none !important;\r
+          box-shadow: none !important;\r
+}\r
+\r
+.toast {\r
+  background-color: #030303;\r
+}\r
+.toast-success {\r
+  background-color: #51a351;\r
+}\r
+.toast-error {\r
+  background-color: #bd362f;\r
+}\r
+.toast-info {\r
+  background-color: #2f96b4;\r
+}\r
+.toast-warning {\r
+  background-color: #f89406;\r
+}\r
+\r
+.toast .toast-close-button {\r
+  display: inline-block;\r
+  margin-top: 0px;\r
+  margin-right: 0px;\r
+  text-indent: -100000px;\r
+  width: 11px;\r
+  height: 16px;\r
+  background-repeat: no-repeat !important;\r
+  background-image: url("../image/portlet-remove-icon-white.png") !important;\r
+}\r
+\r
+.toast-top-center {\r
+  top: 12px;\r
+  margin: 0 auto;\r
+  left: 50%;\r
+  margin-left: -150px;\r
+}\r
+\r
+.toast-bottom-center {\r
+  bottom: 12px;\r
+  margin: 0 auto;\r
+  left: 50%;\r
+  margin-left: -150px;\r
+}\r
+\r
+/***\r
+Google reCaptcha\r
+***/\r
+.form-recaptcha-img {\r
+  margin-bottom: 10px;\r
+  clear: both;\r
+  border: 1px solid #e5e5e5;\r
+  padding: 5px;\r
+}\r
+\r
+iframe[src="about:blank"] {\r
+  display:none;\r
+}\r
+\r
+/***\r
+Bootstrap Markdown\r
+***/\r
+.md-input {\r
+  padding: 5px !important;\r
+  border-bottom: 0 !important;\r
+}\r
+\r
+.md-editor .btn-toolbar {\r
+  margin-left: 0px;\r
+}\r
+\r
+.md-editor.active {\r
+  border: 1px solid #999999;\r
+  -webkit-box-shadow: none !important;\r
+     -moz-box-shadow: none !important;\r
+          box-shadow: none !important;\r
+}\r
+\r
+/***\r
+Bootstrap Datepaginator\r
+***/\r
+.datepaginator a {\r
+  font-family: 'Open Sans';\r
+  font-size: 13px;\r
+  font-weight: 300;\r
+}\r
+\r
+.datepicker .today {\r
+  background-image: none !important;\r
+  filter: none !important;\r
+}\r
+\r
+#dp-calendar {\r
+  right: 4px !important;\r
+}\r
+\r
+/***\r
+Font Awesome 4.0 Demo\r
+***/\r
+.fa-item {\r
+  font-size: 14px;\r
+  padding: 10px 10px 10px 20px;\r
+}\r
+\r
+.fa-item i {\r
+  font-size: 16px;\r
+  display: inline-block;\r
+  width: 20px;\r
+}\r
+\r
+.fa-item:hover {\r
+  cursor: pointer;\r
+  background: #eee;  \r
+}\r
+\r
+/***\r
+Bootstrap Modal\r
+***/\r
+/* fix: content shifting to the right on modal open */\r
+.modal-open.page-overflow .page-container,\r
+.modal-open.page-overflow .page-container .navbar-fixed-top,\r
+.modal-open.page-overflow .page-container .navbar-fixed-bottom,\r
+.modal-open.page-overflow .modal-scrollable {\r
+  overflow-y: auto !important;\r
+}\r
+\r
+.modal-scrollable {\r
+  overflow: hidden !important;\r
+}\r
+\r
+\r
+/***\r
+jQuery Notific8 Plugin\r
+***/\r
+\r
+.jquery-notific8-message {\r
+  font-size: 13px;\r
+}\r
+\r
+[class*="jquery-notific8"],\r
+[class*="jquery-notific8"]:after,\r
+[class*="jquery-notific8"]:before {\r
+   -webkit-box-sizing: content-box;\r
+      -moz-box-sizing: content-box;\r
+           box-sizing: content-box;\r
+}\r
+\r
+.right .jquery-notific8-close-sticky span,\r
+.left .jquery-notific8-close-sticky span {\r
+    font-size: 10px;  \r
+}\r
+\r
+.jquery-notific8-heading {\r
+  font-weight: 300;\r
+  font-size: 16px;\r
+}\r
+\r
+/***\r
+jQuery File Upload\r
+***/\r
+\r
+.blueimp-gallery .close {  \r
+  background-image: url("../image/portlet-remove-icon-white.png") !important;\r
+  margin-top: -2px;\r
+}\r
+\r
+.blueimp-gallery .prev,\r
+.blueimp-gallery .next {\r
+  border-radius: 23px !important;\r
+}\r
+\r
+/***\r
+Bootstrap Switch \r
+***/\r
+\r
+.has-switch {\r
+  border-color: #e5e5e5;\r
+}\r
+\r
+.has-switch:focus {\r
+  -webkit-box-shadow: none;\r
+          box-shadow: none;\r
+}\r
+\r
+/***\r
+Jstree\r
+***/\r
+\r
+.jstree-default .jstree-clicked {\r
+  border: 0;\r
+  background-color: #e1e1e1;\r
+  box-shadow:none;\r
+}\r
+\r
+.jstree-default .jstree-hovered {\r
+  border: 0;\r
+  background-color: #eee;\r
+  box-shadow:none;\r
+}\r
+\r
+.jstree-default .jstree-wholerow-clicked,\r
+.jstree-wholerow .jstree-wholerow-clicked {\r
+  background: none;\r
+  border: 0;\r
+  background-color: #e1e1e1;\r
+  box-shadow:none;\r
+}\r
+\r
+.jstree-default .jstree-wholerow-hovered,\r
+.jstree-wholerow .jstree-wholerow-hovered {\r
+  border: 0;\r
+  background-color: #eee;\r
+  box-shadow:none;\r
+} \r
+\r
+.jstree-icon.icon-lg {\r
+  margin-top: 1px;\r
+}\r
+\r
+.jstree-open > .jstree-anchor > .fa-folder:before {\r
+  margin-left: 2px;\r
+  content: "\f07c"; \r
+}\r
+\r
+.jstree-default.jstree-rtl .jstree-last {\r
+  background: transparent;\r
+  background-repeat: no-repeat;\r
+}\r
+\r
+.vakata-context,\r
+.vakata-context ul {\r
+  padding: 0;\r
+  min-width: 125px;\r
+  background-color: #ffffff;\r
+  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
+  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
+  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  \r
+  font-size: 14px;\r
+  font-family: "Segoe UI",Helvetica, Arial, sans-serif;\r
+  border: 1px solid #ddd;\r
+}\r
+\r
+.vakata-context li a {\r
+  padding: 0 10px;\r
+}\r
+\r
+.vakata-context .vakata-context-hover > a,\r
+.vakata-context li a:hover {\r
+  background-color: #eee;\r
+  color: #333;\r
+  box-shadow: none;\r
+}\r
+\r
+.vakata-context li a span,\r
+.vakata-context li a ins {\r
+  display: none;\r
+}\r
+\r
+.vakata-context .vakata-context-separator a, \r
+.vakata-context-rtl .vakata-context-separator a {\r
+  margin: 0;\r
+}\r
+\r
+.jstree-rename-input {\r
+  background-color: #ffffff !important;\r
+  border: 1px solid #e5e5e5 !important;\r
+  outline: none !important;\r
+  padding: 2px 6px !important;\r
+  margin-right: -4px !important;\r
+}\r
+\r
+/***\r
+Bootstrap Select\r
+***/\r
+\r
+.bootstrap-select .btn {\r
+  border-color: #e5e5e5;\r
+}\r
+\r
+.bootstrap-select.open .btn1 {\r
+  border-color: #999999;\r
+}\r
+\r
+.bootstrap-select.open.dropup .btn1 {\r
+  border-color: #999999;\r
+}\r
+\r
+.bootstrap-select .btn:focus {\r
+    outline: none !important;\r
+    outline-offset: 0;\r
+}\r
+\r
+.bootstrap-select.btn-group .dropdown-menu {\r
+  margin-top: 1px;\r
+}\r
+\r
+.bootstrap-select.btn-group .dropdown-menu > li > dt > .text {\r
+  font-weight: 600;\r
+  font-family: 'Open Sans';\r
+  font-size: 14px;\r
+}\r
+\r
+.bootstrap-select.btn-group .dropdown-menu .text-muted {\r
+  color: #999 !important;\r
+}\r
+\r
+.bootstrap-select .caret {\r
+  border: 0;\r
+  width: auto;\r
+  height: auto;\r
+  margin-top: -10px !important;\r
+}\r
+\r
+.bootstrap-select .caret:before {\r
+    content: "\f107";\r
+    display: inline-block;\r
+    border: 0; \r
+    font-family: FontAwesome;\r
+    font-style: normal;\r
+    font-weight: normal;\r
+}\r
+\r
+.bootstrap-select .selected i {\r
+  color: #aaa;\r
+}\r
+\r
+/***\r
+Pace - Page Progress\r
+***/\r
+\r
+.pace .pace-progress {\r
+  z-index: 10000;\r
+  top: 40px;\r
+  height: 2px;\r
+}\r
+\r
+.pace .pace-progress-inner {\r
+  box-shadow: none;\r
+}\r
+\r
+.pace .pace-activity {\r
+  top: 44px;\r
+  right: 22px;\r
+  border-radius: 10px !important;\r
+}\r
+\r
+\r
+@media (max-width: 480px) { \r
+\r
+  .page-header-fixed .pace .pace-progress {\r
+    top: 82px;\r
+  }\r
+\r
+  .page-header-fixed .pace .pace-activity {\r
+    top: 88px;\r
+    right: 15px;\r
+  }\r
+\r
+}\r