:root {
   --ColorLindeFont: #005591;
   --ColorLindeSignalRed: #E1000F;
   --ColorLindeSignalGreen: #009B3C;
   --ColorLindeSignalOrange: #DC7800;
   --ColorLindeBlue: #005591;
   --ColorLindeBlue70: #4C88B2;
   --ColorLindeBlue50: #7FAAC8;
   --ColorLindeBlue30: #B2CCDE;
   --ColorLindeLightBlue: #00A0E1;
   --ColorLindeLightGray: #D2E1EB;
   --ColorLindeLightGray70: #DCE6EB;
   --ColorLindeLightGray50: #E8F0F5;
   --ColorLindeLightGray30: #F1F6F9;
   --ColorLindeBlueGray: #B9CDD7;
   --ColorLindeGray: #6E7878;
   --ColorLindeGray70: #99A0A0;
   --ColorLindeGray50: #B6BBBB;
   --ColorLindeGray30: #D3D6D6;
   --ColorLindeFlatPrimaryButton: #00A0E1;
   --ColorLindeFlatPrimaryButtonText: #FFFFFF;
   --ColorLindeFlatSecondaryButton: #D2E1EB;
   --ColorLindeFlatSecondaryButtonText: #005591;
}

.editable-address {
   display: block;
   margin-bottom: 5px;
}

   .editable-address span {
      width: 70px;
      display: inline-block;
   }

.clearfix {
   zoom: 1;
}

   .clearfix:before,
   .clearfix:after {
      content: "";
      display: table;
   }

   .clearfix:after {
      clear: both;
   }

.img-logo {
   height: 100%;
   width: 100%;
   object-fit: contain;
}

.noselect {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.margin-0 {
   margin: 0px !important;
}

.margin-top-0 {
   margin-top: 0px !important;
}

.margin-top-5 {
   margin-top: 5px !important;
}

.margin-top-10 {
   margin-top: 10px !important;
}

.margin-top-15 {
   margin-top: 15px !important;
}

.margin-top-20 {
   margin-top: 20px !important;
}

.margin-top-30 {
   margin-top: 30px !important;
}

.margin-top-40 {
   margin-top: 40px !important;
}

.margin-top-50 {
   margin-top: 50px !important;
}

.margin-top-100 {
   margin-top: 100px !important;
}

.margin-top-minus-one {
   margin-top: -1px !important;
}

.margin-bottom-0 {
   margin-bottom: 0px !important;
}

.margin-bottom-5 {
   margin-bottom: 5px !important;
}

.margin-bottom-10 {
   margin-bottom: 10px !important;
}

.margin-bottom-15 {
   margin-bottom: 15px !important;
}

.margin-bottom-20 {
   margin-bottom: 20px !important;
}

.margin-bottom-30 {
   margin-bottom: 30px !important;
}

.margin-bottom-40 {
   margin-bottom: 40px !important;
}

.margin-bottom-50 {
   margin-bottom: 50px !important;
}

.margin-bottom-100 {
   margin-bottom: 100px !important;
}

.margin-left-0 {
   margin-left: 0px !important;
}

.margin-left-5 {
   margin-left: 5px !important;
}

.margin-left-10 {
   margin-left: 10px !important;
}

.margin-left-15 {
   margin-left: 15px !important;
}

.margin-left-20 {
   margin-left: 20px !important;
}

.margin-left-30 {
   margin-left: 30px !important;
}

.margin-left-40 {
   margin-left: 40px !important;
}

.margin-left-50 {
   margin-left: 50px !important;
}

.margin-right-0 {
   margin-right: 0px !important;
}

.margin-right-5 {
   margin-right: 5px !important;
}

.margin-right-10 {
   margin-right: 10px !important;
}

.margin-right-15 {
   margin-right: 15px !important;
}

.margin-right-20 {
   margin-right: 20px !important;
}

.margin-right-30 {
   margin-right: 30px !important;
}

.margin-right-40 {
   margin-right: 40px !important;
}

.margin-right-50 {
   margin-right: 50px !important;
}

.padding-0 {
   padding: 0px !important;
}

.padding-5 {
   padding: 5px !important;
}

.padding-10 {
   padding: 10px !important;
}

.padding-15 {
   padding: 15px !important;
}

.padding-20 {
   padding: 20px !important;
}

.padding-30 {
   padding: 30px !important;
}

.padding-40 {
   padding: 40px !important;
}

.padding-50 {
   padding: 50px !important;
}

.padding-left-0 {
   padding-left: 0px !important;
}

.padding-left-5 {
   padding-left: 5px !important;
}

.padding-left-10 {
   padding-left: 10px !important;
}

.padding-left-15 {
   padding-left: 15px !important;
}

.padding-left-20 {
   padding-left: 20px !important;
}

.padding-left-30 {
   padding-left: 30px !important;
}

.padding-left-40 {
   padding-left: 40px !important;
}

.padding-left-50 {
   padding-left: 50px !important;
}

.padding-right-0 {
   padding-right: 0px !important;
}

.padding-right-5 {
   padding-right: 5px !important;
}

.padding-right-10 {
   padding-right: 10px !important;
}

.padding-right-15 {
   padding-right: 15px !important;
}

.padding-right-20 {
   padding-right: 20px !important;
}

.padding-right-30 {
   padding-right: 30px !important;
}

.padding-right-40 {
   padding-right: 40px !important;
}

.padding-right-50 {
   padding-right: 50px !important;
}

.padding-top-0 {
   padding-top: 0px !important;
}

.padding-top-5 {
   padding-top: 5px !important;
}

.padding-top-10 {
   padding-top: 10px !important;
}

.padding-top-15 {
   padding-top: 15px !important;
}

.padding-top-20 {
   padding-top: 20px !important;
}

.padding-top-30 {
   padding-top: 30px !important;
}

.padding-top-40 {
   padding-top: 40px !important;
}

.padding-top-50 {
   padding-top: 50px !important;
}

.padding-bottom-0 {
   padding-bottom: 0px !important;
}

.padding-bottom-5 {
   padding-bottom: 5px !important;
}

.padding-bottom-10 {
   padding-bottom: 10px !important;
}

.padding-bottom-15 {
   padding-bottom: 15px !important;
}

.padding-bottom-20 {
   padding-bottom: 20px !important;
}

.padding-bottom-30 {
   padding-bottom: 30px !important;
}

.padding-bottom-40 {
   padding-bottom: 40px !important;
}

.padding-bottom-50 {
   padding-bottom: 50px !important;
}

.border-top-0 {
   border-top: 0px !important;
}

.border-bottom-0 {
   border-bottom: 0px !important;
}

.border-left-0 {
   border-left: 0px !important;
}

.border-right-0 {
   border-right: 0px !important;
}

.text-default {
   color: var(--ColorLindeFont) !important;
}

.text-muted {
   color: #7F8FA4 !important;
}

.text-primary {
   color: var(--ColorLindeBlue) !important;
}

.text-info {
   color: var(--ColorLindeLightBlue) !important;
}

.text-success {
   color: var(--ColorLindeSignalGreen) !important;
}

.text-warning {
   color: var(--ColorLindeSignalOrange) !important;
}

.text-danger {
   color: var(--ColorLindeSignalRed) !important;
}

.text-sm {
   font-size: 11px;
}

.text-rg {
   font-size: 13px;
}

.text-lg {
   font-size: 15px;
}

.text-xlg {
   font-size: 17px;
}

.text-thin {
   font-weight: 300 !important;
}

.text-regular {
   font-weight: 400 !important;
}

.text-bold {
   font-weight: 600 !important;
}

.text-bolder {
   font-weight: 700 !important;
}

.text-uppercase {
   text-transform: uppercase !important;
}

.text-lowercase {
   text-transform: lowercase !important;
}

.text-capitalize {
   text-transform: capitalize !important;
}

.text-italic {
   font-style: italic !important;
}

.wide {
   width: 100%;
}

.visible-mobile {
   display: none;
}

.text-right {
   text-align: right !important;
}

.text-left {
   text-align: left !important;
}

.animate-infinite {
   -vendor-animation-duration: 1s;
   -vendor-animation-delay: 1s;
   -vendor-animation-iteration-count: infinite;
}

.app-color-example {
   float: left;
   width: 100%;
   padding: 5px;
   line-height: 20px;
   border: 1px dashed #DBE0E4;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-align: center;
   font-size: 15px;
   font-weight: 700;
}

.text-bloody-600 {
   color: #6C0000 !important;
}

.text-bloody-500 {
   color: #b90000 !important;
}

.text-bloody-400 {
   color: #ff0606 !important;
}

.text-bloody-300 {
   color: #ff5353 !important;
}

.text-bloody-200 {
   color: #ff8686 !important;
}

.text-bloody-100 {
   color: #ffb9b9 !important;
}

.text-orange-600 {
   color: #D37001 !important;
}

.text-orange-500 {
   color: #fe8a09 !important;
}

.text-orange-400 {
   color: #fea33c !important;
}

.text-orange-300 {
   color: #febb6f !important;
}

.text-orange-200 {
   color: #fec788 !important;
}

.text-orange-100 {
   color: #ffd3a1 !important;
}

.text-yellow-600 {
   color: #DFDA00 !important;
}

.text-yellow-500 {
   color: #fffa13 !important;
}

.text-yellow-400 {
   color: #fffa2d !important;
}

.text-yellow-300 {
   color: #fffb46 !important;
}

.text-yellow-200 {
   color: #fffb60 !important;
}

.text-yellow-100 {
   color: #fffc79 !important;
}

.text-lime-600 {
   color: #466C00 !important;
}

.text-lime-500 {
   color: #679f00 !important;
}

.text-lime-400 {
   color: #78b900 !important;
}

.text-lime-300 {
   color: #88d200 !important;
}

.text-lime-200 {
   color: #99ec00 !important;
}

.text-lime-100 {
   color: #a7ff06 !important;
}

.text-green-600 {
   color: #006C00 !important;
}

.text-green-500 {
   color: #009f00 !important;
}

.text-green-400 {
   color: #00b900 !important;
}

.text-green-300 {
   color: #06ff06 !important;
}

.text-green-200 {
   color: #39ff39 !important;
}

.text-green-100 {
   color: #6cff6c !important;
}

.text-sea-600 {
   color: #00D595 !important;
}

.text-sea-500 {
   color: #09ffb5 !important;
}

.text-sea-400 {
   color: #22ffbd !important;
}

.text-sea-300 {
   color: #3cffc4 !important;
}

.text-sea-200 {
   color: #56ffcc !important;
}

.text-sea-100 {
   color: #6fffd4 !important;
}

.text-teal-600 {
   color: #00696C !important;
}

.text-teal-500 {
   color: #00b3b9 !important;
}

.text-teal-400 {
   color: #00e5ec !important;
}

.text-teal-300 {
   color: #20f9ff !important;
}

.text-teal-200 {
   color: #53faff !important;
}

.text-teal-100 {
   color: #6cfbff !important;
}

.text-blue-600 {
   color: #00416C !important;
}

.text-blue-500 {
   color: #006fb9 !important;
}

.text-blue-400 {
   color: #008eec !important;
}

.text-blue-300 {
   color: #20a6ff !important;
}

.text-blue-200 {
   color: #53baff !important;
}

.text-blue-100 {
   color: #6cc4ff !important;
}

.text-darkblue-600 {
   color: #00336C !important;
}

.text-darkblue-500 {
   color: #004b9f !important;
}

.text-darkblue-400 {
   color: #0063d2 !important;
}

.text-darkblue-300 {
   color: #067cff !important;
}

.text-darkblue-200 {
   color: #3997ff !important;
}

.text-darkblue-100 {
   color: #53a4ff !important;
}

.text-navyblue-600 {
   color: #001C6C !important;
}

.text-navyblue-500 {
   color: #00299f !important;
}

.text-navyblue-400 {
   color: #0036d2 !important;
}

.text-navyblue-300 {
   color: #2059ff !important;
}

.text-navyblue-200 {
   color: #537fff !important;
}

.text-navyblue-100 {
   color: #6c92ff !important;
}

.text-indigo-600 {
   color: #1F016B !important;
}

.text-indigo-500 {
   color: #2e019e !important;
}

.text-indigo-400 {
   color: #3f02da !important;
}

.text-indigo-300 {
   color: #6022fd !important;
}

.text-indigo-200 {
   color: #8454fd !important;
}

.text-indigo-100 {
   color: #a887fe !important;
}

.text-purple-600 {
   color: #41006C !important;
}

.text-purple-500 {
   color: #60009f !important;
}

.text-purple-400 {
   color: #8500dc !important;
}

.text-purple-300 {
   color: #a620ff !important;
}

.text-purple-200 {
   color: #ba53ff !important;
}

.text-purple-100 {
   color: #cf86ff !important;
}

.text-magenta-600 {
   color: #6C0069 !important;
}

.text-magenta-500 {
   color: #9f009b !important;
}

.text-magenta-400 {
   color: #dc00d6 !important;
}

.text-magenta-300 {
   color: #ff20f9 !important;
}

.text-magenta-200 {
   color: #ff53fa !important;
}

.text-magenta-100 {
   color: #ff86fc !important;
}

.text-pink-600 {
   color: #6C004B !important;
}

.text-pink-500 {
   color: #9f006e !important;
}

.text-pink-400 {
   color: #dc0099 !important;
}

.text-pink-300 {
   color: #ff20bb !important;
}

.text-pink-200 {
   color: #ff53ca !important;
}

.text-pink-100 {
   color: #ff86da !important;
}

.text-maroon-600 {
   color: #6C0023 !important;
}

.text-maroon-500 {
   color: #9f0034 !important;
}

.text-maroon-400 {
   color: #dc0047 !important;
}

.text-maroon-300 {
   color: #ff2068 !important;
}

.text-maroon-200 {
   color: #ff538a !important;
}

.text-maroon-100 {
   color: #ff86ad !important;
}

@media (max-width: 992px) {
   .visible-mobile {
      display: block;
   }

   .hidden-mobile {
      display: none;
   }

   .float-left-mobile {
      float: left !important;
   }

   .float-right-mobile {
      float: right !important;
   }

   .clear-mobile {
      clear: both;
   }

   .text-left-mobile {
      text-align: left !important;
   }

   .text-right-mobile {
      text-align: right !important;
   }
}

html {
   height: 100%;
}

body {
   height: 100%;
   padding: 0px;
   margin: 0px;
   color: var(--ColorLindeFont);
   font-family: 'Open Sans', sans-serif;
   font-size: 13px;
   line-height: 20px;
   font-weight: 400;
   background: #EDEFF0;
   overflow-x: hidden;
}

   body * {
      outline: none !important;
   }

   body a {
      color: var(--ColorLindeLightBlue);
   }

      body a:hover {
         color: #0d8dd2;
      }

   body .row {
      margin-left: -10px;
      margin-right: -10px;
   }

      body .row > div[class^='col-'] {
         padding-left: 10px;
         padding-right: 10px;
      }

.app {
   float: left;
   width: 100%;
   min-height: 100%;
   position: relative;
   overflow-x: hidden;
}

   .app .app-container {
      float: left;
      width: 100%;
      position: relative;
      background: #EDEFF0;
   }

      .app .app-container .app-sidebar {
         float: left;
         width: 300px;
         z-index: 1;
      }

         .app .app-container .app-sidebar.dir-left {
            float: left;
         }

         .app .app-container .app-sidebar.dir-right {
            float: right;
         }

      .app .app-container .app-content {
         width: 100%;
         zoom: 1;
      }

         .app .app-container .app-content:before,
         .app .app-container .app-content:after {
            content: "";
            display: table;
         }

         .app .app-container .app-content:after {
            clear: both;
         }

         .app .app-container .app-content.app-content-resizable .app-content-resizable-column {
            float: left;
            position: relative;
         }

            .app .app-container .app-content.app-content-resizable .app-content-resizable-column .ui-resizable-handle {
               position: absolute;
               right: -5px;
               top: 0;
               font-size: 0.1px;
               display: block;
               touch-action: none;
               cursor: e-resize;
               width: 10px;
               height: 100%;
            }

               .app .app-container .app-content.app-content-resizable .app-content-resizable-column .ui-resizable-handle:after {
                  position: absolute;
                  top: 50%;
                  left: 3px;
                  width: 12px;
                  height: 12px;
                  margin-top: -6px;
                  font-family: "linearicons";
                  font-size: 12px;
                  content: "\e871";
                  text-align: center;
                  -webkit-transform: rotate(90deg);
                  -moz-transform: rotate(90deg);
                  -ms-transform: rotate(90deg);
                  -o-transform: rotate(90deg);
                  transform: rotate(90deg);
               }

            .app .app-container .app-content.app-content-resizable .app-content-resizable-column .container {
               padding-left: 10px;
               padding-right: 10px;
            }

            .app .app-container .app-content.app-content-resizable .app-content-resizable-column:first-child .container {
               padding-left: 15px;
            }

            .app .app-container .app-content.app-content-resizable .app-content-resizable-column:last-child .container {
               padding-right: 15px;
            }

         .app .app-container .app-content .app-content-separate {
            float: left;
            width: 100%;
         }

            .app .app-container .app-content .app-content-separate > .app-content-separate-left {
               float: left;
               width: 360px;
               background: #FFF;
               border-right: 1px solid #DBE0E4;
            }

               .app .app-container .app-content .app-content-separate > .app-content-separate-left .app-content-separate-panel {
                  padding: 15px;
                  float: left;
                  width: 100%;
                  border-bottom: 1px solid #DBE0E4;
               }

               .app .app-container .app-content .app-content-separate > .app-content-separate-left > .app-content-separate-content {
                  float: left;
                  width: 100%;
               }

            .app .app-container .app-content .app-content-separate > .app-content-separate-content {
               padding-left: 360px;
            }

         .app .app-container .app-content.app-sidebar-left {
            padding-left: 300px;
         }

         .app .app-container .app-content.app-sidebar-right {
            padding-right: 300px;
         }

      .app .app-container.app-sidebar-left-closed .app-sidebar.dir-left {
         margin-left: -300px;
      }

      .app .app-container.app-sidebar-left-closed .app-content.app-sidebar-left {
         padding-left: 0px !important;
      }

      .app .app-container.app-sidebar-right-closed .app-sidebar.dir-right {
         margin-right: -300px;
      }

      .app .app-container.app-sidebar-right-closed .app-content.app-sidebar-right {
         padding-right: 0px !important;
      }

      .app .app-container.app-sidebar-left-minimized .app-sidebar.dir-left {
         width: 50px;
      }

      .app .app-container.app-sidebar-left-minimized .app-content.app-sidebar-left {
         padding-left: 50px;
      }

      .app .app-container.app-sidebar-right-minimized .app-sidebar.dir-right {
         width: 50px;
      }

      .app .app-container.app-sidebar-right-minimized .app-content.app-sidebar-right {
         padding-right: 50px;
      }

      .app .app-container .app-content-heading {
         float: left;
         width: 100%;
         background: var(--ColorLindeBlue);
         padding: 50px 20px 150px;
      }

         .app .app-container .app-content-heading > h1 {
            font-size: 19px;
            font-weight: 400;
            padding: 0px;
            margin: 0px;
            line-height: 30px;
            color: #FFF;
         }

         .app .app-container .app-content-heading > p {
            line-height: 20px;
            margin: 0px;
            font-size: 13px;
            color: var(--ColorLindeLightGray50);
            font-weight: 300;
         }

      .app .app-container .app-content-wrapped {
         float: left;
         width: 98%;
         padding: 10px 5px;
         margin: -100px 1% 0;
         background: #EDEFF0;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
      }

   .app .app-overlay {
      position: fixed;
      left: 0px;
      top: 0px;
      background: rgba(0, 0, 0, 0.6);
      width: 0px;
      height: 0px;
      z-index: 1000;
      opacity: 0;
      -webkit-transition: opacity 200ms linear;
      -moz-transition: opacity 200ms linear;
      -ms-transition: opacity 200ms linear;
      -o-transition: opacity 200ms linear;
      transition: opacity 200ms linear;
   }

      .app .app-overlay.show {
         width: 100%;
         height: 100%;
         opacity: 1;
      }

   .app .app-sidepanel {
      position: fixed;
      z-index: 1001;
      top: 0px;
      right: -400px;
      width: 400px;
      height: 100%;
      background: #FFF;
      border-left: 1px solid #DBE0E4;
      -webkit-transition: right 100ms linear;
      -moz-transition: right 100ms linear;
      -ms-transition: right 100ms linear;
      -o-transition: right 100ms linear;
      transition: right 100ms linear;
   }

   .app.app-sidepanel-open {
      overflow-x: visible;
      margin-left: -400px;
   }

      .app.app-sidepanel-open .app-sidepanel {
         right: 0px;
      }

   .app.app-loaded {
      -webkit-transition: margin 100ms linear;
      -moz-transition: margin 100ms linear;
      -ms-transition: margin 100ms linear;
      -o-transition: margin 100ms linear;
      transition: margin 100ms linear;
   }

      .app.app-loaded .app-container .app-sidebar {
         -webkit-transition: all 100ms linear;
         -moz-transition: all 100ms linear;
         -ms-transition: all 100ms linear;
         -o-transition: all 100ms linear;
         transition: all 100ms linear;
      }

      .app.app-loaded .app-container .app-content {
         -webkit-transition: padding 100ms linear;
         -moz-transition: padding 100ms linear;
         -ms-transition: padding 100ms linear;
         -o-transition: padding 100ms linear;
         transition: padding 100ms linear;
      }

.app-layout-boxed {
   background: #dfe3e4;
}

   .app-layout-boxed > .app {
      float: none;
      width: 1200px;
      margin: 0px auto;
      zoom: 1;
      -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
      overflow-x: hidden;
   }

      .app-layout-boxed > .app:before,
      .app-layout-boxed > .app:after {
         content: "";
         display: table;
      }

      .app-layout-boxed > .app:after {
         clear: both;
      }

   .app-layout-boxed.app-layout-boxed-offset {
      padding-top: 30px;
   }

.app .app-container .app-content.app-header-fixed {
   padding-top: 60px;
}

   .app .app-container .app-content.app-header-fixed > .app-header {
      padding-left: 300px;
      position: fixed;
      left: 0px;
      top: 0px;
      z-index: 9;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
   }

.app .app-container.app-sidebar-left-minimized .app-content.app-header-fixed > .app-header {
   padding-left: 50px;
}

.app .app-container.app-sidebar-right-minimized .app-content.app-header-fixed > .app-header {
   padding-right: 50px;
}

.app .app-container.app-sidebar-left-closed .app-content.app-header-fixed > .app-header,
.app .app-container.app-sidebar-right-closed .app-content.app-header-fixed > .app-header {
   padding-left: 0px;
   padding-right: 0px;
}

@media (max-width: 480px) {
   .app .row {
      margin: 0px;
   }

      .app .row div[class^="col-md-"] {
         float: left;
         width: 100%;
         padding-left: 0px;
         padding-right: 0px;
      }
}

@media (max-width: 992px) {
   .app .app-container .app-sidebar {
      float: left;
      position: relative;
      width: 100%;
      display: none;
      left: auto;
      right: auto;
   }

      .app .app-container .app-sidebar.app-sidebar-open {
         display: block;
         margin: 0px !important;
      }

   .app .app-container .app-content {
      float: left;
      width: 100%;
   }

      .app .app-container .app-content.app-content-resizable .app-content-resizable-column {
         width: 100% !important;
      }

         .app .app-container .app-content.app-content-resizable .app-content-resizable-column .ui-resizable-handle {
            display: none !important;
         }

      .app .app-container .app-content .app-content-separate .app-content-separate-left {
         float: left;
         width: 100%;
         border-right: 0px;
      }

         .app .app-container .app-content .app-content-separate .app-content-separate-left .app-content-separate-content {
            display: none;
         }

         .app .app-container .app-content .app-content-separate .app-content-separate-left.open .app-content-separate-content {
            display: block;
         }

      .app .app-container .app-content .app-content-separate .app-content-separate-content {
         padding-left: 0px;
         float: left;
         width: 100%;
      }

      .app .app-container .app-content.app-sidebar-left {
         padding-left: 0px;
      }

      .app .app-container .app-content.app-sidebar-right {
         padding-right: 0px;
      }

   .app .app-container.app-sidebar-left-closed .app-sidebar.dir-left {
      left: auto;
   }

   .app .app-container.app-sidebar-right-closed .app-sidebar.dir-right {
      right: auto;
   }

   .app div[class^='col-md'] {
      float: left;
      width: 100%;
      margin-bottom: 20px;
   }
}

@media (max-width: 1200px) {
   .app-layout-boxed > .app {
      float: left;
      width: 100%;
   }
}

.app .app-header {
   float: left;
   width: 100%;
   height: 60px;
}

   .app .app-header .app-header-logo {
      float: left;
      width: 100%;
      height: 59px;
      background: url(../img/logo.png) left top no-repeat;
      background-size: 100%;
      text-indent: 9999px;
      font-size: 0px;
      -webkit-transition: background 100ms linear;
      -moz-transition: background 100ms linear;
      -ms-transition: background 100ms linear;
      -o-transition: background 100ms linear;
      transition: background 100ms linear;
   }

      .app .app-header .app-header-logo.app-header-logo-light {
         background: url(../img/logo-dark.png) left top no-repeat;
      }

      .app .app-header .app-header-logo.app-header-logo-condensed {
         width: 120px;
         margin-right: 20px;
      }

   .app .app-header .app-header-title {
      float: left;
      padding: 10px 10px 10px 15px;
   }

      .app .app-header .app-header-title h1,
      .app .app-header .app-header-title h2,
      .app .app-header .app-header-title h3,
      .app .app-header .app-header-title h4,
      .app .app-header .app-header-title h5,
      .app .app-header .app-header-title h6,
      .app .app-header .app-header-title .title {
         font-size: 14px;
         line-height: 40px;
         font-weight: 600;
         padding: 0px;
         margin: 0px;
      }

         .app .app-header .app-header-title h1 span,
         .app .app-header .app-header-title h2 span,
         .app .app-header .app-header-title h3 span,
         .app .app-header .app-header-title h4 span,
         .app .app-header .app-header-title h5 span,
         .app .app-header .app-header-title h6 span,
         .app .app-header .app-header-title .title span {
            font-size: 20px;
            line-height: 40px;
            float: left;
            margin-right: 10px;
         }

   .app .app-header .app-header-buttons {
      float: left;
      padding: 9px 5px 10px 10px;
      margin: 0px;
      list-style: none;
      width: auto;
   }

      .app .app-header .app-header-buttons > li {
         float: left;
         position: relative;
         margin-right: 5px;
         width: auto;
      }

         .app .app-header .app-header-buttons > li > .contact {
            margin-bottom: 0px;
         }

            .app .app-header .app-header-buttons > li > .contact .contact-container {
               margin-right: 10px;
            }

         .app .app-header .app-header-buttons > li:last-child {
            margin-right: 0px;
         }

      .app .app-header .app-header-buttons.app-header-buttons-separated li {
         padding-right: 5px;
      }

         .app .app-header .app-header-buttons.app-header-buttons-separated li:after {
            content: " ";
            position: absolute;
            right: 0px;
            top: 10px;
            height: 20px;
            width: 1px;
         }

         .app .app-header .app-header-buttons.app-header-buttons-separated li:last-child {
            padding-right: 0px;
            margin-right: 0px;
         }

            .app .app-header .app-header-buttons.app-header-buttons-separated li:last-child:after {
               display: none;
            }

      .app .app-header .app-header-buttons.pull-right {
         padding-right: 15px;
      }

   .app .app-header .app-header-navigation {
      float: left;
      width: auto;
   }

      .app .app-header .app-header-navigation nav {
         float: left;
         width: auto;
      }

         .app .app-header .app-header-navigation nav > ul {
            float: left;
            padding: 0px;
            margin: 0px;
            list-style: none;
         }

            .app .app-header .app-header-navigation nav > ul > li {
               float: left;
               width: auto;
               position: relative;
            }

               .app .app-header .app-header-navigation nav > ul > li.title {
                  display: none;
               }

               .app .app-header .app-header-navigation nav > ul > li > a {
                  display: block;
                  float: left;
                  line-height: 20px;
                  padding: 20px 15px;
                  font-size: 12px;
                  font-weight: 700;
                  color: #1B2431;
                  text-transform: uppercase;
                  text-decoration: none;
                  -webkit-transition: all 100ms linear;
                  -moz-transition: all 100ms linear;
                  -ms-transition: all 100ms linear;
                  -o-transition: all 100ms linear;
                  transition: all 100ms linear;
               }

                  .app .app-header .app-header-navigation nav > ul > li > a span {
                     display: none;
                  }

               .app .app-header .app-header-navigation nav > ul > li .app-header-navigation-megamenu {
                  display: none;
                  width: 94%;
                  position: fixed;
                  left: 3%;
                  top: 60px;
                  padding: 15px;
                  margin-top: -1px;
                  border: 1px solid #DBE0E4;
                  z-index: 10;
                  background: #FFF;
                  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
                  -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
                  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
               }

               .app .app-header .app-header-navigation nav > ul > li ul {
                  display: none;
                  position: absolute;
                  left: 0px;
                  top: 100%;
                  width: 250px;
                  list-style: none;
                  padding: 0px;
                  margin: 0px;
                  z-index: 10;
                  border: 1px solid #DBE0E4;
                  margin-top: -1px;
                  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
                  -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
                  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
               }

                  .app .app-header .app-header-navigation nav > ul > li ul > li > a {
                     float: left;
                     width: 100%;
                     padding: 15px 15px;
                     background: #FFF;
                     color: #1B2431;
                     text-decoration: none;
                     text-transform: uppercase;
                     font-weight: 700;
                     font-size: 11px;
                     -webkit-transition: all 100ms linear;
                     -moz-transition: all 100ms linear;
                     -ms-transition: all 100ms linear;
                     -o-transition: all 100ms linear;
                     transition: all 100ms linear;
                  }

                     .app .app-header .app-header-navigation nav > ul > li ul > li > a span {
                        display: none;
                     }

                  .app .app-header .app-header-navigation nav > ul > li ul > li:hover > a {
                     background: var(--ColorLindeLightGray50);
                     color: var(--ColorLindeLightBlue);
                  }

               .app .app-header .app-header-navigation nav > ul > li:hover > a {
                  color: var(--ColorLindeLightBlue);
               }

               .app .app-header .app-header-navigation nav > ul > li:hover > ul,
               .app .app-header .app-header-navigation nav > ul > li:hover > .app-header-navigation-megamenu {
                  display: block;
               }

      .app .app-header .app-header-navigation.app-header-navigation-hover nav > ul > li > a {
         background: #FFF;
         color: var(--ColorLindeBlue);
         border-bottom: 1px solid #DBE0E4;
         padding-bottom: 19px;
      }

         .app .app-header .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover {
            background: var(--ColorLindeLightGray50);
            color: #1a1d29;
         }

      .app .app-header .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a {
         color: var(--ColorLindeBlue);
      }

         .app .app-header .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover {
            color: #1a1d29;
         }

   .app .app-header .app-header-search {
      float: left;
      padding: 10px 0px;
      position: relative;
   }

      .app .app-header .app-header-search > input {
         border: 1px solid transparent;
         float: left;
         width: 40px;
         padding: 0px 0px 0px 40px;
         line-height: 38px;
         overflow: hidden;
         -webkit-transition: width 100ms linear;
         -moz-transition: width 100ms linear;
         -ms-transition: width 100ms linear;
         -o-transition: width 100ms linear;
         transition: width 100ms linear;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
      }

         .app .app-header .app-header-search > input:focus {
            width: 220px;
         }

      .app .app-header .app-header-search:after {
         position: absolute;
         left: 0px;
         top: 10px;
         width: 40px;
         font-size: 20px;
         height: 40px;
         line-height: 40px;
         content: "\e853";
         font-family: 'linearicons';
         text-align: center;
         cursor: pointer;
      }

      .app .app-header .app-header-search.lg {
         width: 100%;
      }

         .app .app-header .app-header-search.lg > input {
            width: 100%;
         }

            .app .app-header .app-header-search.lg > input:focus {
               width: 100%;
            }

   .app .app-header .container.container-boxed {
      margin: 0px auto;
   }

      .app .app-header .container.container-boxed .app-header-logo {
         background-position-x: 0px;
         margin-top: 10px;
      }

      .app .app-header .container.container-boxed .app-header-buttons.pull-right {
         padding-right: 0px;
      }

   .app .app-header.app-header-design-default {
      background: #FFF;
      border-bottom: 1px solid #DBE0E4;
   }

      .app .app-header.app-header-design-default .app-header-logo {
         background-color: #272c40;
         background-image: url(../img/logo-dark.png);
      }

         .app .app-header.app-header-design-default .app-header-logo:hover {
            background-color: #252a3c;
         }

         .app .app-header.app-header-design-default .app-header-logo.app-header-logo-light {
            background-color: #FFF;
         }

            .app .app-header.app-header-design-default .app-header-logo.app-header-logo-light:hover {
               background-color: #fcfcfc;
            }

      .app .app-header.app-header-design-default .app-header-title h1,
      .app .app-header.app-header-design-default .app-header-title h2,
      .app .app-header.app-header-design-default .app-header-title h3,
      .app .app-header.app-header-design-default .app-header-title h4,
      .app .app-header.app-header-design-default .app-header-title h5,
      .app .app-header.app-header-design-default .app-header-title h6,
      .app .app-header.app-header-design-default .app-header-title .title {
         color: var(--ColorLindeFont);
      }

      .app .app-header.app-header-design-default .app-header-buttons.app-header-buttons-separated li::after {
         background: #DBE0E4;
      }

      .app .app-header.app-header-design-default .app-header-buttons .btn.btn-default,
      .app .app-header.app-header-design-default .app-header-buttons .btn.btn-link {
         background: var(--ColorLindeLightGray50);
         color: var(--ColorLindeFont);
         border-color: #ebebeb;
      }

         .app .app-header.app-header-design-default .app-header-buttons .btn.btn-default span[class^="icon-"],
         .app .app-header.app-header-design-default .app-header-buttons .btn.btn-link span[class^="icon-"],
         .app .app-header.app-header-design-default .app-header-buttons .btn.btn-default .fa,
         .app .app-header.app-header-design-default .app-header-buttons .btn.btn-link .fa {
            color: var(--ColorLindeFont);
         }

         .app .app-header.app-header-design-default .app-header-buttons .btn.btn-default:hover,
         .app .app-header.app-header-design-default .app-header-buttons .btn.btn-link:hover {
            background: #f2f2f2;
            border-color: #e6e6e6;
         }

      .app .app-header.app-header-design-default .app-header-buttons > li > .contact.contact-bordered:after {
         border-color: #f2f2f2;
      }

      .app .app-header.app-header-design-default .app-header-search {
         padding: 9px 0px;
      }

         .app .app-header.app-header-design-default .app-header-search > input {
            background: var(--ColorLindeLightGray50);
            color: var(--ColorLindeFont);
            border-color: #ebebeb;
         }

            .app .app-header.app-header-design-default .app-header-search > input:focus {
               border: 1px solid #DBE0E4;
               background: #fcfcfc;
            }

         .app .app-header.app-header-design-default .app-header-search:hover > input {
            background: #f2f2f2;
            border-color: #e6e6e6;
         }

         .app .app-header.app-header-design-default .app-header-search:after {
            color: var(--ColorLindeFont);
         }

      .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li > a {
         background: #FFF;
         border-bottom: 1px solid #DBE0E4;
         color: var(--ColorLindeFont);
      }

         .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover {
            background: #f2f2f2;
         }

      .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li ul {
         border: 1px solid #DBE0E4;
      }

         .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a {
            background: #FFF;
            color: var(--ColorLindeFont);
         }

            .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover {
               background: #f2f2f2;
            }

   .app .app-header.app-header-design-dark {
      background: #272c40;
      border-bottom: 1px solid var(--ColorLindeBlue);
   }

      .app .app-header.app-header-design-dark .app-header-logo {
         background-color: #272c40;
         background-image: url(../img/logo.png);
      }

         .app .app-header.app-header-design-dark .app-header-logo:hover {
            background-color: #252a3d;
         }

         .app .app-header.app-header-design-dark .app-header-logo.app-header-logo-light {
            background-color: #272c40;
         }

            .app .app-header.app-header-design-dark .app-header-logo.app-header-logo-light:hover {
               background-color: #252a3d;
            }

      .app .app-header.app-header-design-dark .app-header-title h1,
      .app .app-header.app-header-design-dark .app-header-title h2,
      .app .app-header.app-header-design-dark .app-header-title h3,
      .app .app-header.app-header-design-dark .app-header-title h4,
      .app .app-header.app-header-design-dark .app-header-title h5,
      .app .app-header.app-header-design-dark .app-header-title h6,
      .app .app-header.app-header-design-dark .app-header-title .title {
         color: #7F8FA4;
      }

      .app .app-header.app-header-design-dark .app-header-buttons.app-header-buttons-separated li::after {
         background: var(--ColorLindeBlue);
      }

      .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-default,
      .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-link {
         background: #1f2333;
         color: #7F8FA4;
         border-color: #181b27;
      }

         .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-default span[class^="icon-"],
         .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-link span[class^="icon-"],
         .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-default .fa,
         .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-link .fa {
            color: #7F8FA4;
         }

         .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-default:hover,
         .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-link:hover {
            background: #1d2130;
            border-color: #141620;
         }

      .app .app-header.app-header-design-dark .app-header-buttons > li > .contact.contact-bordered:after {
         border-color: #1d2130;
      }

      .app .app-header.app-header-design-dark .app-header-search {
         padding: 9px 0px;
      }

         .app .app-header.app-header-design-dark .app-header-search > input {
            background: #1f2333;
            color: #7F8FA4;
            border-color: #181b27;
         }

            .app .app-header.app-header-design-dark .app-header-search > input:focus {
               border: 1px solid var(--ColorLindeBlue);
               background: #252a3d;
            }

         .app .app-header.app-header-design-dark .app-header-search:hover > input {
            background: #1d2130;
            border-color: #141620;
         }

         .app .app-header.app-header-design-dark .app-header-search:after {
            color: #7F8FA4;
         }

      .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li > a {
         background: #272c40;
         border-bottom: 1px solid var(--ColorLindeBlue);
         color: #7F8FA4;
      }

         .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover {
            background: #1d2130;
         }

      .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li ul {
         border: 1px solid var(--ColorLindeBlue);
      }

         .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a {
            background: #272c40;
            color: #7F8FA4;
         }

            .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover {
               background: #1d2130;
            }

   .app .app-header.app-header-design-lightblue {
      background: #f0f4f8;
      border-bottom: 1px solid #e1eaf3;
   }

      .app .app-header.app-header-design-lightblue .app-header-logo {
         background-color: #f0f4f8;
         background-image: url(../img/logo-dark.png);
      }

         .app .app-header.app-header-design-lightblue .app-header-logo:hover {
            background-color: #edf1f6;
         }

         .app .app-header.app-header-design-lightblue .app-header-logo.app-header-logo-light {
            background-color: #edf1f6;
         }

            .app .app-header.app-header-design-lightblue .app-header-logo.app-header-logo-light:hover {
               background-color: #e9eff4;
            }

      .app .app-header.app-header-design-lightblue .app-header-title h1,
      .app .app-header.app-header-design-lightblue .app-header-title h2,
      .app .app-header.app-header-design-lightblue .app-header-title h3,
      .app .app-header.app-header-design-lightblue .app-header-title h4,
      .app .app-header.app-header-design-lightblue .app-header-title h5,
      .app .app-header.app-header-design-lightblue .app-header-title h6,
      .app .app-header.app-header-design-lightblue .app-header-title .title {
         color: #659bff;
      }

      .app .app-header.app-header-design-lightblue .app-header-buttons.app-header-buttons-separated li::after {
         background: #e1eaf3;
      }

      .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-default,
      .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-link {
         background: #e3eaf1;
         color: #659bff;
         border-color: #d5e0ea;
      }

         .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-default span[class^="icon-"],
         .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-link span[class^="icon-"],
         .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-default .fa,
         .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-link .fa {
            color: #659bff;
         }

         .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-default:hover,
         .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-link:hover {
            background: #dfe7ef;
            border-color: #cedae7;
         }

      .app .app-header.app-header-design-lightblue .app-header-buttons > li > .contact.contact-bordered:after {
         border-color: #dfe7ef;
      }

      .app .app-header.app-header-design-lightblue .app-header-search {
         padding: 9px 0px;
      }

         .app .app-header.app-header-design-lightblue .app-header-search > input {
            background: #e3eaf1;
            color: #659bff;
            border-color: #d5e0ea;
         }

            .app .app-header.app-header-design-lightblue .app-header-search > input:focus {
               border: 1px solid #e1eaf3;
               background: #edf1f6;
            }

         .app .app-header.app-header-design-lightblue .app-header-search:hover > input {
            background: #dfe7ef;
            border-color: #cedae7;
         }

         .app .app-header.app-header-design-lightblue .app-header-search:after {
            color: #659bff;
         }

      .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li > a {
         background: #f0f4f8;
         border-bottom: 1px solid #e1eaf3;
         color: #659bff;
      }

         .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover {
            background: #dfe7ef;
         }

      .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li ul {
         border: 1px solid #e1eaf3;
      }

         .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a {
            background: #f0f4f8;
            color: #659bff;
         }

            .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover {
               background: #dfe7ef;
            }

   .app .app-header.app-header-design-orange {
      background: #f7c36e;
      border-bottom: 1px solid #f7c36e;
   }

      .app .app-header.app-header-design-orange .app-header-logo {
         background-color: #f7c36e;
         background-image: url(../img/logo.png);
      }

         .app .app-header.app-header-design-orange .app-header-logo:hover {
            background-color: #f7c169;
         }

         .app .app-header.app-header-design-orange .app-header-logo.app-header-logo-light {
            background-color: #f7c36e;
         }

            .app .app-header.app-header-design-orange .app-header-logo.app-header-logo-light:hover {
               background-color: #f7c169;
            }

      .app .app-header.app-header-design-orange .app-header-title h1,
      .app .app-header.app-header-design-orange .app-header-title h2,
      .app .app-header.app-header-design-orange .app-header-title h3,
      .app .app-header.app-header-design-orange .app-header-title h4,
      .app .app-header.app-header-design-orange .app-header-title h5,
      .app .app-header.app-header-design-orange .app-header-title h6,
      .app .app-header.app-header-design-orange .app-header-title .title {
         color: #443853;
      }

      .app .app-header.app-header-design-orange .app-header-buttons.app-header-buttons-separated li::after {
         background: #f7c36e;
      }

      .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-default,
      .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-link {
         background: #f6bb5b;
         color: #443853;
         border-color: #f5b347;
      }

         .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-default span[class^="icon-"],
         .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-link span[class^="icon-"],
         .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-default .fa,
         .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-link .fa {
            color: #443853;
         }

         .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-default:hover,
         .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-link:hover {
            background: #f6b956;
            border-color: #f4af3e;
         }

      .app .app-header.app-header-design-orange .app-header-buttons > li > .contact.contact-bordered:after {
         border-color: #f6b956;
      }

      .app .app-header.app-header-design-orange .app-header-search {
         padding: 9px 0px;
      }

         .app .app-header.app-header-design-orange .app-header-search > input {
            background: #f6bb5b;
            color: #443853;
            border-color: #f5b347;
         }

            .app .app-header.app-header-design-orange .app-header-search > input:focus {
               border: 1px solid #f7c36e;
               background: #f7c169;
            }

         .app .app-header.app-header-design-orange .app-header-search:hover > input {
            background: #f6b956;
            border-color: #f4af3e;
         }

         .app .app-header.app-header-design-orange .app-header-search:after {
            color: #443853;
         }

      .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li > a {
         background: #f7c36e;
         border-bottom: 1px solid #f7c36e;
         color: #443853;
      }

         .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover {
            background: #f6b956;
         }

      .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li ul {
         border: 1px solid #f7c36e;
      }

         .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a {
            background: #f7c36e;
            color: #443853;
         }

            .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover {
               background: #f6b956;
            }

   .app .app-header.app-header-design-blue {
      background: #225280;
      border-bottom: 1px solid #225280;
   }

      .app .app-header.app-header-design-blue .app-header-logo {
         background-color: #225280;
         background-image: url(../img/logo.png);
      }

         .app .app-header.app-header-design-blue .app-header-logo:hover {
            background-color: #214f7c;
         }

         .app .app-header.app-header-design-blue .app-header-logo.app-header-logo-light {
            background-color: #225280;
         }

            .app .app-header.app-header-design-blue .app-header-logo.app-header-logo-light:hover {
               background-color: #214f7c;
            }

      .app .app-header.app-header-design-blue .app-header-title h1,
      .app .app-header.app-header-design-blue .app-header-title h2,
      .app .app-header.app-header-design-blue .app-header-title h3,
      .app .app-header.app-header-design-blue .app-header-title h4,
      .app .app-header.app-header-design-blue .app-header-title h5,
      .app .app-header.app-header-design-blue .app-header-title h6,
      .app .app-header.app-header-design-blue .app-header-title .title {
         color: #FFF;
      }

      .app .app-header.app-header-design-blue .app-header-buttons.app-header-buttons-separated li::after {
         background: #225280;
      }

      .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-default,
      .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-link {
         background: #1e4870;
         color: #FFF;
         border-color: #193d60;
      }

         .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-default span[class^="icon-"],
         .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-link span[class^="icon-"],
         .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-default .fa,
         .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-link .fa {
            color: #FFF;
         }

         .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-default:hover,
         .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-link:hover {
            background: #1d456c;
            border-color: #173858;
         }

      .app .app-header.app-header-design-blue .app-header-buttons > li > .contact.contact-bordered:after {
         border-color: #1d456c;
      }

      .app .app-header.app-header-design-blue .app-header-search {
         padding: 9px 0px;
      }

         .app .app-header.app-header-design-blue .app-header-search > input {
            background: #1e4870;
            color: #FFF;
            border-color: #193d60;
         }

            .app .app-header.app-header-design-blue .app-header-search > input:focus {
               border: 1px solid #225280;
               background: #214f7c;
            }

         .app .app-header.app-header-design-blue .app-header-search:hover > input {
            background: #1d456c;
            border-color: #173858;
         }

         .app .app-header.app-header-design-blue .app-header-search:after {
            color: #FFF;
         }

      .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li > a {
         background: #225280;
         border-bottom: 1px solid #225280;
         color: #FFF;
      }

         .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover {
            background: #1d456c;
         }

      .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li ul {
         border: 1px solid #225280;
      }

         .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a {
            background: #225280;
            color: #FFF;
         }

            .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover {
               background: #1d456c;
            }

@media (max-width: 992px) {
   .app .app-container.app-header-inside-content {
      padding-top: 60px;
   }

      .app .app-container.app-header-inside-content .app-content .app-header {
         position: absolute;
         left: 0px;
         top: 0px;
         z-index: 100;
      }

   .app .app-header {
      height: auto;
   }

      .app .app-header .app-header-logo {
         width: 100%;
         background: url(../img/logo.png) left top no-repeat;
         background-size: 100%;
      }

         .app .app-header .app-header-logo.app-header-logo-light {
            background: url(../img/logo-dark-sm.png) left top no-repeat;
         }

      .app .app-header .container.container-boxed {
         padding-left: 0px;
      }

      .app .app-header .app-header-navigation {
         display: none;
         float: left;
         width: 100%;
         clear: both;
      }

         .app .app-header .app-header-navigation nav {
            width: 100%;
         }

            .app .app-header .app-header-navigation nav > ul {
               width: 100%;
            }

               .app .app-header .app-header-navigation nav > ul > li {
                  width: 100%;
               }

                  .app .app-header .app-header-navigation nav > ul > li > a {
                     width: 100%;
                     border-top: 1px solid #f8f9fa;
                     padding: 15px;
                  }

                  .app .app-header .app-header-navigation nav > ul > li .app-header-navigation-megamenu {
                     position: relative;
                     top: auto;
                     float: left;
                     border: 0px;
                     -webkit-box-shadow: none;
                     -moz-box-shadow: none;
                     box-shadow: none;
                  }

                     .app .app-header .app-header-navigation nav > ul > li .app-header-navigation-megamenu div[class^='col-md'] {
                        margin-bottom: 0px;
                     }

                  .app .app-header .app-header-navigation nav > ul > li ul {
                     position: relative;
                     top: auto;
                     float: left;
                     width: 100%;
                     border: 0px;
                     -webkit-box-shadow: none;
                     -moz-box-shadow: none;
                     box-shadow: none;
                  }

                     .app .app-header .app-header-navigation nav > ul > li ul > li {
                        width: 100%;
                     }

                        .app .app-header .app-header-navigation nav > ul > li ul > li > a {
                           padding-left: 30px;
                        }

                  .app .app-header .app-header-navigation nav > ul > li:hover > ul,
                  .app .app-header .app-header-navigation nav > ul > li:hover > .app-header-navigation-megamenu {
                     display: none;
                  }

                  .app .app-header .app-header-navigation nav > ul > li.open > ul,
                  .app .app-header .app-header-navigation nav > ul > li.open > .app-header-navigation-megamenu {
                     display: block;
                  }

         .app .app-header .app-header-navigation.show {
            display: block;
         }

      .app .app-header .app-header-search > input:focus {
         width: 100px;
      }

      .app .app-header .app-header-buttons .contact {
         padding-left: 40px;
      }

         .app .app-header .app-header-buttons .contact > .contact-container {
            width: 0px;
            margin-right: 0px !important;
            height: 40px;
            overflow: hidden;
         }

      .app .app-header .app-header-buttons > li {
         position: initial;
      }

         .app .app-header .app-header-buttons > li .dropdown {
            position: initial;
         }

            .app .app-header .app-header-buttons > li .dropdown .dropdown-menu {
               width: 96%;
               right: 2%;
            }
}

.app .app-footer {
   float: left;
   width: 100%;
   position: relative;
}

   .app .app-footer.app-footer-default {
      background: #252a3c;
      color: #80909A;
      font-size: 13px;
   }

      .app .app-footer.app-footer-default a {
         color: #9ca9b1;
      }

      .app .app-footer.app-footer-default .btn.btn-primary {
         background: #1a1d29;
         border-color: #1a1d29;
         color: #80909A;
      }

      .app .app-footer.app-footer-default .title {
         font-size: 12px;
         color: #C5D1CD;
      }

      .app .app-footer.app-footer-default .form-control {
         background: #1d2130;
         border-color: #1b1f2d;
      }

      .app .app-footer.app-footer-default .app-footer-line.darken {
         background: #1b1f2d;
      }

      .app .app-footer.app-footer-default .label-icon {
         margin-bottom: 5px;
      }

         .app .app-footer.app-footer-default .label-icon.label-icon-footer {
            border: 1px solid #80909A;
            color: #80909A;
         }

            .app .app-footer.app-footer-default .label-icon.label-icon-footer.label-ghost {
               -webkit-box-shadow: 0px 0px 0px 3px rgba(128, 144, 154, 0.15);
               -moz-box-shadow: 0px 0px 0px 3px rgba(128, 144, 154, 0.15);
               box-shadow: 0px 0px 0px 3px rgba(128, 144, 154, 0.15);
            }

            .app .app-footer.app-footer-default .label-icon.label-icon-footer[href]:hover {
               background: transparent;
               border-color: #667781;
               color: #667781;
            }

      .app .app-footer.app-footer-default:after {
         background: #212636;
      }

   .app .app-footer.app-footer-light {
      background: #FFF;
      color: #555;
      font-size: 13px;
   }

      .app .app-footer.app-footer-light a {
         color: #666;
      }

      .app .app-footer.app-footer-light .btn.btn-primary {
         background: #f0f0f0;
         border-color: #f0f0f0;
         color: #555;
      }

      .app .app-footer.app-footer-light .title {
         font-size: 12px;
         color: #222;
      }

      .app .app-footer.app-footer-light .form-control {
         background: var(--ColorLindeLightGray50);
         border-color: #f2f2f2;
      }

      .app .app-footer.app-footer-light .app-footer-line.darken {
         background: #f2f2f2;
      }

      .app .app-footer.app-footer-light .label-icon {
         margin-bottom: 5px;
      }

         .app .app-footer.app-footer-light .label-icon.label-icon-footer {
            border: 1px solid #555;
            color: #555;
         }

            .app .app-footer.app-footer-light .label-icon.label-icon-footer.label-ghost {
               -webkit-box-shadow: 0px 0px 0px 3px rgba(85, 85, 85, 0.15);
               -moz-box-shadow: 0px 0px 0px 3px rgba(85, 85, 85, 0.15);
               box-shadow: 0px 0px 0px 3px rgba(85, 85, 85, 0.15);
            }

            .app .app-footer.app-footer-light .label-icon.label-icon-footer[href]:hover {
               background: transparent;
               border-color: #3b3b3b;
               color: #3b3b3b;
            }

      .app .app-footer.app-footer-light:after {
         background: #fafafa;
      }

   .app .app-footer.app-footer-dark {
      background: #111;
      color: #666;
      font-size: 13px;
   }

      .app .app-footer.app-footer-dark a {
         color: #999;
      }

      .app .app-footer.app-footer-dark .btn.btn-primary {
         background: #020202;
         border-color: #020202;
         color: #666;
      }

      .app .app-footer.app-footer-dark .title {
         font-size: 12px;
         color: #AAA;
      }

      .app .app-footer.app-footer-dark .form-control {
         background: #070707;
         border-color: #040404;
      }

      .app .app-footer.app-footer-dark .app-footer-line.darken {
         background: #040404;
      }

      .app .app-footer.app-footer-dark .label-icon {
         margin-bottom: 5px;
      }

         .app .app-footer.app-footer-dark .label-icon.label-icon-footer {
            border: 1px solid #666;
            color: #666;
         }

            .app .app-footer.app-footer-dark .label-icon.label-icon-footer.label-ghost {
               -webkit-box-shadow: 0px 0px 0px 3px rgba(102, 102, 102, 0.15);
               -moz-box-shadow: 0px 0px 0px 3px rgba(102, 102, 102, 0.15);
               box-shadow: 0px 0px 0px 3px rgba(102, 102, 102, 0.15);
            }

            .app .app-footer.app-footer-dark .label-icon.label-icon-footer[href]:hover {
               background: transparent;
               border-color: #4d4d4d;
               color: #4d4d4d;
            }

      .app .app-footer.app-footer-dark:after {
         background: #0c0c0c;
      }

   .app .app-footer.app-footer-purple {
      background: #2e2639;
      color: #F0F0F0;
      font-size: 13px;
   }

      .app .app-footer.app-footer-purple a {
         color: var(--ColorLindeLightGray50);
      }

      .app .app-footer.app-footer-purple .btn.btn-primary {
         background: #1f1a26;
         border-color: #1f1a26;
         color: #F0F0F0;
      }

      .app .app-footer.app-footer-purple .title {
         font-size: 12px;
         color: #f8c36e;
      }

      .app .app-footer.app-footer-purple .form-control {
         background: #241e2c;
         border-color: #221c29;
      }

      .app .app-footer.app-footer-purple .app-footer-line.darken {
         background: #221c29;
      }

      .app .app-footer.app-footer-purple .label-icon {
         margin-bottom: 5px;
      }

         .app .app-footer.app-footer-purple .label-icon.label-icon-footer {
            border: 1px solid #F0F0F0;
            color: #F0F0F0;
         }

            .app .app-footer.app-footer-purple .label-icon.label-icon-footer.label-ghost {
               -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 240, 240, 0.15);
               -moz-box-shadow: 0px 0px 0px 3px rgba(240, 240, 240, 0.15);
               box-shadow: 0px 0px 0px 3px rgba(240, 240, 240, 0.15);
            }

            .app .app-footer.app-footer-purple .label-icon.label-icon-footer[href]:hover {
               background: transparent;
               border-color: #d7d7d7;
               color: #d7d7d7;
            }

      .app .app-footer.app-footer-purple:after {
         background: #292233;
      }

   .app .app-footer.app-footer-blue {
      background: #1d456c;
      color: #E5E5E5;
      font-size: 13px;
   }

      .app .app-footer.app-footer-blue a {
         color: #E5E5E5;
      }

      .app .app-footer.app-footer-blue .btn.btn-primary {
         background: #163654;
         border-color: #163654;
         color: #E5E5E5;
      }

      .app .app-footer.app-footer-blue .title {
         font-size: 12px;
         color: #FFF;
      }

      .app .app-footer.app-footer-blue .form-control {
         background: #183b5c;
         border-color: #173858;
      }

      .app .app-footer.app-footer-blue .app-footer-line.darken {
         background: #173858;
      }

      .app .app-footer.app-footer-blue .label-icon {
         margin-bottom: 5px;
      }

         .app .app-footer.app-footer-blue .label-icon.label-icon-footer {
            border: 1px solid #E5E5E5;
            color: #E5E5E5;
         }

            .app .app-footer.app-footer-blue .label-icon.label-icon-footer.label-ghost {
               -webkit-box-shadow: 0px 0px 0px 3px rgba(229, 229, 229, 0.15);
               -moz-box-shadow: 0px 0px 0px 3px rgba(229, 229, 229, 0.15);
               box-shadow: 0px 0px 0px 3px rgba(229, 229, 229, 0.15);
            }

            .app .app-footer.app-footer-blue .label-icon.label-icon-footer[href]:hover {
               background: transparent;
               border-color: #cccccc;
               color: #cccccc;
            }

      .app .app-footer.app-footer-blue:after {
         background: #1b4064;
      }

   .app .app-footer ul {
      margin-bottom: 0px;
   }

      .app .app-footer ul.list-unstyled li {
         margin-bottom: 5px;
      }

   .app .app-footer .copyright {
      float: left;
      line-height: 20px;
   }

   .app .app-footer .title {
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 15px;
      margin-top: 30px;
   }

      .app .app-footer .title img {
         float: left;
         margin-right: 10px;
      }

      .app .app-footer .title span[class^='icon-'] {
         font-size: 20px;
         float: left;
         margin-right: 10px;
         line-height: 26px;
      }

      .app .app-footer .title:first-child {
         margin-top: 0px;
      }

   .app .app-footer .app-footer-line {
      float: left;
      width: 100%;
      padding: 10px;
   }

      .app .app-footer .app-footer-line.extended {
         padding: 30px;
      }

   .app .app-footer .app-footer-articles {
      margin-bottom: 20px;
   }

      .app .app-footer .app-footer-articles > div:first-child {
         padding-right: 0px;
      }

      .app .app-footer .app-footer-articles img {
         margin-top: 5px;
      }

      .app .app-footer .app-footer-articles:last-child {
         margin-bottom: 0px;
      }

   .app .app-footer .container.container-boxed {
      margin: 0px auto;
   }

   .app .app-footer:after {
      position: absolute;
      left: 0px;
      top: 0px;
      height: 1px;
      width: 100%;
      content: " ";
   }

@media (max-width: 992px) {
   .app .app-footer .app-footer-line {
      text-align: center;
   }

      .app .app-footer .app-footer-line.extended {
         text-align: left;
      }

      .app .app-footer .app-footer-line .copyright {
         margin-bottom: 10px;
      }
}

.app-navigation {
   background: var(--ColorLindeBlue);
}

   .app-navigation.app-navigation-style-default {
      background: var(--ColorLindeBlue);
   }

      .app-navigation.app-navigation-style-default .app-navigation-logo {
         background: url(../img/logo.png) left top no-repeat #272c40;
         width: 100%;
         background-size: 100%;
      }

         .app-navigation.app-navigation-style-default .app-navigation-logo .app-navigation-logo-button {
            background: #252a3c;
            color: #C5D1CD;
         }

            .app-navigation.app-navigation-style-default .app-navigation-logo .app-navigation-logo-button:hover {
               background: var(--ColorLindeBlue);
            }

         .app-navigation.app-navigation-style-default .app-navigation-logo:hover {
            background: url(../img/logo.png) left top no-repeat #212636;
            width: 100%;
            background-size: 100%;
         }

      .app-navigation.app-navigation-style-default nav > ul > li.openable > a:after {
         color: #55698A;
      }

      .app-navigation.app-navigation-style-default nav > ul > li.openable.open > a {
         background: #272c40;
      }

      .app-navigation.app-navigation-style-default nav > ul > li {
         border-bottom: 1px solid var(--ColorLindeBlue);
      }

         .app-navigation.app-navigation-style-default nav > ul > li a {
            background: var(--ColorLindeBlue);
            color: #C5D1CD;
            font-size: 11px;
            font-weight: 600;
            text-shadow: 1px 2px rgba(0, 0, 0, 0.2);
         }

            .app-navigation.app-navigation-style-default nav > ul > li a span {
               color: #55698A;
            }

            .app-navigation.app-navigation-style-default nav > ul > li a:hover,
            .app-navigation.app-navigation-style-default nav > ul > li a.active {
               color: #FFF;
               background: #272c40;
            }

               .app-navigation.app-navigation-style-default nav > ul > li a.active span {
                  color: #e69c0f;
               }

                  .app-navigation.app-navigation-style-default nav > ul > li a.active span.nav-icon-hexa {
                     color: #e69c0f;
                  }

         .app-navigation.app-navigation-style-default nav > ul > li ul > li > a {
            background: #252a3c;
         }

            .app-navigation.app-navigation-style-default nav > ul > li ul > li > a:hover,
            .app-navigation.app-navigation-style-default nav > ul > li ul > li > a.active {
               background: var(--ColorLindeBlue);
            }

         .app-navigation.app-navigation-style-default nav > ul > li ul > li.open > a {
            background: var(--ColorLindeBlue);
         }

         .app-navigation.app-navigation-style-default nav > ul > li ul > li.open > ul > li > a {
            background: #212636;
         }

            .app-navigation.app-navigation-style-default nav > ul > li ul > li.open > ul > li > a:hover,
            .app-navigation.app-navigation-style-default nav > ul > li ul > li.open > ul > li > a.active {
               background: #1f2433;
            }

         .app-navigation.app-navigation-style-default nav > ul > li.title {
            font-size: 11px;
            color: #55698A;
            text-shadow: 1px 2px rgba(0, 0, 0, 0.2);
         }

      .app-navigation.app-navigation-style-default.app-navigation-minimized .app-navigation-logo {
         background-image: url(../img/logo.png);
      }

      .app-navigation.app-navigation-style-default.app-navigation-minimized nav > ul > li > a > span {
         color: #C5D1CD;
      }

   .app-navigation.app-navigation-style-light {
      background: #FFF;
   }

      .app-navigation.app-navigation-style-light .app-navigation-logo {
         background: url(../img/logo-dark.png) left top no-repeat #FFF;
      }

         .app-navigation.app-navigation-style-light .app-navigation-logo .app-navigation-logo-button {
            background: var(--ColorLindeLightGray50);
            color: #333;
         }

            .app-navigation.app-navigation-style-light .app-navigation-logo .app-navigation-logo-button:hover {
               background: #f2f2f2;
            }

         .app-navigation.app-navigation-style-light .app-navigation-logo:hover {
            background: url(../img/logo-dark.png) left top no-repeat var(--ColorLindeLightGray50);
         }

      .app-navigation.app-navigation-style-light nav > ul > li.openable > a:after {
         color: #7F8FA4;
      }

      .app-navigation.app-navigation-style-light nav > ul > li.openable.open > a {
         background: #F2F2F2;
      }

      .app-navigation.app-navigation-style-light nav > ul > li {
         border-bottom: 1px solid #F2F2F2;
      }

         .app-navigation.app-navigation-style-light nav > ul > li a {
            background: #FFF;
            color: #333;
            font-size: 11px;
            font-weight: 600;
            text-shadow: none;
         }

            .app-navigation.app-navigation-style-light nav > ul > li a span {
               color: #7F8FA4;
            }

            .app-navigation.app-navigation-style-light nav > ul > li a:hover,
            .app-navigation.app-navigation-style-light nav > ul > li a.active {
               color: #252525;
               background: #F2F2F2;
            }

               .app-navigation.app-navigation-style-light nav > ul > li a.active span {
                  color: #7F8FA4;
               }

                  .app-navigation.app-navigation-style-light nav > ul > li a.active span.nav-icon-hexa {
                     color: #7F8FA4;
                  }

         .app-navigation.app-navigation-style-light nav > ul > li ul > li > a {
            background: var(--ColorLindeLightGray50);
         }

            .app-navigation.app-navigation-style-light nav > ul > li ul > li > a:hover,
            .app-navigation.app-navigation-style-light nav > ul > li ul > li > a.active {
               background: #f2f2f2;
            }

         .app-navigation.app-navigation-style-light nav > ul > li ul > li.open > a {
            background: #f2f2f2;
         }

         .app-navigation.app-navigation-style-light nav > ul > li ul > li.open > ul > li > a {
            background: #f0f0f0;
         }

            .app-navigation.app-navigation-style-light nav > ul > li ul > li.open > ul > li > a:hover,
            .app-navigation.app-navigation-style-light nav > ul > li ul > li.open > ul > li > a.active {
               background: #ededed;
            }

         .app-navigation.app-navigation-style-light nav > ul > li.title {
            font-size: 11px;
            color: #AAA;
            text-shadow: none;
         }

      .app-navigation.app-navigation-style-light.app-navigation-minimized .app-navigation-logo {
         background-image: url(../img/logo-dark-sm.png);
      }

      .app-navigation.app-navigation-style-light.app-navigation-minimized nav > ul > li > a > span {
         color: #333;
      }

   .app-navigation.app-navigation-style-light {
      border-right: 1px solid #DBE0E4;
   }

      .app-navigation.app-navigation-style-light .app-navigation-logo {
         border-bottom: 1px solid #DBE0E4;
      }

   .app-navigation.app-navigation-style-lightblue {
      background: #f7f9fb;
   }

      .app-navigation.app-navigation-style-lightblue .app-navigation-logo {
         background: url(../img/logo-dark.png) left top no-repeat #f0f4f8;
      }

         .app-navigation.app-navigation-style-lightblue .app-navigation-logo .app-navigation-logo-button {
            background: #eaf0f6;
            color: #496787;
         }

            .app-navigation.app-navigation-style-lightblue .app-navigation-logo .app-navigation-logo-button:hover {
               background: #e6edf4;
            }

         .app-navigation.app-navigation-style-lightblue .app-navigation-logo:hover {
            background: url(../img/logo-dark.png) left top no-repeat #edf1f6;
         }

      .app-navigation.app-navigation-style-lightblue nav > ul > li.openable > a:after {
         color: #659bff;
      }

      .app-navigation.app-navigation-style-lightblue nav > ul > li.openable.open > a {
         background: #edf2f7;
      }

      .app-navigation.app-navigation-style-lightblue nav > ul > li {
         border-bottom: 1px solid #e1eaf3;
      }

         .app-navigation.app-navigation-style-lightblue nav > ul > li a {
            background: #f8fafc;
            color: #496787;
            font-size: 11px;
            font-weight: 600;
            text-shadow: none;
         }

            .app-navigation.app-navigation-style-lightblue nav > ul > li a span {
               color: #659bff;
            }

            .app-navigation.app-navigation-style-lightblue nav > ul > li a:hover,
            .app-navigation.app-navigation-style-lightblue nav > ul > li a.active {
               color: #659bff;
               background: #edf2f7;
            }

               .app-navigation.app-navigation-style-lightblue nav > ul > li a.active span {
                  color: #659bff;
               }

                  .app-navigation.app-navigation-style-lightblue nav > ul > li a.active span.nav-icon-hexa {
                     color: #659bff;
                  }

         .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li > a {
            background: #eaf0f6;
         }

            .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li > a:hover,
            .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li > a.active {
               background: #e6edf4;
            }

         .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li.open > a {
            background: #e6edf4;
         }

         .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li.open > ul > li > a {
            background: #e3ebf3;
         }

            .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li.open > ul > li > a:hover,
            .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li.open > ul > li > a.active {
               background: #dfe8f1;
            }

         .app-navigation.app-navigation-style-lightblue nav > ul > li.title {
            font-size: 11px;
            color: #99a9bb;
            text-shadow: none;
         }

      .app-navigation.app-navigation-style-lightblue.app-navigation-minimized .app-navigation-logo {
         background-image: url(../img/logo-dark-sm.png);
      }

      .app-navigation.app-navigation-style-lightblue.app-navigation-minimized nav > ul > li > a > span {
         color: #496787;
      }

   .app-navigation.app-navigation-style-lightblue {
      border-right: 1px solid #e1eaf3;
   }

      .app-navigation.app-navigation-style-lightblue .app-navigation-logo {
         border-bottom: 1px solid #e1eaf3;
      }

   .app-navigation.app-navigation-style-purple {
      background: #3b3048;
   }

      .app-navigation.app-navigation-style-purple .app-navigation-logo {
         background: url(../img/logo-dark.png) left top no-repeat #f7c36e;
      }

         .app-navigation.app-navigation-style-purple .app-navigation-logo .app-navigation-logo-button {
            background: #3a3047;
            color: #edeef4;
         }

            .app-navigation.app-navigation-style-purple .app-navigation-logo .app-navigation-logo-button:hover {
               background: #382e44;
            }

         .app-navigation.app-navigation-style-purple .app-navigation-logo:hover {
            background: url(../img/logo-dark.png) left top no-repeat #f6bf64;
         }

      .app-navigation.app-navigation-style-purple nav > ul > li.openable > a:after {
         color: #f8c36e;
      }

      .app-navigation.app-navigation-style-purple nav > ul > li.openable.open > a {
         background: #3d324a;
      }

      .app-navigation.app-navigation-style-purple nav > ul > li {
         border-bottom: 1px solid #3b3048;
      }

         .app-navigation.app-navigation-style-purple nav > ul > li a {
            background: #443853;
            color: #edeef4;
            font-size: 11px;
            font-weight: 600;
            text-shadow: none;
         }

            .app-navigation.app-navigation-style-purple nav > ul > li a span {
               color: #f8c36e;
            }

            .app-navigation.app-navigation-style-purple nav > ul > li a:hover,
            .app-navigation.app-navigation-style-purple nav > ul > li a.active {
               color: #fec568;
               background: #3d324a;
            }

               .app-navigation.app-navigation-style-purple nav > ul > li a.active span {
                  color: #f8c36e;
               }

                  .app-navigation.app-navigation-style-purple nav > ul > li a.active span.nav-icon-hexa {
                     color: #f8c36e;
                  }

         .app-navigation.app-navigation-style-purple nav > ul > li ul > li > a {
            background: #3a3047;
         }

            .app-navigation.app-navigation-style-purple nav > ul > li ul > li > a:hover,
            .app-navigation.app-navigation-style-purple nav > ul > li ul > li > a.active {
               background: #382e44;
            }

         .app-navigation.app-navigation-style-purple nav > ul > li ul > li.open > a {
            background: #382e44;
         }

         .app-navigation.app-navigation-style-purple nav > ul > li ul > li.open > ul > li > a {
            background: #352c41;
         }

            .app-navigation.app-navigation-style-purple nav > ul > li ul > li.open > ul > li > a:hover,
            .app-navigation.app-navigation-style-purple nav > ul > li ul > li.open > ul > li > a.active {
               background: #332a3e;
            }

         .app-navigation.app-navigation-style-purple nav > ul > li.title {
            font-size: 11px;
            color: #9b96a6;
            text-shadow: none;
         }

      .app-navigation.app-navigation-style-purple.app-navigation-minimized .app-navigation-logo {
         background-image: url(../img/logo-dark-sm.png);
      }

      .app-navigation.app-navigation-style-purple.app-navigation-minimized nav > ul > li > a > span {
         color: #edeef4;
      }

      .app-navigation.app-navigation-style-purple .app-navigation-logo {
         border-bottom: 1px solid #3b3048;
      }

         .app-navigation.app-navigation-style-purple .app-navigation-logo > .app-navigation-logo-button {
            background: #f6bd5f;
         }

            .app-navigation.app-navigation-style-purple .app-navigation-logo > .app-navigation-logo-button:hover {
               background: #f6bb5b;
            }

   .app-navigation.app-navigation-style-blue {
      background: #225280;
   }

      .app-navigation.app-navigation-style-blue .app-navigation-logo {
         background: url(../img/logo.png) left top no-repeat #204d78;
         width: 100%;
         background-size: 100%;
      }

         .app-navigation.app-navigation-style-blue .app-navigation-logo .app-navigation-logo-button {
            background: #1d456c;
            color: #fbfcfd;
         }

            .app-navigation.app-navigation-style-blue .app-navigation-logo .app-navigation-logo-button:hover {
               background: #1c4368;
            }

         .app-navigation.app-navigation-style-blue .app-navigation-logo:hover {
            background: url(../img/logo.png) left top no-repeat #1f4a74;
            width: 100%;
            background-size: 100%;
         }

      .app-navigation.app-navigation-style-blue nav > ul > li.openable > a:after {
         color: #478ad9;
      }

      .app-navigation.app-navigation-style-blue nav > ul > li.openable.open > a {
         background: #1f4a74;
      }

      .app-navigation.app-navigation-style-blue nav > ul > li {
         border-bottom: 1px solid #1e4a75;
      }

         .app-navigation.app-navigation-style-blue nav > ul > li a {
            background: #214f7c;
            color: #fbfcfd;
            font-size: 11px;
            font-weight: 600;
            text-shadow: none;
         }

            .app-navigation.app-navigation-style-blue nav > ul > li a span {
               color: #478ad9;
            }

            .app-navigation.app-navigation-style-blue nav > ul > li a:hover,
            .app-navigation.app-navigation-style-blue nav > ul > li a.active {
               color: #fbfcfd;
               background: #1f4a74;
            }

               .app-navigation.app-navigation-style-blue nav > ul > li a.active span {
                  color: #478ad9;
               }

                  .app-navigation.app-navigation-style-blue nav > ul > li a.active span.nav-icon-hexa {
                     color: #478ad9;
                  }

         .app-navigation.app-navigation-style-blue nav > ul > li ul > li > a {
            background: #1d456c;
         }

            .app-navigation.app-navigation-style-blue nav > ul > li ul > li > a:hover,
            .app-navigation.app-navigation-style-blue nav > ul > li ul > li > a.active {
               background: #1c4368;
            }

         .app-navigation.app-navigation-style-blue nav > ul > li ul > li.open > a {
            background: #1c4368;
         }

         .app-navigation.app-navigation-style-blue nav > ul > li ul > li.open > ul > li > a {
            background: #1b4064;
         }

            .app-navigation.app-navigation-style-blue nav > ul > li ul > li.open > ul > li > a:hover,
            .app-navigation.app-navigation-style-blue nav > ul > li ul > li.open > ul > li > a.active {
               background: #193d60;
            }

         .app-navigation.app-navigation-style-blue nav > ul > li.title {
            font-size: 11px;
            color: #9099b9;
            text-shadow: none;
         }

      .app-navigation.app-navigation-style-blue.app-navigation-minimized .app-navigation-logo {
         background-image: url(../img/logo.png);
      }

      .app-navigation.app-navigation-style-blue.app-navigation-minimized nav > ul > li > a > span {
         color: #fbfcfd;
      }

   .app-navigation .app-navigation-logo {
      float: left;
      width: 100%;
      height: 60px;
      font-size: 0px;
      padding-left: 15px;
      position: relative;
      -webkit-transition: background-color 100ms linear;
      -moz-transition: background-color 100ms linear;
      -ms-transition: background-color 100ms linear;
      -o-transition: background-color 100ms linear;
      transition: background-color 100ms linear;
   }

      .app-navigation .app-navigation-logo .app-navigation-logo-button {
         position: absolute;
         right: 0px;
         top: 0px;
         width: 60px;
         height: 59px;
         border: 0px;
         background: transparent;
         padding: 20px;
         -webkit-transition: background 100ms linear;
         -moz-transition: background 100ms linear;
         -ms-transition: background 100ms linear;
         -o-transition: background 100ms linear;
         transition: background 100ms linear;
      }

         .app-navigation .app-navigation-logo .app-navigation-logo-button .app-navigation-logo-button-alert {
            position: absolute;
            right: 5px;
            top: 5px;
            width: 16px;
            height: 16px;
            text-align: center;
            line-height: 16px;
            font-size: 10px;
            background: var(--ColorLindeSignalRed);
            color: #FFF;
            -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.2);
            -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.2);
            box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.2);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
         }

         .app-navigation .app-navigation-logo .app-navigation-logo-button span[class^='icon-'] {
            font-size: 20px;
         }

   .app-navigation nav {
      float: left;
      width: 100%;
   }

      .app-navigation nav ul {
         display: block;
         float: left;
         width: 100%;
         padding: 0px;
         margin: 0px;
         list-style: none;
      }

         .app-navigation nav ul > li {
            float: left;
            width: 100%;
            position: relative;
         }

            .app-navigation nav ul > li > ul {
               max-height: 0px;
               overflow: hidden;
            }

            .app-navigation nav ul > li.openable > a:after {
               position: absolute;
               top: 0px;
               right: 0px;
               line-height: 30px;
               padding: 10px;
               width: 40px;
               font-size: 10px;
               font-family: "linearicons";
               content: "\e874";
               text-align: center;
               -webkit-transition: all 100ms linear;
               -moz-transition: all 100ms linear;
               -ms-transition: all 100ms linear;
               -o-transition: all 100ms linear;
               transition: all 100ms linear;
            }

            .app-navigation nav ul > li.openable.open > a:after {
               -webkit-transform: rotate(180deg);
               -moz-transform: rotate(180deg);
               -ms-transform: rotate(180deg);
               -o-transform: rotate(180deg);
               transform: rotate(180deg);
            }

            .app-navigation nav ul > li.openable.open > ul {
               max-height: 1000px;
               overflow: visible;
            }

            .app-navigation nav ul > li.openable > a span.label {
               right: 40px;
            }

      .app-navigation nav > ul > li a {
         display: block;
         float: left;
         width: 100%;
         line-height: 30px;
         padding: 10px 30px 10px 15px;
         text-decoration: none;
         -webkit-transition: all 100ms linear;
         -moz-transition: all 100ms linear;
         -ms-transition: all 100ms linear;
         -o-transition: all 100ms linear;
         transition: all 100ms linear;
         position: relative;
         text-transform: uppercase;
         white-space: nowrap;
      }

         .app-navigation nav > ul > li a span {
            float: left;
            margin: 4px 15px 0px 0px;
            font-size: 20px;
            width: 20px;
            height: 20px;
         }

            .app-navigation nav > ul > li a span.nav-icon-hexa {
               margin: 0px 10px 0px -5px;
               font-size: 11px;
               font-weight: 700;
               height: 30px;
               width: 30px;
               line-height: 30px;
               text-transform: initial;
               text-align: center;
               background: url(../img/navigation/hexa.png) left top no-repeat;
            }

            .app-navigation nav > ul > li a span.nav-icon-cube,
            .app-navigation nav > ul > li a span.nav-icon-circle {
               margin: 0px 10px 0px -5px;
               font-size: 11px;
               font-weight: 700;
               height: 30px;
               width: 30px;
               line-height: 30px;
               text-transform: initial;
               text-align: center;
               background: rgba(0, 0, 0, 0.1);
               border: 1px solid rgba(0, 0, 0, 0.2);
            }

            .app-navigation nav > ul > li a span.nav-icon-circle {
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
            }

            .app-navigation nav > ul > li a span.label {
               position: absolute;
               float: none;
               width: auto;
               right: 10px;
               top: 15px;
               margin: 0px;
            }

               .app-navigation nav > ul > li a span.label.label-ghost {
                  margin: 0px;
               }

      .app-navigation nav > ul > li ul > li > a {
         padding-left: 25px;
      }

      .app-navigation nav > ul > li ul > li ul > li > a {
         padding-left: 45px;
      }

      .app-navigation nav > ul > li.title {
         line-height: 30px;
         padding: 20px 0px 10px 15px;
      }

   .app-navigation.app-navigation-custom nav {
      padding: 0px 10px;
   }

      .app-navigation.app-navigation-custom nav > ul > li {
         border-bottom: 0px;
         margin-bottom: 1px;
      }

         .app-navigation.app-navigation-custom nav > ul > li.openable > ul > li:last-child > a {
            -webkit-border-radius: 0px 0px 3px 3px;
            -moz-border-radius: 0px 0px 3px 3px;
            border-radius: 0px 0px 3px 3px;
         }

         .app-navigation.app-navigation-custom nav > ul > li.openable.open > a:hover,
         .app-navigation.app-navigation-custom nav > ul > li.openable.open > a .active {
            -webkit-border-radius: 3px 3px 0px 0px;
            -moz-border-radius: 3px 3px 0px 0px;
            border-radius: 3px 3px 0px 0px;
         }

         .app-navigation.app-navigation-custom nav > ul > li > a {
            font-weight: 700;
         }

         .app-navigation.app-navigation-custom nav > ul > li a {
            font-size: 11px;
            font-weight: 600;
            text-transform: none;
         }

            .app-navigation.app-navigation-custom nav > ul > li a span.label {
               top: 10px;
            }

            .app-navigation.app-navigation-custom nav > ul > li a span[class^='nav-icon'] {
               display: none;
            }

         .app-navigation.app-navigation-custom nav > ul > li.title {
            padding-left: 5px;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
         }

         .app-navigation.app-navigation-custom nav > ul > li ul > li > a {
            padding-left: 20px;
         }

      .app-navigation.app-navigation-custom nav > ul li > a {
         padding: 5px 30px 5px 10px;
      }

      .app-navigation.app-navigation-custom nav ul > li.openable > a:after {
         padding: 5px;
         font-size: 8px;
         width: 30px;
      }

   .app-navigation.app-navigation-minimized .app-navigation-logo {
      background-image: url(../img/logo.png);
   }

      .app-navigation.app-navigation-minimized .app-navigation-logo .app-navigation-logo-button {
         display: none;
      }

   .app-navigation.app-navigation-minimized nav ul > li > a {
      padding-left: 15px;
   }

   .app-navigation.app-navigation-minimized nav ul > li.openable > a:after {
      content: "\e876";
   }

   .app-navigation.app-navigation-minimized nav > ul {
      -webkit-animation: nav-appear 300ms 1 linear;
      -moz-animation: nav-appear 300ms 1 linear;
      -ms-animation: nav-appear 300ms 1 linear;
      animation: nav-appear 300ms 1 linear;
   }

      .app-navigation.app-navigation-minimized nav > ul > li > a {
         font-size: 0px;
         padding: 10px;
         text-align: center;
      }

         .app-navigation.app-navigation-minimized nav > ul > li > a span {
            width: 100%;
            font-size: 20px;
            margin-right: 0px;
            margin-top: 0px;
            line-height: 30px;
         }

            .app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-hexa {
               margin: 0px 10px 0px 0px;
               font-size: 12px;
               font-weight: 700;
               height: 30px;
               width: 30px;
               line-height: 30px;
               text-transform: initial;
               text-align: center;
               background: url(../img/navigation/hexa.png) left top no-repeat;
            }

            .app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-cube,
            .app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-circle {
               margin: 0px 10px 0px -5px;
               font-size: 12px;
               font-weight: 700;
               height: 30px;
               width: 30px;
               line-height: 30px;
               text-transform: initial;
               text-align: center;
               background: rgba(0, 0, 0, 0.1);
               border: 1px solid rgba(0, 0, 0, 0.2);
            }

            .app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-circle {
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
            }

            .app-navigation.app-navigation-minimized nav > ul > li > a span.label {
               display: none;
            }

      .app-navigation.app-navigation-minimized nav > ul > li ul {
         position: absolute;
         left: 100%;
         width: 250px;
         z-index: 10;
      }

      .app-navigation.app-navigation-minimized nav > ul > li.openable > a:after {
         display: none;
      }

      .app-navigation.app-navigation-minimized nav > ul > li.title {
         display: none;
      }

   .app-navigation.app-navigation-minimized.app-navigation-custom > nav {
      padding: 0px;
   }

      .app-navigation.app-navigation-minimized.app-navigation-custom > nav > ul > li > a > span[class^='nav-icon'] {
         display: block;
      }

      .app-navigation.app-navigation-minimized.app-navigation-custom > nav > ul > li.openable > ul > li:last-child > a {
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
      }

      .app-navigation.app-navigation-minimized.app-navigation-custom > nav > ul > li.openable.open > a:hover,
      .app-navigation.app-navigation-minimized.app-navigation-custom > nav > ul > li.openable.open > a .active {
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
      }

   .app-navigation.app-navigation-minimized.dir-right nav ul > li.openable > a:after {
      content: "\e875";
   }

   .app-navigation.app-navigation-minimized.dir-right nav > ul > li ul {
      left: auto;
      right: 100%;
   }

      .app-navigation.app-navigation-minimized.dir-right nav > ul > li ul > li > a {
         padding-left: 15px;
      }

   .app-navigation.app-navigation-minimized.app-navigation-open-hover nav ul > li.openable:hover > ul {
      max-height: 900px;
      overflow: visible;
   }

   .app-navigation.app-navigation-minimized.mCustomScrollbar .mCustomScrollBox {
      overflow: visible;
   }

      .app-navigation.app-navigation-minimized.mCustomScrollbar .mCustomScrollBox .mCSB_container {
         overflow: visible;
      }

   .app-navigation.app-navigation-fixed {
      float: none;
      position: fixed;
      left: 0px;
      top: 0px;
      z-index: 10 !important;
   }

      .app-navigation.app-navigation-fixed.app-navigation-fixed-absolute {
         position: absolute;
      }

.app.app-sidepanel-open .app-navigation.app-navigation-fixed {
   left: -300px;
}

@-webkit-keyframes nav-appear {
   0% {
      opacity: 0;
   }

   75% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@keyframes nav-appear {
   0% {
      opacity: 0;
   }

   75% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

.app-navigation-mobile-bg {
   background: var(--ColorLindeBlue);
   background: -moz-linear-gradient(top, var(--ColorLindeBlue) 0%, #1b202b 100%);
   background: -webkit-linear-gradient(top, var(--ColorLindeBlue) 0%, #1b202b 100%);
   background: linear-gradient(to bottom, var(--ColorLindeBlue) 0%, #1b202b 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--ColorLindeBlue)', endColorstr='#1b202b', GradientType=0);
}

.app.app-navigation-moblie-wrapper {
   background: var(--ColorLindeBlue);
   background: -moz-linear-gradient(top, var(--ColorLindeBlue) 0%, #1b202b 100%);
   background: -webkit-linear-gradient(top, var(--ColorLindeBlue) 0%, #1b202b 100%);
   background: linear-gradient(to bottom, var(--ColorLindeBlue) 0%, #1b202b 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--ColorLindeBlue)', endColorstr='#1b202b', GradientType=0);
}

   .app.app-navigation-moblie-wrapper .app-container {
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
   }

.app.app-navigation-moblie-open {
   overflow: hidden;
   height: 100%;
}

   .app.app-navigation-moblie-open .app-container {
      width: 100%;
      height: 100% !important;
      overflow: hidden;
      -webkit-box-shadow: 0px 0px 75px 20px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 75px 20px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 75px 20px rgba(0, 0, 0, 0.5);
      -ms-transform: matrix(0.9, 0, 0, 0.9, 200, 0);
      -webkit-transform: matrix(0.9, 0, 0, 0.9, 200, 0);
      transform: matrix(0.9, 0, 0, 0.9, 200, 0);
   }

   .app.app-navigation-moblie-open .app-navigation-mobile {
      opacity: 1;
      z-index: 0;
   }

.app .app-navigation-mobile {
   position: absolute;
   left: 0px;
   top: 50px;
   width: 200px;
   opacity: 0;
   -webkit-transition: opacity 0.5s linear;
   -moz-transition: opacity 0.5s linear;
   -ms-transition: opacity 0.5s linear;
   -o-transition: opacity 0.5s linear;
   transition: opacity 0.5s linear;
}

   .app .app-navigation-mobile > ul {
      float: left;
      width: 100%;
      list-style: none;
   }

      .app .app-navigation-mobile > ul > li {
         float: left;
         width: 100%;
         padding: 10px 15px;
         line-height: 20px;
      }

         .app .app-navigation-mobile > ul > li a {
            line-height: 30px;
            font-size: 13px;
            font-weight: 400;
            text-transform: uppercase;
            color: #EDEFF0;
            text-decoration: none;
            -webkit-transition: color 100ms linear;
            -moz-transition: color 100ms linear;
            -ms-transition: color 100ms linear;
            -o-transition: color 100ms linear;
            transition: color 100ms linear;
         }

            .app .app-navigation-mobile > ul > li a span[class^='icon-'] {
               font-size: 20px;
               float: left;
               margin-right: 20px;
               color: #55698A;
            }

            .app .app-navigation-mobile > ul > li a span.nav-icon-hexa {
               float: left;
               margin: 0px 10px 0px -5px;
               font-size: 11px;
               font-weight: 700;
               height: 30px;
               width: 30px;
               line-height: 30px;
               text-transform: initial;
               text-align: center;
               background: url(../img/navigation/hexa.png) left top no-repeat;
            }

            .app .app-navigation-mobile > ul > li a span.nav-icon-cube,
            .app .app-navigation-mobile > ul > li a span.nav-icon-circle {
               float: left;
               margin: 0px 10px 0px -5px;
               font-size: 11px;
               font-weight: 700;
               height: 30px;
               width: 30px;
               line-height: 30px;
               text-transform: initial;
               text-align: center;
               background: rgba(0, 0, 0, 0.1);
               border: 1px solid rgba(0, 0, 0, 0.2);
            }

            .app .app-navigation-mobile > ul > li a span.nav-icon-circle {
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
            }

            .app .app-navigation-mobile > ul > li a:hover {
               color: #FFF;
            }

.app .app-navigation-horizontal {
   float: left;
   width: 100%;
   background: var(--ColorLindeBlue);
   position: relative;
}

   .app .app-navigation-horizontal nav > ul {
      float: left;
      width: 100%;
      margin: 0px 0px 60px 0px;
      padding: 0px;
      list-style: none;
      padding: 10px 0px 0px 10px;
      position: relative;
   }

      .app .app-navigation-horizontal nav > ul > li {
         width: auto;
      }

         .app .app-navigation-horizontal nav > ul > li > a {
            float: left;
            padding: 10px 20px 12px 15px;
            line-height: 20px;
            color: #C5D1CD;
            text-decoration: none;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: color 100ms linear;
            -moz-transition: color 100ms linear;
            -ms-transition: color 100ms linear;
            -o-transition: color 100ms linear;
            transition: color 100ms linear;
         }

            .app .app-navigation-horizontal nav > ul > li > a span[class^="icon-"],
            .app .app-navigation-horizontal nav > ul > li > a .fa {
               float: left;
               margin-right: 10px;
               line-height: 20px;
               min-width: 20px;
               text-align: center;
               font-size: 20px;
            }

            .app .app-navigation-horizontal nav > ul > li > a .fa {
               font-size: 14px;
            }

            .app .app-navigation-horizontal nav > ul > li > a:hover {
               color: #FFF;
            }

         .app .app-navigation-horizontal nav > ul > li > ul {
            position: absolute;
            width: 100%;
            left: 0px;
            top: 100%;
            list-style: none;
            background: #FFF;
            display: none;
            border-bottom: 1px solid #DBE0E4;
            padding: 10px 0px 10px 15px;
         }

            .app .app-navigation-horizontal nav > ul > li > ul > li {
               width: auto;
            }

               .app .app-navigation-horizontal nav > ul > li > ul > li > a {
                  float: left;
                  color: #2d3c52;
                  text-decoration: none;
                  font-size: 11px;
                  font-weight: 700;
                  text-transform: uppercase;
                  padding: 10px 15px;
                  margin-right: 5px;
                  line-height: 20px;
                  -webkit-transition: all 100ms linear;
                  -moz-transition: all 100ms linear;
                  -ms-transition: all 100ms linear;
                  -o-transition: all 100ms linear;
                  transition: all 100ms linear;
                  -webkit-border-radius: 3px;
                  -moz-border-radius: 3px;
                  border-radius: 3px;
               }

                  .app .app-navigation-horizontal nav > ul > li > ul > li > a:hover {
                     color: #1B2431;
                     background: var(--ColorLindeLightGray50);
                  }

               .app .app-navigation-horizontal nav > ul > li > ul > li.active > a {
                  color: #1B2431;
                  background: var(--ColorLindeLightGray50);
               }

         .app .app-navigation-horizontal nav > ul > li.openable > a {
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -webkit-border-top-left-radius: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            -moz-border-radius-topleft: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 3px;
         }

         .app .app-navigation-horizontal nav > ul > li.openable.active > a {
            background: #FFF;
         }

         .app .app-navigation-horizontal nav > ul > li.active > a {
            color: #1B2431;
         }

         .app .app-navigation-horizontal nav > ul > li.active > ul {
            display: block;
         }

   .app .app-navigation-horizontal .container.container-boxed {
      margin: 0px auto;
   }

      .app .app-navigation-horizontal .container.container-boxed > nav > ul {
         padding-left: 0px;
      }

         .app .app-navigation-horizontal .container.container-boxed > nav > ul > li > ul {
            padding-left: 0px;
         }

      .app .app-navigation-horizontal .container.container-boxed:before {
         position: absolute;
         left: 0px;
         bottom: -1px;
         height: 61px;
         width: 100%;
         background: #FFF;
         content: " ";
         border-bottom: 1px solid #DBE0E4;
      }

@media (max-width: 992px) {
   .app-navigation .app-navigation-logo {
      display: none;
   }

   .app-navigation.app-navigation-style-light {
      border-right: 0px;
      border-bottom: 1px solid #DBE0E4;
   }

   .app .app-navigation-horizontal {
      display: none;
   }

      .app .app-navigation-horizontal .container.container-boxed {
         padding: 0px;
      }

         .app .app-navigation-horizontal .container.container-boxed:before {
            display: none;
         }

      .app .app-navigation-horizontal nav > ul {
         margin: 0px;
         padding: 0px;
      }

         .app .app-navigation-horizontal nav > ul > li {
            width: 100%;
         }

            .app .app-navigation-horizontal nav > ul > li > a {
               padding: 15px 20px 15px;
               width: 100%;
            }

            .app .app-navigation-horizontal nav > ul > li.openable.active > a {
               background: transparent;
               color: #FFF;
            }

            .app .app-navigation-horizontal nav > ul > li > ul {
               position: relative;
               float: left;
               width: 100%;
               padding: 5px;
            }

               .app .app-navigation-horizontal nav > ul > li > ul > li {
                  width: 100%;
                  margin-bottom: 5px;
               }

                  .app .app-navigation-horizontal nav > ul > li > ul > li > a {
                     width: 100%;
                  }

            .app .app-navigation-horizontal nav > ul > li:last-child {
               margin-bottom: 0px;
            }

      .app .app-navigation-horizontal.show {
         display: block;
      }
}

h1,
h2,
h3,
h4,
h5,
h6 {
   padding: 0px;
   margin: 0px;
   font-weight: 400;
   float: left;
   width: 100%;
}

   h1 [class^="icon-"],
   h2 [class^="icon-"],
   h3 [class^="icon-"],
   h4 [class^="icon-"],
   h5 [class^="icon-"],
   h6 [class^="icon-"],
   h1 .fa,
   h2 .fa,
   h3 .fa,
   h4 .fa,
   h5 .fa,
   h6 .fa {
      float: left;
      margin-right: 10px;
   }

   h1 [class^="icon-"],
   h2 [class^="icon-"],
   h3 [class^="icon-"],
   h4 [class^="icon-"],
   h5 [class^="icon-"],
   h6 [class^="icon-"] {
      font-size: 20px;
   }

   h1 .fa,
   h2 .fa,
   h3 .fa,
   h4 .fa,
   h5 .fa,
   h6 .fa {
      font-size: 14px;
   }

h1 {
   font-size: 22px;
   line-height: 35px;
   margin-bottom: 15px;
}

   h1 [class^="icon-"],
   h1 .fa {
      line-height: 32px;
   }

h2 {
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 15px;
}

   h2 [class^="icon-"],
   h2 .fa {
      line-height: 28px;
   }

h3 {
   font-size: 18px;
   line-height: 26px;
   margin-bottom: 10px;
}

   h3 [class^="icon-"],
   h3 .fa {
      line-height: 24px;
   }

h4 {
   font-size: 16px;
   line-height: 22px;
   margin-bottom: 10px;
}

   h4 [class^="icon-"],
   h4 .fa {
      line-height: 20px;
   }

h5 {
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 5px;
   font-weight: 600;
}

   h5 [class^="icon-"],
   h5 .fa {
      line-height: 20px;
   }

h6 {
   font-size: 12px;
   line-height: 20px;
   margin-bottom: 5px;
   font-weight: 600;
}

   h6 [class^="icon-"],
   h6 .fa {
      line-height: 20px;
   }

p {
   float: left;
   width: 100%;
   margin-top: 5px;
   margin-bottom: 10px;
}

   p.subheader {
      margin-top: -5px;
      color: #7F8FA4;
   }

   p:last-child {
      margin-bottom: 0px;
   }

blockquote {
   float: left;
   width: 100%;
   padding: 5px 15px;
   margin-top: 10px;
   border-color: #DBE0E4;
   font-size: 15px;
}

   blockquote p {
      margin: 0px 0px 10px;
   }

   blockquote.blockquote-reverse,
   blockquote.blockquote.pull-right {
      border-color: #DBE0E4;
   }

ul,
ol {
   float: left;
   width: 100%;
   padding-left: 20px;
}

   ul li,
   ol li {
      float: left;
      width: 100%;
   }

   ul.list-inline,
   ol.list-inline {
      width: auto;
      margin-left: 0px;
      padding-left: 0px;
   }

      ul.list-inline li,
      ol.list-inline li {
         width: auto;
      }

dl {
   float: left;
   width: 100%;
   margin-top: 10px;
}

   dl dt {
      font-weight: 600;
      margin-bottom: 5px;
   }

   dl dd {
      margin-bottom: 10px;
   }

.heading-line-below {
   position: relative;
   margin-bottom: 15px;
}

   .heading-line-below:before {
      content: " ";
      left: 0px;
      bottom: -5px;
      height: 1px;
      width: 100%;
      position: absolute;
      background: #DBE0E4;
   }

   .heading-line-below.heading-line-below-short:before {
      width: 20px;
      background: var(--ColorLindeBlue);
   }

   .heading-line-below.text-center.heading-line-below-short:before {
      left: 50%;
      margin-left: -10px;
   }

.heading-line-middle {
   position: relative;
}

   .heading-line-middle:before {
      content: " ";
      left: 0px;
      top: 50%;
      height: 1px;
      width: 100%;
      z-index: 1;
      position: absolute;
      background: #DBE0E4;
   }

   .heading-line-middle span {
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 2;
      display: block;
      background: #FFF;
      padding-right: 10px;
   }

.typography p {
   line-height: 24px;
   margin-bottom: 20px;
}

.typography ul > li {
   line-height: 24px;
}

label {
   font-weight: 600;
}

.form-group.form-group-divider {
   border-bottom: 1px solid #DBE0E4;
   padding-bottom: 20px;
}

.input-group .input-group-addon {
   min-width: 40px;
   border-color: #DBE0E4;
   background: #FFF;
   color: var(--ColorLindeFont);
   font-weight: 600;
}

   .input-group .input-group-addon .fa {
      font-size: 14px;
   }

   .input-group .input-group-addon *[class^="icon-"] {
      font-size: 20px;
   }

.input-group.input-group-lg .input-group-addon {
   min-width: 50px;
}

.input-group.input-group-lg > .form-control,
.input-group.input-group-lg > .input-group-addon,
.input-group.input-group-lg > .input-group-btn > .btn {
   height: 50px;
   font-size: 14px;
}

.input-group.input-group-sm {
   margin: 5px 0px;
}

   .input-group.input-group-sm .input-group-addon {
      min-width: 30px;
   }

   .input-group.input-group-sm > .form-control,
   .input-group.input-group-sm > .input-group-addon,
   .input-group.input-group-sm > .input-group-btn > .btn {
      height: 30px;
      padding: 0px 5px;
   }

.input-group .input-group-btn > .btn:hover,
.input-group .input-group-btn > .btn:focus,
.input-group .input-group-btn > .btn:active {
   z-index: 2;
}

.form-control {
   height: 40px;
   border-color: #DBE0E4;
   color: var(--ColorLindeFont);
   background: #FFF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

   .form-control:focus {
      outline: none;
      border-color: #ccd3d9;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }

   .form-control[multiple] {
      padding: 5px 0px;
   }

      .form-control[multiple] option {
         padding: 3px 5px;
         margin-bottom: 3px;
      }

   .form-control[readonly] {
      color: #7F8FA4;
   }

   .form-control[disabled] {
      opacity: 0.5;
   }

   .form-control[type="file"] {
      padding-top: 8px;
   }

input[type="file"] {
   margin-top: 8px;
}

.help-block {
   color: #7F8FA4;
   margin-bottom: 0px;
}

   .help-block.control-label {
      margin-top: 0px;
      font-weight: 400;
   }

.file-input {
   position: relative;
   cursor: pointer;
   overflow: hidden;
}

   .file-input input[type=file],
   .file-input input[type=file]:focus,
   .file-input input[type=file]:hover {
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer;
      z-index: 2;
      outline: 0;
      width: 100%;
      height: 100%;
      -webkit-opacity: 0;
      -moz-opacity: 0;
      opacity: 0;
   }

.file-input-name {
   margin-left: 10px;
}

.form-horizontal .control-label {
   text-align: left;
   font-weight: 600;
   padding-top: 10px;
}

   .form-horizontal .control-label.help-block {
      font-weight: 400;
   }

.radio,
.checkbox {
   float: left;
   width: 100%;
   min-height: 20px;
   line-height: 20px;
}

   .radio:first-child,
   .checkbox:first-child {
      margin-top: -10px;
   }

      .radio:first-child:last-child,
      .checkbox:first-child:last-child {
         margin-top: 0px;
         margin-bottom: 0px;
      }

   .radio + .radio,
   .checkbox + .checkbox {
      margin-top: 0px;
   }

.form-group,
.input-group {
   margin-bottom: 15px;
   float: left;
   width: 100%;
   position: relative;
}

   .form-group .input-group {
      margin-bottom: 0px;
   }

   .form-group > label + .help-block {
      margin-top: -5px;
      margin-bottom: 10px;
   }

   .form-group:last-child {
      margin-bottom: 0px;
   }

.input-lg {
   height: 50px;
   font-size: 16px;
}

.input-sm {
   height: 30px;
   font-size: 12px;
}

.has-feedback label ~ .form-control-feedback {
   top: 25px;
}

.form-control-feedback {
   width: 40px;
   height: 40px;
   line-height: 40px;
}

   .form-control-feedback .fa {
      font-size: 14px;
   }

   .form-control-feedback *[class^="icon-"] {
      font-size: 20px;
   }

.has-success .form-control:focus {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.has-success .input-group-addon {
   border-color: var(--ColorLindeSignalGreen);
   color: var(--ColorLindeSignalGreen);
}

.has-success .form-control {
   border-color: var(--ColorLindeSignalGreen);
   color: var(--ColorLindeSignalGreen);
}

   .has-success .form-control:focus {
      border-color: #699835;
   }

.has-success label,
.has-success .control-label,
.has-success .help-block {
   color: var(--ColorLindeSignalGreen);
}

.has-success.has-feedback .form-control-feedback {
   color: var(--ColorLindeSignalGreen);
}

.has-success .app-checkbox span:before {
   border-color: var(--ColorLindeSignalGreen);
}

.has-success .app-checkbox span:after {
   color: var(--ColorLindeSignalGreen);
}

.has-success .app-radio span:before {
   border-color: var(--ColorLindeSignalGreen);
}

.has-success .app-radio span:after {
   background: var(--ColorLindeSignalGreen);
}

.has-warning .form-control:focus {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.has-warning .input-group-addon {
   border-color: var(--ColorLindeSignalOrange);
   color: var(--ColorLindeSignalOrange);
}

.has-warning .form-control {
   border-color: var(--ColorLindeSignalOrange);
   color: var(--ColorLindeSignalOrange);
}

   .has-warning .form-control:focus {
      border-color: #dd8f00;
   }

.has-warning label,
.has-warning .control-label,
.has-warning .help-block {
   color: var(--ColorLindeSignalOrange);
}

.has-warning.has-feedback .form-control-feedback {
   color: var(--ColorLindeSignalOrange);
}

.has-warning .app-checkbox span:before {
   border-color: var(--ColorLindeSignalOrange);
}

.has-warning .app-checkbox span:after {
   color: var(--ColorLindeSignalOrange);
}

.has-warning .app-radio span:before {
   border-color: var(--ColorLindeSignalOrange);
}

.has-warning .app-radio span:after {
   background: var(--ColorLindeSignalOrange);
}

.has-error .form-control:focus {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.has-error .input-group-addon {
   border-color: var(--ColorLindeSignalRed);
   color: var(--ColorLindeSignalRed);
}

.has-error .form-control {
   border-color: var(--ColorLindeSignalRed);
   color: var(--ColorLindeSignalRed);
}

   .has-error .form-control:focus {
      border-color: #ee363a;
   }

.has-error label,
.has-error .control-label,
.has-error .help-block {
   color: var(--ColorLindeSignalRed);
}

.has-error.has-feedback .form-control-feedback {
   color: var(--ColorLindeSignalRed);
}

.has-error .app-checkbox span:before {
   border-color: var(--ColorLindeSignalRed);
}

.has-error .app-checkbox span:after {
   color: var(--ColorLindeSignalRed);
}

.has-error .app-radio span:before {
   border-color: var(--ColorLindeSignalRed);
}

.has-error .app-radio span:after {
   background: var(--ColorLindeSignalRed);
}

.spinner-wrapper {
   float: left;
   width: 100%;
   position: relative;
}

   .spinner-wrapper input {
      padding-right: 25px;
   }

   .spinner-wrapper .spinner-button-up,
   .spinner-wrapper .spinner-button-down {
      color: var(--ColorLindeFont);
      border: 1px solid #DBE0E4;
      background: #FFF;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 0px;
      top: 0px;
      padding: 0px;
      line-height: 18px;
      -webkit-transition: background 100ms linear;
      -moz-transition: background 100ms linear;
      -ms-transition: background 100ms linear;
      -o-transition: background 100ms linear;
      transition: background 100ms linear;
   }

      .spinner-wrapper .spinner-button-up:hover,
      .spinner-wrapper .spinner-button-down:hover {
         background: #f2f2f2;
      }

   .spinner-wrapper .spinner-button-up {
      -webkit-border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
   }

   .spinner-wrapper .spinner-button-down {
      top: 20px;
      border-top: 0px;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 3px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px;
   }

.app-checkbox,
.app-radio {
   line-height: 20px;
   margin: 10px 0px;
   float: left;
   width: 100%;
}

   .app-checkbox label,
   .app-radio label {
      padding-left: 30px;
      font-weight: 400;
      position: relative;
      cursor: pointer;
      margin-bottom: 0px;
   }

      .app-checkbox label input,
      .app-radio label input {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 20px;
         height: 20px;
         opacity: 0;
         z-index: 3;
         margin: 0px;
         cursor: pointer;
      }

         .app-checkbox label input:checked + span:after,
         .app-radio label input:checked + span:after {
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
         }

         .app-checkbox label input:disabled + span,
         .app-radio label input:disabled + span {
            opacity: 0.5;
         }

      .app-checkbox label span,
      .app-radio label span {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 20px;
         height: 20px;
      }

         .app-checkbox label span:before,
         .app-radio label span:before {
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 1;
            width: 20px;
            height: 20px;
            border: 1px solid #DBE0E4;
            background: #FFF;
            content: " ";
         }

         .app-checkbox label span:after,
         .app-radio label span:after {
            position: absolute;
            z-index: 2;
            color: var(--ColorLindeFont);
            -webkit-transform: scale(0, 0);
            -moz-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -ms-transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33);
         }

   .app-checkbox.inline,
   .app-radio.inline {
      display: inline-block;
      margin-right: 20px;
      float: none;
      width: auto;
   }

      .app-checkbox.inline:last-child,
      .app-radio.inline:last-child {
         margin-right: 0px;
      }

   .app-checkbox label span:after {
      content: "\f00c";
      font-family: "FontAwesome";
      font-size: 14px;
      text-align: center;
      line-height: 20px;
      left: 0px;
      top: 0px;
      width: 20px;
      height: 20px;
   }

   .app-checkbox.success label {
      color: var(--ColorLindeSignalGreen);
   }

      .app-checkbox.success label span:before {
         border-color: var(--ColorLindeSignalGreen);
      }

      .app-checkbox.success label span:after {
         color: var(--ColorLindeSignalGreen);
      }

   .app-checkbox.warning label {
      color: var(--ColorLindeSignalOrange);
   }

      .app-checkbox.warning label span:before {
         border-color: var(--ColorLindeSignalOrange);
      }

      .app-checkbox.warning label span:after {
         color: var(--ColorLindeSignalOrange);
      }

   .app-checkbox.danger label {
      color: var(--ColorLindeSignalRed);
   }

      .app-checkbox.danger label span:before {
         border-color: var(--ColorLindeSignalRed);
      }

      .app-checkbox.danger label span:after {
         color: var(--ColorLindeSignalRed);
      }

   .app-radio label span:after {
      content: " ";
      background: var(--ColorLindeFont);
      width: 12px;
      height: 12px;
      left: 4px;
      top: 4px;
   }

   .app-radio.round label span:before,
   .app-radio.round label span:after {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
   }

   .app-radio.success label {
      color: var(--ColorLindeSignalGreen);
   }

      .app-radio.success label span:before {
         border-color: var(--ColorLindeSignalGreen);
      }

      .app-radio.success label span:after {
         background: var(--ColorLindeSignalGreen);
      }

   .app-radio.warning label {
      color: var(--ColorLindeSignalOrange);
   }

      .app-radio.warning label span:before {
         border-color: var(--ColorLindeSignalOrange);
      }

      .app-radio.warning label span:after {
         background: var(--ColorLindeSignalOrange);
      }

   .app-radio.danger label {
      color: var(--ColorLindeSignalRed);
   }

      .app-radio.danger label span:before {
         border-color: var(--ColorLindeSignalRed);
      }

      .app-radio.danger label span:after {
         background: var(--ColorLindeSignalRed);
      }

.input-group .input-group-addon .app-checkbox,
.input-group .input-group-addon .app-radio {
   margin: 0px;
}

   .input-group .input-group-addon .app-checkbox label,
   .input-group .input-group-addon .app-radio label {
      float: left;
      padding-left: 20px;
      margin-top: -10px;
   }

.table .app-checkbox,
.table .app-radio {
   margin: 0px;
   width: 20px;
}
/* switch button */
.switch {
   cursor: pointer;
   position: relative;
   height: 30px;
   line-height: 30px;
   margin: 5px 0px;
}

   .switch input {
      position: absolute;
      opacity: 0;
      filter: alpha(opacity=0);
   }

      .switch input:checked + span:after {
         left: 16px;
      }

      .switch input:checked + span {
         background-color: var(--ColorLindeSignalGreen);
      }

      .switch input:disabled + span {
         background-color: #FFF;
      }

         .switch input:disabled + span:after {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border: 1px solid #DBE0E4;
         }

   .switch span {
      position: relative;
      width: 45px;
      height: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      background-color: var(--ColorLindeSignalRed);
      border: 1px solid rgba(0, 0, 0, 0.1);
      display: inline-block;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
      left: 0px;
   }

      .switch span:after {
         content: "";
         position: absolute;
         background-color: #fff;
         width: 26px;
         top: 1px;
         bottom: 1px;
         left: 1px;
         -webkit-border-radius: 25px;
         -moz-border-radius: 25px;
         border-radius: 25px;
         -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
         -webkit-transition: all 100ms linear;
         -moz-transition: all 100ms linear;
         -ms-transition: all 100ms linear;
         -o-transition: all 100ms linear;
         transition: all 100ms linear;
      }

   .switch.switch-lg {
      margin: 0px;
      height: 35px;
      line-height: 35px;
      margin: 0px !important;
   }

      .switch.switch-lg input:checked + span:after {
         left: 27px;
      }

      .switch.switch-lg span {
         width: 60px;
         height: 35px;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 30px;
      }

         .switch.switch-lg span:after {
            width: 30px;
         }

   .switch.switch-sm {
      margin: 0px;
      height: 20px;
      line-height: 20px;
      margin: 10px 0px;
   }

      .switch.switch-sm input:checked + span:after {
         left: 16px;
      }

      .switch.switch-sm span {
         width: 35px;
         height: 20px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
      }

         .switch.switch-sm span:after {
            width: 16px;
         }

   .switch.switch-cube span {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
   }

      .switch.switch-cube span:after {
         -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
         border-radius: 2px;
         background-image: url(../img/switch/switch.png);
         background-position: center center;
         background-repeat: no-repeat;
      }
/* ./switch button */
.btn {
   padding: 5px 20px;
   line-height: 28px;
   text-decoration: none;
   font-weight: 600;
   overflow: hidden;
   position: relative;
   -webkit-transition: all 100ms ease-in;
   -moz-transition: all 100ms ease-in;
   -ms-transition: all 100ms ease-in;
   -o-transition: all 100ms ease-in;
   transition: all 100ms ease-in;
}

   .btn.btn-default {
      border-color: #DBE0E4;
      background: #FFF;
      color: var(--ColorLindeFont);
   }

      .btn.btn-default:hover,
      .btn.btn-default.active,
      .btn.btn-default:active,
      .btn.btn-default:active:focus {
         border-color: #ccd3d9;
         background: #f7f7f7;
         color: #383838;
      }

      .btn.btn-default:focus {
         border-color: #ccd3d9;
         background: #f7f7f7;
         color: var(--ColorLindeFont);
      }

      .btn.btn-default:focus,
      .btn.btn-default.active,
      .btn.btn-default:active,
      .btn.btn-default:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

         .btn.btn-default:focus.btn-icon-fixed span,
         .btn.btn-default.active.btn-icon-fixed span,
         .btn.btn-default:active.btn-icon-fixed span,
         .btn.btn-default:active:focus.btn-icon-fixed span {
            border-color: #ccd3d9;
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-default.btn-clean {
         background: transparent;
         color: #FFF;
         color: var(--ColorLindeFont);
      }

         .btn.btn-default.btn-clean:hover,
         .btn.btn-default.btn-clean:active,
         .btn.btn-default.btn-clean:active:focus {
            color: var(--ColorLindeFont);
            background: #FFF;
            border-color: #FFF;
            border-color: #bec7ce;
            color: #2b2b2b;
         }

      .btn.btn-default.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-default.btn-icon-fixed span[class^="icon-"],
      .btn.btn-default.btn-icon-fixed span.fa {
         border-right: 1px solid #DBE0E4;
         background: #f7f7f7;
      }

      .btn.btn-default.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5);
      }

         .btn.btn-default.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5);
         }

      .btn.btn-default.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3);
      }

   .btn.btn-primary {
      border-color: var(--ColorLindeBlue);
      background: var(--ColorLindeBlue);
      color: #FFF;
   }

      .btn.btn-primary:hover,
      .btn.btn-primary.active,
      .btn.btn-primary:active,
      .btn.btn-primary:active:focus {
         border-color: #1a1d29;
         background: var(--ColorLindeBlue);
         color: #f2f2f2;
      }

      .btn.btn-primary:focus {
         border-color: #1a1d29;
         background: var(--ColorLindeBlue);
         color: #FFF;
      }

      .btn.btn-primary:focus,
      .btn.btn-primary.active,
      .btn.btn-primary:active,
      .btn.btn-primary:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

         .btn.btn-primary:focus.btn-icon-fixed span,
         .btn.btn-primary.active.btn-icon-fixed span,
         .btn.btn-primary:active.btn-icon-fixed span,
         .btn.btn-primary:active:focus.btn-icon-fixed span {
            border-color: #1a1d29;
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-primary.btn-clean {
         background: transparent;
         color: var(--ColorLindeBlue);
      }

         .btn.btn-primary.btn-clean:hover,
         .btn.btn-primary.btn-clean:active,
         .btn.btn-primary.btn-clean:active:focus {
            color: #FFF;
            background: var(--ColorLindeBlue);
            border-color: var(--ColorLindeBlue);
         }

      .btn.btn-primary.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-primary.btn-icon-fixed span[class^="icon-"],
      .btn.btn-primary.btn-icon-fixed span.fa {
         border-right: 1px solid var(--ColorLindeBlue);
         background: var(--ColorLindeBlue);
      }

      .btn.btn-primary.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5);
      }

         .btn.btn-primary.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5);
         }

      .btn.btn-primary.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
      }

   .btn.btn-success {
      border-color: #6ea038;
      background: var(--ColorLindeSignalGreen);
      color: #FFF;
   }

      .btn.btn-success:hover,
      .btn.btn-success.active,
      .btn.btn-success:active,
      .btn.btn-success:active:focus {
         border-color: #618d31;
         background: #6ea038;
         color: #f2f2f2;
      }

      .btn.btn-success:focus {
         border-color: #618d31;
         background: #6ea038;
         color: #FFF;
      }

      .btn.btn-success:focus,
      .btn.btn-success.active,
      .btn.btn-success:active,
      .btn.btn-success:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

         .btn.btn-success:focus.btn-icon-fixed span,
         .btn.btn-success.active.btn-icon-fixed span,
         .btn.btn-success:active.btn-icon-fixed span,
         .btn.btn-success:active:focus.btn-icon-fixed span {
            border-color: #618d31;
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-success.btn-clean {
         background: transparent;
         color: var(--ColorLindeSignalGreen);
      }

         .btn.btn-success.btn-clean:hover,
         .btn.btn-success.btn-clean:active,
         .btn.btn-success.btn-clean:active:focus {
            color: #FFF;
            background: var(--ColorLindeSignalGreen);
            border-color: var(--ColorLindeSignalGreen);
         }

      .btn.btn-success.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-success.btn-icon-fixed span[class^="icon-"],
      .btn.btn-success.btn-icon-fixed span.fa {
         border-right: 1px solid #6ea038;
         background: #6ea038;
      }

      .btn.btn-success.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5);
      }

         .btn.btn-success.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5);
         }

      .btn.btn-success.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
      }

   .btn.btn-info {
      border-color: #42b0db;
      background: var(--ColorLindeLightBlue);
      color: #FFF;
   }

      .btn.btn-info:hover,
      .btn.btn-info.active,
      .btn.btn-info:active,
      .btn.btn-info:active:focus {
         border-color: #2da7d6;
         background: #42b0db;
         color: #f2f2f2;
      }

      .btn.btn-info:focus {
         border-color: #2da7d6;
         background: #42b0db;
         color: #FFF;
      }

      .btn.btn-info:focus,
      .btn.btn-info.active,
      .btn.btn-info:active,
      .btn.btn-info:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

         .btn.btn-info:focus.btn-icon-fixed span,
         .btn.btn-info.active.btn-icon-fixed span,
         .btn.btn-info:active.btn-icon-fixed span,
         .btn.btn-info:active:focus.btn-icon-fixed span {
            border-color: #2da7d6;
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-info.btn-clean {
         background: transparent;
         color: var(--ColorLindeLightBlue);
      }

         .btn.btn-info.btn-clean:hover,
         .btn.btn-info.btn-clean:active,
         .btn.btn-info.btn-clean:active:focus {
            color: #FFF;
            background: var(--ColorLindeLightBlue);
            border-color: var(--ColorLindeLightBlue);
         }

      .btn.btn-info.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-info.btn-icon-fixed span[class^="icon-"],
      .btn.btn-info.btn-icon-fixed span.fa {
         border-right: 1px solid #42b0db;
         background: #42b0db;
      }

      .btn.btn-info.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5);
      }

         .btn.btn-info.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5);
         }

      .btn.btn-info.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
      }

   .btn.btn-warning {
      border-color: #e79500;
      background: var(--ColorLindeSignalOrange);
      color: #FFF;
   }

      .btn.btn-warning:hover,
      .btn.btn-warning.active,
      .btn.btn-warning:active,
      .btn.btn-warning:active:focus {
         border-color: #cd8500;
         background: #e79500;
         color: #f2f2f2;
      }

      .btn.btn-warning:focus {
         border-color: #cd8500;
         background: #e79500;
         color: #FFF;
      }

      .btn.btn-warning:focus,
      .btn.btn-warning.active,
      .btn.btn-warning:active,
      .btn.btn-warning:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

         .btn.btn-warning:focus.btn-icon-fixed span,
         .btn.btn-warning.active.btn-icon-fixed span,
         .btn.btn-warning:active.btn-icon-fixed span,
         .btn.btn-warning:active:focus.btn-icon-fixed span {
            border-color: #cd8500;
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-warning.btn-clean {
         background: transparent;
         color: var(--ColorLindeSignalOrange);
      }

         .btn.btn-warning.btn-clean:hover,
         .btn.btn-warning.btn-clean:active,
         .btn.btn-warning.btn-clean:active:focus {
            color: #FFF;
            background: var(--ColorLindeSignalOrange);
            border-color: var(--ColorLindeSignalOrange);
         }

      .btn.btn-warning.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-warning.btn-icon-fixed span[class^="icon-"],
      .btn.btn-warning.btn-icon-fixed span.fa {
         border-right: 1px solid #e79500;
         background: #e79500;
      }

      .btn.btn-warning.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5);
      }

         .btn.btn-warning.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5);
         }

      .btn.btn-warning.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
      }

   .btn.btn-danger {
      border-color: #ef4043;
      background: var(--ColorLindeSignalRed);
      color: #FFF;
   }

      .btn.btn-danger:hover,
      .btn.btn-danger.active,
      .btn.btn-danger:active,
      .btn.btn-danger:active:focus {
         border-color: #ed282c;
         background: #ef4043;
         color: #f2f2f2;
      }

      .btn.btn-danger:focus {
         border-color: #ed282c;
         background: #ef4043;
         color: #FFF;
      }

      .btn.btn-danger:focus,
      .btn.btn-danger.active,
      .btn.btn-danger:active,
      .btn.btn-danger:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

         .btn.btn-danger:focus.btn-icon-fixed span,
         .btn.btn-danger.active.btn-icon-fixed span,
         .btn.btn-danger:active.btn-icon-fixed span,
         .btn.btn-danger:active:focus.btn-icon-fixed span {
            border-color: #ed282c;
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-danger.btn-clean {
         background: transparent;
         color: var(--ColorLindeSignalRed);
      }

         .btn.btn-danger.btn-clean:hover,
         .btn.btn-danger.btn-clean:active,
         .btn.btn-danger.btn-clean:active:focus {
            color: #FFF;
            background: var(--ColorLindeSignalRed);
            border-color: var(--ColorLindeSignalRed);
         }

      .btn.btn-danger.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-danger.btn-icon-fixed span[class^="icon-"],
      .btn.btn-danger.btn-icon-fixed span.fa {
         border-right: 1px solid #ef4043;
         background: #ef4043;
      }

      .btn.btn-danger.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5);
      }

         .btn.btn-danger.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5);
         }

      .btn.btn-danger.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
      }

   .btn.btn-link {
      border-color: transparent;
      background: transparent;
      color: #7F8FA4;
   }

      .btn.btn-link:hover,
      .btn.btn-link.active,
      .btn.btn-link:active,
      .btn.btn-link:active:focus {
         border-color: rgba(0, 0, 0, 0);
         background: rgba(0, 0, 0, 0);
         color: #708299;
      }

      .btn.btn-link:focus {
         border-color: rgba(0, 0, 0, 0);
         background: rgba(0, 0, 0, 0);
         color: #7F8FA4;
      }

      .btn.btn-link:focus,
      .btn.btn-link.active,
      .btn.btn-link:active,
      .btn.btn-link:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
      }

         .btn.btn-link:focus.btn-icon-fixed span,
         .btn.btn-link.active.btn-icon-fixed span,
         .btn.btn-link:active.btn-icon-fixed span,
         .btn.btn-link:active:focus.btn-icon-fixed span {
            border-color: rgba(0, 0, 0, 0);
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-link.btn-clean {
         background: transparent;
         color: transparent;
      }

         .btn.btn-link.btn-clean:hover,
         .btn.btn-link.btn-clean:active,
         .btn.btn-link.btn-clean:active:focus {
            color: #7F8FA4;
            background: transparent;
            border-color: transparent;
         }

      .btn.btn-link.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-link.btn-icon-fixed span[class^="icon-"],
      .btn.btn-link.btn-icon-fixed span.fa {
         border-right: 1px solid transparent;
         background: rgba(0, 0, 0, 0);
      }

      .btn.btn-link.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5);
      }

         .btn.btn-link.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5);
         }

      .btn.btn-link.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
      }

   .btn.btn-facebook {
      border-color: #43609f;
      background: #4867aa;
      color: #FFF;
   }

      .btn.btn-facebook:hover,
      .btn.btn-facebook.active,
      .btn.btn-facebook:active,
      .btn.btn-facebook:active:focus {
         border-color: #3c568d;
         background: #43609f;
         color: #f2f2f2;
      }

      .btn.btn-facebook:focus {
         border-color: #3c568d;
         background: #43609f;
         color: #FFF;
      }

      .btn.btn-facebook:focus,
      .btn.btn-facebook.active,
      .btn.btn-facebook:active,
      .btn.btn-facebook:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

         .btn.btn-facebook:focus.btn-icon-fixed span,
         .btn.btn-facebook.active.btn-icon-fixed span,
         .btn.btn-facebook:active.btn-icon-fixed span,
         .btn.btn-facebook:active:focus.btn-icon-fixed span {
            border-color: #3c568d;
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-facebook.btn-clean {
         background: transparent;
         color: #4867aa;
      }

         .btn.btn-facebook.btn-clean:hover,
         .btn.btn-facebook.btn-clean:active,
         .btn.btn-facebook.btn-clean:active:focus {
            color: #FFF;
            background: #4867aa;
            border-color: #4867aa;
         }

      .btn.btn-facebook.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-facebook.btn-icon-fixed span[class^="icon-"],
      .btn.btn-facebook.btn-icon-fixed span.fa {
         border-right: 1px solid #43609f;
         background: #43609f;
      }

      .btn.btn-facebook.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(72, 103, 170, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(72, 103, 170, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(72, 103, 170, 0.5);
      }

         .btn.btn-facebook.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(72, 103, 170, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(72, 103, 170, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(72, 103, 170, 0.5);
         }

      .btn.btn-facebook.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(72, 103, 170, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(72, 103, 170, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(72, 103, 170, 0.3);
      }

   .btn.btn-twitter {
      border-color: #00a0e2;
      background: #00abf1;
      color: #FFF;
   }

      .btn.btn-twitter:hover,
      .btn.btn-twitter.active,
      .btn.btn-twitter:active,
      .btn.btn-twitter:active:focus {
         border-color: #008ec8;
         background: #00a0e2;
         color: #f2f2f2;
      }

      .btn.btn-twitter:focus {
         border-color: #008ec8;
         background: #00a0e2;
         color: #FFF;
      }

      .btn.btn-twitter:focus,
      .btn.btn-twitter.active,
      .btn.btn-twitter:active,
      .btn.btn-twitter:active:focus {
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

         .btn.btn-twitter:focus.btn-icon-fixed span,
         .btn.btn-twitter.active.btn-icon-fixed span,
         .btn.btn-twitter:active.btn-icon-fixed span,
         .btn.btn-twitter:active:focus.btn-icon-fixed span {
            border-color: #008ec8;
            -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         }

      .btn.btn-twitter.btn-clean {
         background: transparent;
         color: #00abf1;
      }

         .btn.btn-twitter.btn-clean:hover,
         .btn.btn-twitter.btn-clean:active,
         .btn.btn-twitter.btn-clean:active:focus {
            color: #FFF;
            background: #00abf1;
            border-color: #00abf1;
         }

      .btn.btn-twitter.btn-rounded {
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
      }

      .btn.btn-twitter.btn-icon-fixed span[class^="icon-"],
      .btn.btn-twitter.btn-icon-fixed span.fa {
         border-right: 1px solid #00a0e2;
         background: #00a0e2;
      }

      .btn.btn-twitter.btn-shadowed {
         -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 171, 241, 0.5);
         -moz-box-shadow: 0px 3px 0px 0px rgba(0, 171, 241, 0.5);
         box-shadow: 0px 3px 0px 0px rgba(0, 171, 241, 0.5);
      }

         .btn.btn-twitter.btn-shadowed.btn-lg {
            -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 171, 241, 0.5);
            -moz-box-shadow: 0px 5px 0px 0px rgba(0, 171, 241, 0.5);
            box-shadow: 0px 5px 0px 0px rgba(0, 171, 241, 0.5);
         }

      .btn.btn-twitter.btn-glow {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 171, 241, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(0, 171, 241, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(0, 171, 241, 0.3);
      }

   .btn span[class^='icon-'] {
      margin: 0px 10px 0px -5px;
      float: left;
      line-height: 28px;
      font-size: 20px;
   }

      .btn span[class^='icon-'].pull-right {
         margin: 0px -5px 0px 10px;
         float: right;
      }

   .btn span.fa {
      font-size: 14px;
   }

   .btn.btn-default span[class^="icon-"],
   .btn.btn-default .fa {
      color: var(--ColorLindeGray);
   }

   .btn.btn-icon-fixed {
      position: relative;
      padding-left: 60px;
   }

      .btn.btn-icon-fixed span[class^='icon-'],
      .btn.btn-icon-fixed span.fa {
         position: absolute;
         left: 0px;
         top: 0px;
         width: 40px;
         height: 38px;
         line-height: 38px;
         -webkit-border-top-right-radius: 0px;
         -webkit-border-bottom-right-radius: 0px;
         -webkit-border-bottom-left-radius: 5px;
         -webkit-border-top-left-radius: 5px;
         -moz-border-radius-topright: 0px;
         -moz-border-radius-bottomright: 0px;
         -moz-border-radius-bottomleft: 5px;
         -moz-border-radius-topleft: 5px;
         border-top-right-radius: 0px;
         border-bottom-right-radius: 0px;
         border-bottom-left-radius: 5px;
         border-top-left-radius: 5px;
      }

      .btn.btn-icon-fixed span[class^='icon-'] {
         margin-left: 0px;
      }

      .btn.btn-icon-fixed .icon-text {
         font-family: 'Open Sans', sans-serif !important;
         font-size: 15px;
         font-weight: 600;
      }

      .btn.btn-icon-fixed.btn-lg {
         padding-left: 75px;
      }

         .btn.btn-icon-fixed.btn-lg span[class^='icon-'],
         .btn.btn-icon-fixed.btn-lg span.fa {
            height: 48px;
            width: 50px;
            line-height: 48px;
         }

      .btn.btn-icon-fixed.btn-sm {
         padding-left: 45px;
      }

         .btn.btn-icon-fixed.btn-sm span[class^='icon-'],
         .btn.btn-icon-fixed.btn-sm span.fa {
            height: 28px;
            width: 30px;
            line-height: 28px;
         }

      .btn.btn-icon-fixed.btn-xs {
         padding-left: 35px;
      }

         .btn.btn-icon-fixed.btn-xs span[class^='icon-'],
         .btn.btn-icon-fixed.btn-xs span.fa {
            height: 24px;
            width: 26px;
            line-height: 24px;
         }

   .btn.btn-lg {
      padding: 10px 30px;
      font-size: 13px;
      text-transform: uppercase;
   }

      .btn.btn-lg.btn-icon {
         width: 50px;
      }

      .btn.btn-lg.btn-rounded {
         -webkit-border-radius: 25px;
         -moz-border-radius: 25px;
         border-radius: 25px;
      }

   .btn.btn-sm {
      padding: 0px 15px;
      margin: 5px 0px;
   }

      .btn.btn-sm.btn-icon {
         width: 30px;
      }

   .btn.btn-xs {
      padding: 2px 10px;
      line-height: 20px;
   }

      .btn.btn-xs.btn-icon {
         width: 24px;
      }

   .btn.btn-icon {
      padding-left: 0px;
      padding-right: 0px;
      width: 40px;
   }

      .btn.btn-icon span {
         line-height: 28px;
         float: left;
         width: 100%;
         text-align: center;
         margin: 0px;
         font-size: 20px;
      }

         .btn.btn-icon span.fa {
            font-size: 14px;
         }

   .btn.btn-informer {
      overflow: visible;
   }

      .btn.btn-informer > .informer {
         position: absolute;
         right: -15px;
         top: -15px;
         width: 28px;
         height: 28px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         line-height: 26px;
         font-size: 11px;
         font-weight: 600;
         z-index: 10;
      }

         .btn.btn-informer > .informer.informer-default {
            border: 1px solid #DBE0E4;
            background: #FFF;
            color: var(--ColorLindeFont);
            -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
            -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
            box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
         }

         .btn.btn-informer > .informer.informer-primary {
            border: 1px solid #1f2433;
            background: var(--ColorLindeBlue);
            color: #FFF;
            -webkit-box-shadow: 0px 0px 0px 2px rgba(41, 47, 67, 0.3);
            -moz-box-shadow: 0px 0px 0px 2px rgba(41, 47, 67, 0.3);
            box-shadow: 0px 0px 0px 2px rgba(41, 47, 67, 0.3);
         }

         .btn.btn-informer > .informer.informer-success {
            border: 1px solid #699835;
            background: var(--ColorLindeSignalGreen);
            color: #FFF;
            -webkit-box-shadow: 0px 0px 0px 2px rgba(118, 171, 60, 0.3);
            -moz-box-shadow: 0px 0px 0px 2px rgba(118, 171, 60, 0.3);
            box-shadow: 0px 0px 0px 2px rgba(118, 171, 60, 0.3);
         }

         .btn.btn-informer > .informer.informer-info {
            border: 1px solid #3aacd9;
            background: var(--ColorLindeLightBlue);
            color: #FFF;
            -webkit-box-shadow: 0px 0px 0px 2px rgba(79, 181, 221, 0.3);
            -moz-box-shadow: 0px 0px 0px 2px rgba(79, 181, 221, 0.3);
            box-shadow: 0px 0px 0px 2px rgba(79, 181, 221, 0.3);
         }

         .btn.btn-informer > .informer.informer-warning {
            border: 1px solid #dd8f00;
            background: var(--ColorLindeSignalOrange);
            color: #FFF;
            -webkit-box-shadow: 0px 0px 0px 2px rgba(246, 159, 0, 0.3);
            -moz-box-shadow: 0px 0px 0px 2px rgba(246, 159, 0, 0.3);
            box-shadow: 0px 0px 0px 2px rgba(246, 159, 0, 0.3);
         }

         .btn.btn-informer > .informer.informer-danger {
            border: 1px solid #ee363a;
            background: var(--ColorLindeSignalRed);
            color: #FFF;
            -webkit-box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.3);
            -moz-box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.3);
            box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.3);
         }

         .btn.btn-informer > .informer.informer-square {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
         }

         .btn.btn-informer > .informer.informer-sm {
            width: 18px;
            height: 18px;
            font-size: 10px;
            font-weight: 700;
            right: -8px;
            top: -8px;
            line-height: 16px;
         }

         .btn.btn-informer > .informer.informer-left {
            right: auto;
            left: -15px;
         }

            .btn.btn-informer > .informer.informer-left.informer-sm {
               left: -10px;
            }

         .btn.btn-informer > .informer.informer-text {
            width: auto;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 0px 5px;
         }

.open > .dropdown-toggle.btn-default {
   border-color: #DBE0E4;
   background: #FFF;
   color: var(--ColorLindeFont);
}

   .open > .dropdown-toggle.btn-default:hover,
   .open > .dropdown-toggle.btn-default.active,
   .open > .dropdown-toggle.btn-default:active,
   .open > .dropdown-toggle.btn-default:active:focus {
      border-color: #ccd3d9;
      background: #f7f7f7;
      color: #383838;
   }

   .open > .dropdown-toggle.btn-default:focus {
      border-color: #ccd3d9;
      background: #f7f7f7;
      color: var(--ColorLindeFont);
   }

   .open > .dropdown-toggle.btn-default:focus,
   .open > .dropdown-toggle.btn-default.active,
   .open > .dropdown-toggle.btn-default:active,
   .open > .dropdown-toggle.btn-default:active:focus {
      -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
   }

      .open > .dropdown-toggle.btn-default:focus.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-default.active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-default:active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-default:active:focus.btn-icon-fixed span {
         border-color: #ccd3d9;
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

   .open > .dropdown-toggle.btn-default.btn-clean {
      background: transparent;
      color: #FFF;
      color: var(--ColorLindeFont);
   }

      .open > .dropdown-toggle.btn-default.btn-clean:hover,
      .open > .dropdown-toggle.btn-default.btn-clean:active,
      .open > .dropdown-toggle.btn-default.btn-clean:active:focus {
         color: var(--ColorLindeFont);
         background: #FFF;
         border-color: #FFF;
         border-color: #bec7ce;
         color: #2b2b2b;
      }

   .open > .dropdown-toggle.btn-default.btn-rounded {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
   }

   .open > .dropdown-toggle.btn-default.btn-icon-fixed span[class^="icon-"],
   .open > .dropdown-toggle.btn-default.btn-icon-fixed span.fa {
      border-right: 1px solid #DBE0E4;
      background: #f7f7f7;
   }

   .open > .dropdown-toggle.btn-default.btn-shadowed {
      -webkit-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5);
      -moz-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5);
      box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5);
   }

      .open > .dropdown-toggle.btn-default.btn-shadowed.btn-lg {
         -webkit-box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5);
         -moz-box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5);
         box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5);
      }

   .open > .dropdown-toggle.btn-default.btn-glow {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3);
      -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3);
      box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3);
   }

.open > .dropdown-toggle.btn-primary {
   border-color: var(--ColorLindeBlue);
   background: var(--ColorLindeBlue);
   color: #FFF;
}

   .open > .dropdown-toggle.btn-primary:hover,
   .open > .dropdown-toggle.btn-primary.active,
   .open > .dropdown-toggle.btn-primary:active,
   .open > .dropdown-toggle.btn-primary:active:focus {
      border-color: #1a1d29;
      background: var(--ColorLindeBlue);
      color: #f2f2f2;
   }

   .open > .dropdown-toggle.btn-primary:focus {
      border-color: #1a1d29;
      background: var(--ColorLindeBlue);
      color: #FFF;
   }

   .open > .dropdown-toggle.btn-primary:focus,
   .open > .dropdown-toggle.btn-primary.active,
   .open > .dropdown-toggle.btn-primary:active,
   .open > .dropdown-toggle.btn-primary:active:focus {
      -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
   }

      .open > .dropdown-toggle.btn-primary:focus.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-primary.active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-primary:active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-primary:active:focus.btn-icon-fixed span {
         border-color: #1a1d29;
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

   .open > .dropdown-toggle.btn-primary.btn-clean {
      background: transparent;
      color: var(--ColorLindeBlue);
   }

      .open > .dropdown-toggle.btn-primary.btn-clean:hover,
      .open > .dropdown-toggle.btn-primary.btn-clean:active,
      .open > .dropdown-toggle.btn-primary.btn-clean:active:focus {
         color: #FFF;
         background: var(--ColorLindeBlue);
         border-color: var(--ColorLindeBlue);
      }

   .open > .dropdown-toggle.btn-primary.btn-rounded {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
   }

   .open > .dropdown-toggle.btn-primary.btn-icon-fixed span[class^="icon-"],
   .open > .dropdown-toggle.btn-primary.btn-icon-fixed span.fa {
      border-right: 1px solid var(--ColorLindeBlue);
      background: var(--ColorLindeBlue);
   }

   .open > .dropdown-toggle.btn-primary.btn-shadowed {
      -webkit-box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5);
      -moz-box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5);
      box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5);
   }

      .open > .dropdown-toggle.btn-primary.btn-shadowed.btn-lg {
         -webkit-box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5);
         -moz-box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5);
         box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5);
      }

   .open > .dropdown-toggle.btn-primary.btn-glow {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
      -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
      box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
   }

.open > .dropdown-toggle.btn-success {
   border-color: #6ea038;
   background: var(--ColorLindeSignalGreen);
   color: #FFF;
}

   .open > .dropdown-toggle.btn-success:hover,
   .open > .dropdown-toggle.btn-success.active,
   .open > .dropdown-toggle.btn-success:active,
   .open > .dropdown-toggle.btn-success:active:focus {
      border-color: #618d31;
      background: #6ea038;
      color: #f2f2f2;
   }

   .open > .dropdown-toggle.btn-success:focus {
      border-color: #618d31;
      background: #6ea038;
      color: #FFF;
   }

   .open > .dropdown-toggle.btn-success:focus,
   .open > .dropdown-toggle.btn-success.active,
   .open > .dropdown-toggle.btn-success:active,
   .open > .dropdown-toggle.btn-success:active:focus {
      -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
   }

      .open > .dropdown-toggle.btn-success:focus.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-success.active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-success:active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-success:active:focus.btn-icon-fixed span {
         border-color: #618d31;
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

   .open > .dropdown-toggle.btn-success.btn-clean {
      background: transparent;
      color: var(--ColorLindeSignalGreen);
   }

      .open > .dropdown-toggle.btn-success.btn-clean:hover,
      .open > .dropdown-toggle.btn-success.btn-clean:active,
      .open > .dropdown-toggle.btn-success.btn-clean:active:focus {
         color: #FFF;
         background: var(--ColorLindeSignalGreen);
         border-color: var(--ColorLindeSignalGreen);
      }

   .open > .dropdown-toggle.btn-success.btn-rounded {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
   }

   .open > .dropdown-toggle.btn-success.btn-icon-fixed span[class^="icon-"],
   .open > .dropdown-toggle.btn-success.btn-icon-fixed span.fa {
      border-right: 1px solid #6ea038;
      background: #6ea038;
   }

   .open > .dropdown-toggle.btn-success.btn-shadowed {
      -webkit-box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5);
      -moz-box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5);
      box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5);
   }

      .open > .dropdown-toggle.btn-success.btn-shadowed.btn-lg {
         -webkit-box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5);
         -moz-box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5);
         box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5);
      }

   .open > .dropdown-toggle.btn-success.btn-glow {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
      -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
      box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
   }

.open > .dropdown-toggle.btn-info {
   border-color: #42b0db;
   background: var(--ColorLindeLightBlue);
   color: #FFF;
}

   .open > .dropdown-toggle.btn-info:hover,
   .open > .dropdown-toggle.btn-info.active,
   .open > .dropdown-toggle.btn-info:active,
   .open > .dropdown-toggle.btn-info:active:focus {
      border-color: #2da7d6;
      background: #42b0db;
      color: #f2f2f2;
   }

   .open > .dropdown-toggle.btn-info:focus {
      border-color: #2da7d6;
      background: #42b0db;
      color: #FFF;
   }

   .open > .dropdown-toggle.btn-info:focus,
   .open > .dropdown-toggle.btn-info.active,
   .open > .dropdown-toggle.btn-info:active,
   .open > .dropdown-toggle.btn-info:active:focus {
      -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
   }

      .open > .dropdown-toggle.btn-info:focus.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-info.active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-info:active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-info:active:focus.btn-icon-fixed span {
         border-color: #2da7d6;
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

   .open > .dropdown-toggle.btn-info.btn-clean {
      background: transparent;
      color: var(--ColorLindeLightBlue);
   }

      .open > .dropdown-toggle.btn-info.btn-clean:hover,
      .open > .dropdown-toggle.btn-info.btn-clean:active,
      .open > .dropdown-toggle.btn-info.btn-clean:active:focus {
         color: #FFF;
         background: var(--ColorLindeLightBlue);
         border-color: var(--ColorLindeLightBlue);
      }

   .open > .dropdown-toggle.btn-info.btn-rounded {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
   }

   .open > .dropdown-toggle.btn-info.btn-icon-fixed span[class^="icon-"],
   .open > .dropdown-toggle.btn-info.btn-icon-fixed span.fa {
      border-right: 1px solid #42b0db;
      background: #42b0db;
   }

   .open > .dropdown-toggle.btn-info.btn-shadowed {
      -webkit-box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5);
      -moz-box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5);
      box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5);
   }

      .open > .dropdown-toggle.btn-info.btn-shadowed.btn-lg {
         -webkit-box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5);
         -moz-box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5);
         box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5);
      }

   .open > .dropdown-toggle.btn-info.btn-glow {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
      -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
      box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
   }

.open > .dropdown-toggle.btn-warning {
   border-color: #e79500;
   background: var(--ColorLindeSignalOrange);
   color: #FFF;
}

   .open > .dropdown-toggle.btn-warning:hover,
   .open > .dropdown-toggle.btn-warning.active,
   .open > .dropdown-toggle.btn-warning:active,
   .open > .dropdown-toggle.btn-warning:active:focus {
      border-color: #cd8500;
      background: #e79500;
      color: #f2f2f2;
   }

   .open > .dropdown-toggle.btn-warning:focus {
      border-color: #cd8500;
      background: #e79500;
      color: #FFF;
   }

   .open > .dropdown-toggle.btn-warning:focus,
   .open > .dropdown-toggle.btn-warning.active,
   .open > .dropdown-toggle.btn-warning:active,
   .open > .dropdown-toggle.btn-warning:active:focus {
      -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
   }

      .open > .dropdown-toggle.btn-warning:focus.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-warning.active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-warning:active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-warning:active:focus.btn-icon-fixed span {
         border-color: #cd8500;
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

   .open > .dropdown-toggle.btn-warning.btn-clean {
      background: transparent;
      color: var(--ColorLindeSignalOrange);
   }

      .open > .dropdown-toggle.btn-warning.btn-clean:hover,
      .open > .dropdown-toggle.btn-warning.btn-clean:active,
      .open > .dropdown-toggle.btn-warning.btn-clean:active:focus {
         color: #FFF;
         background: var(--ColorLindeSignalOrange);
         border-color: var(--ColorLindeSignalOrange);
      }

   .open > .dropdown-toggle.btn-warning.btn-rounded {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
   }

   .open > .dropdown-toggle.btn-warning.btn-icon-fixed span[class^="icon-"],
   .open > .dropdown-toggle.btn-warning.btn-icon-fixed span.fa {
      border-right: 1px solid #e79500;
      background: #e79500;
   }

   .open > .dropdown-toggle.btn-warning.btn-shadowed {
      -webkit-box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5);
      -moz-box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5);
      box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5);
   }

      .open > .dropdown-toggle.btn-warning.btn-shadowed.btn-lg {
         -webkit-box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5);
         -moz-box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5);
         box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5);
      }

   .open > .dropdown-toggle.btn-warning.btn-glow {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
      -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
      box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
   }

.open > .dropdown-toggle.btn-danger {
   border-color: #ef4043;
   background: var(--ColorLindeSignalRed);
   color: #FFF;
}

   .open > .dropdown-toggle.btn-danger:hover,
   .open > .dropdown-toggle.btn-danger.active,
   .open > .dropdown-toggle.btn-danger:active,
   .open > .dropdown-toggle.btn-danger:active:focus {
      border-color: #ed282c;
      background: #ef4043;
      color: #f2f2f2;
   }

   .open > .dropdown-toggle.btn-danger:focus {
      border-color: #ed282c;
      background: #ef4043;
      color: #FFF;
   }

   .open > .dropdown-toggle.btn-danger:focus,
   .open > .dropdown-toggle.btn-danger.active,
   .open > .dropdown-toggle.btn-danger:active,
   .open > .dropdown-toggle.btn-danger:active:focus {
      -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
   }

      .open > .dropdown-toggle.btn-danger:focus.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-danger.active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-danger:active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-danger:active:focus.btn-icon-fixed span {
         border-color: #ed282c;
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

   .open > .dropdown-toggle.btn-danger.btn-clean {
      background: transparent;
      color: var(--ColorLindeSignalRed);
   }

      .open > .dropdown-toggle.btn-danger.btn-clean:hover,
      .open > .dropdown-toggle.btn-danger.btn-clean:active,
      .open > .dropdown-toggle.btn-danger.btn-clean:active:focus {
         color: #FFF;
         background: var(--ColorLindeSignalRed);
         border-color: var(--ColorLindeSignalRed);
      }

   .open > .dropdown-toggle.btn-danger.btn-rounded {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
   }

   .open > .dropdown-toggle.btn-danger.btn-icon-fixed span[class^="icon-"],
   .open > .dropdown-toggle.btn-danger.btn-icon-fixed span.fa {
      border-right: 1px solid #ef4043;
      background: #ef4043;
   }

   .open > .dropdown-toggle.btn-danger.btn-shadowed {
      -webkit-box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5);
      -moz-box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5);
      box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5);
   }

      .open > .dropdown-toggle.btn-danger.btn-shadowed.btn-lg {
         -webkit-box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5);
         -moz-box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5);
         box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5);
      }

   .open > .dropdown-toggle.btn-danger.btn-glow {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
      -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
      box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
   }

.open > .dropdown-toggle.btn-link {
   border-color: transparent;
   background: transparent;
   color: #7F8FA4;
}

   .open > .dropdown-toggle.btn-link:hover,
   .open > .dropdown-toggle.btn-link.active,
   .open > .dropdown-toggle.btn-link:active,
   .open > .dropdown-toggle.btn-link:active:focus {
      border-color: rgba(0, 0, 0, 0);
      background: rgba(0, 0, 0, 0);
      color: #708299;
   }

   .open > .dropdown-toggle.btn-link:focus {
      border-color: rgba(0, 0, 0, 0);
      background: rgba(0, 0, 0, 0);
      color: #7F8FA4;
   }

   .open > .dropdown-toggle.btn-link:focus,
   .open > .dropdown-toggle.btn-link.active,
   .open > .dropdown-toggle.btn-link:active,
   .open > .dropdown-toggle.btn-link:active:focus {
      -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }

      .open > .dropdown-toggle.btn-link:focus.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-link.active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-link:active.btn-icon-fixed span,
      .open > .dropdown-toggle.btn-link:active:focus.btn-icon-fixed span {
         border-color: rgba(0, 0, 0, 0);
         -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
      }

   .open > .dropdown-toggle.btn-link.btn-clean {
      background: transparent;
      color: transparent;
   }

      .open > .dropdown-toggle.btn-link.btn-clean:hover,
      .open > .dropdown-toggle.btn-link.btn-clean:active,
      .open > .dropdown-toggle.btn-link.btn-clean:active:focus {
         color: #7F8FA4;
         background: transparent;
         border-color: transparent;
      }

   .open > .dropdown-toggle.btn-link.btn-rounded {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
   }

   .open > .dropdown-toggle.btn-link.btn-icon-fixed span[class^="icon-"],
   .open > .dropdown-toggle.btn-link.btn-icon-fixed span.fa {
      border-right: 1px solid transparent;
      background: rgba(0, 0, 0, 0);
   }

   .open > .dropdown-toggle.btn-link.btn-shadowed {
      -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5);
   }

      .open > .dropdown-toggle.btn-link.btn-shadowed.btn-lg {
         -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5);
         -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5);
      }

   .open > .dropdown-toggle.btn-link.btn-glow {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
   }

.btn-group.open .dropdown-toggle {
   -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.btn-group.btn-group-justified .btn-group:nth-child(n+2) .btn {
   margin-left: -1px;
}

.btn-group.btn-group-justified .btn-group:nth-child(n+3) .btn {
   margin-left: -2px;
}

.btn-group.btn-group-justified .btn-group:nth-child(n+4) .btn {
   margin-left: -3px;
}

.btn-group.btn-group-justified .btn-group:nth-child(n+5) .btn {
   margin-left: -4px;
}

.btn-group > .btn + .dropdown-toggle {
   padding-left: 15px;
   padding-right: 15px;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
   z-index: 0;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
   z-index: 0;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
   margin-right: -2px;
}

@media (max-width: 992px) {
   .btn {
      margin-bottom: 5px;
   }
}

.app .app-content-tabs {
   float: left;
   width: 100%;
   padding: 10px 15px 0px;
   background: #FFF;
   border-bottom: 1px solid #DBE0E4;
}

   .app .app-content-tabs > ul {
      float: left;
      width: auto;
      list-style: none;
      padding: 0px;
      margin-bottom: -1px;
   }

      .app .app-content-tabs > ul > li {
         width: auto;
      }

         .app .app-content-tabs > ul > li > a {
            display: block;
            float: left;
            line-height: 30px;
            padding: 5px 20px;
            margin-right: 5px;
            border: 1px solid #DBE0E4;
            color: #7F8FA4;
            font-weight: 600;
            text-decoration: none;
            background: #FFF;
            -webkit-transition: all 100ms linear;
            -moz-transition: all 100ms linear;
            -ms-transition: all 100ms linear;
            -o-transition: all 100ms linear;
            transition: all 100ms linear;
         }

            .app .app-content-tabs > ul > li > a > span {
               float: left;
               line-height: 30px;
               margin-right: 10px;
               width: 20px;
               text-align: center;
            }

               .app .app-content-tabs > ul > li > a > span.close-tab {
                  margin-right: -10px;
                  margin-left: 10px;
                  float: right;
                  vertical-align: baseline;
                  line-height: 24px;
                  margin-top: 4px;
               }

            .app .app-content-tabs > ul > li > a span[class^="icon-"] {
               font-size: 20px;
            }

            .app .app-content-tabs > ul > li > a span[class^="fa-"] {
               font-size: 14px;
            }

            .app .app-content-tabs > ul > li > a.app-content-tabs-new {
               border: 0px;
            }

               .app .app-content-tabs > ul > li > a.app-content-tabs-new:hover {
                  background: #FFF;
               }

            .app .app-content-tabs > ul > li > a:hover {
               color: var(--ColorLindeFont);
               background: var(--ColorLindeLightGray50);
            }

            .app .app-content-tabs > ul > li > a.active {
               color: #1B2431;
               background: #EDEFF0;
               border-bottom-color: #EDEFF0;
            }

         .app .app-content-tabs > ul > li.icon-only > a {
            padding: 3px 8px;
         }

            .app .app-content-tabs > ul > li.icon-only > a > span {
               margin: 0px;
            }

.app .app-content-tab {
   display: none;
}

   .app .app-content-tab.active {
      display: block;
   }

.app .app-heading {
   float: left;
   width: 100%;
   padding: 15px;
   background: #F9F9F9;
}

   .app .app-heading > .button {
      float: left;
      margin-right: 20px;
   }

   .app .app-heading .icon {
      float: left;
      margin-right: 10px;
      width: 20px;
      text-align: center;
      color: #7F8FA4;
   }

      .app .app-heading .icon span {
         line-height: 40px;
         font-size: 20px;
      }

      .app .app-heading .icon.icon-lg {
         width: 30px;
         margin-right: 15px;
      }

         .app .app-heading .icon.icon-lg span {
            font-size: 30px;
         }

   .app .app-heading .title {
      float: left;
   }

      .app .app-heading .title h1,
      .app .app-heading .title h2,
      .app .app-heading .title h3,
      .app .app-heading .title h4,
      .app .app-heading .title h5,
      .app .app-heading .title h6 {
         margin: 0px;
         padding: 0px;
         float: left;
         font-size: 15px;
         line-height: 20px;
         font-weight: 600;
         clear: both;
         margin-bottom: 5px;
         color: #1B2431;
      }

         .app .app-heading .title h1 small,
         .app .app-heading .title h2 small,
         .app .app-heading .title h3 small,
         .app .app-heading .title h4 small,
         .app .app-heading .title h5 small,
         .app .app-heading .title h6 small {
            display: inline-block;
            border-left: 1px solid #DBE0E4;
            padding-left: 10px;
            margin-left: 10px;
         }

      .app .app-heading .title p {
         float: left;
         clear: both;
         margin-bottom: 0px;
         font-weight: 400;
         line-height: 15px;
         margin-top: 0px;
         color: #7F8FA4;
      }

   .app .app-heading .heading-elements {
      float: right;
      position: relative;
   }

   .app .app-heading.title-only {
      padding: 10px 15px;
   }

      .app .app-heading.title-only .title h1,
      .app .app-heading.title-only .title h2,
      .app .app-heading.title-only .title h3,
      .app .app-heading.title-only .title h4,
      .app .app-heading.title-only .title h5,
      .app .app-heading.title-only .title h6 {
         line-height: 40px;
         margin-bottom: 0px;
      }

   .app .app-heading.heading-transparent {
      margin-top: 10px;
      background: transparent;
      border: 0px;
   }

   .app .app-heading.app-heading-background {
      padding: 55px 15px;
      margin-top: 0px;
      border: 0px;
      color: #FFF;
   }

   .app .app-heading.app-heading-small > .title h1,
   .app .app-heading.app-heading-small > .title h2,
   .app .app-heading.app-heading-small > .title h3,
   .app .app-heading.app-heading-small > .title h4,
   .app .app-heading.app-heading-small > .title h5,
   .app .app-heading.app-heading-small > .title h6 {
      font-size: 14px;
      font-weight: 600;
   }

   .app .app-heading.app-heading-condensed {
      padding: 15px 0px;
   }

      .app .app-heading.app-heading-condensed.app-heading-small {
         padding-top: 0px;
      }

      .app .app-heading.app-heading-condensed:first-child {
         margin-top: 0px;
      }

   .app .app-heading.app-heading-condensed-horizontal {
      padding: 15px 0px;
   }

   .app .app-heading.app-heading-light > .icon {
      color: var(--ColorLindeLightGray50);
   }

   .app .app-heading.app-heading-light > .title h1,
   .app .app-heading.app-heading-light > .title h2,
   .app .app-heading.app-heading-light > .title h3,
   .app .app-heading.app-heading-light > .title h4,
   .app .app-heading.app-heading-light > .title h5,
   .app .app-heading.app-heading-light > .title h6 {
      color: #FFF;
   }

   .app .app-heading.app-heading-light > .title p {
      color: var(--ColorLindeLightGray50);
   }

   .app .app-heading.app-heading-lead {
      padding-top: 25px;
   }

   .app .app-heading.app-heading-bordered {
      border: 1px solid #DBE0E4;
   }

      .app .app-heading.app-heading-bordered.app-heading-page {
         border-top: 0px;
      }

   .app .app-heading.app-heading-bordered-bottom {
      border-bottom: 1px solid #DBE0E4;
   }

   .app .app-heading.app-heading-center {
      text-align: center;
   }

      .app .app-heading.app-heading-center > .title {
         width: 100%;
      }

   .app .app-heading .form-group,
   .app .app-heading .input-group {
      margin-bottom: 0px;
   }

   .app .app-heading .container.container-boxed {
      margin: 0px auto;
   }

   .app .app-heading > .contact {
      width: auto;
   }

   .app .app-heading.app-heading-condensed {
      padding: 10px 15px;
   }

.app .app-heading-container {
   float: left;
   width: 100%;
   line-height: 40px;
   background: var(--ColorLindeLightGray50);
   padding: 0px 15px;
}

   .app .app-heading-container.app-heading-bordered {
      border: 1px solid #DBE0E4;
   }

      .app .app-heading-container.app-heading-bordered.top {
         border-bottom: 0px;
      }

      .app .app-heading-container.app-heading-bordered.bottom {
         border-top: 0px;
      }

   .app .app-heading-container .container.container-boxed {
      margin: 0px auto;
   }

.app .app-content > .app-heading.app-heading-bordered,
.app .app-content > .app-heading-container.app-heading-bordered {
   border-left: 0px;
   border-right: 0px;
}

.app .app-sidepanel .app-heading {
   background: transparent;
}

.app .breadcrumb {
   float: left;
   background: transparent;
   border-radius: 0px;
   margin-bottom: 0px;
   padding: 12px 0px 13px;
   width: auto;
}

   .app .breadcrumb > li {
      line-height: 15px;
      float: left;
      font-size: 12px;
      width: auto;
   }

      .app .breadcrumb > li > a {
         float: left;
         line-height: 15px;
         color: #7F8FA4;
         text-decoration: none;
         -webkit-transition: color 100ms linear;
         -moz-transition: color 100ms linear;
         -ms-transition: color 100ms linear;
         -o-transition: color 100ms linear;
         transition: color 100ms linear;
      }

         .app .breadcrumb > li > a:hover {
            color: #64758c;
         }

      .app .breadcrumb > li.active {
         color: var(--ColorLindeFont);
      }

      .app .breadcrumb > li + li:before {
         line-height: 14px;
         padding: 0px 0px 0px 2px;
         content: "\f105";
         font-family: "FontAwesome";
         font-size: 12px;
         float: left;
         width: 20px;
         text-align: center;
         color: #7F8FA4;
         margin-top: 1px;
      }

   .app .breadcrumb.breadcrumb-condensed {
      padding: 0px;
   }

.app .app-header .breadcrumb {
   margin-right: 10px;
}

.app .pagination {
   width: auto;
   margin: 0px;
}

   .app .pagination li {
      width: auto;
   }

      .app .pagination li > a,
      .app .pagination li > span {
         padding: 10px;
         line-height: 20px;
         border-color: #DBE0E4;
         background: #FFF;
         min-width: 40px;
         text-align: center;
         color: var(--ColorLindeFont);
         -webkit-transition: all 100ms linear;
         -moz-transition: all 100ms linear;
         -ms-transition: all 100ms linear;
         -o-transition: all 100ms linear;
         transition: all 100ms linear;
         margin-bottom: 3px;
      }

         .app .pagination li > a:hover {
            background: var(--ColorLindeLightGray50);
         }

      .app .pagination li.active > a,
      .app .pagination li.active span {
         background: var(--ColorLindeBlue);
         color: #FFF;
      }

      .app .pagination li.disabled > a,
      .app .pagination li.disabled span {
         -webkit-opacity: 0.7;
         -moz-opacity: 0.7;
         opacity: 0.7;
      }

         .app .pagination li.disabled > a:hover {
            background: #FFF;
         }

   .app .pagination.pagination-separated li {
      margin-right: 5px;
   }

      .app .pagination.pagination-separated li:last-child {
         margin-right: 0px;
      }

   .app .pagination.pagination-rounded li {
      margin-right: 5px;
   }

      .app .pagination.pagination-rounded li > a,
      .app .pagination.pagination-rounded li > span {
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
      }

   .app .pagination.pagination-noborder li {
      margin-right: 5px;
   }

      .app .pagination.pagination-noborder li > a,
      .app .pagination.pagination-noborder li > span {
         border: 0px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
      }

   .app .pagination.pagination-sm li > a,
   .app .pagination.pagination-sm li > span {
      padding: 0px 10px;
      min-width: 20px;
      font-size: 12px;
   }

   .app .pagination.pagination-lg li > a,
   .app .pagination.pagination-lg li > span {
      padding: 20px 10px;
      min-width: 60px;
   }

.app .pager li {
   width: auto;
   float: none;
}

   .app .pager li > a {
      color: var(--ColorLindeFont);
      background: #FFF;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      line-height: 20px;
      padding: 10px 15px;
   }

      .app .pager li > a:hover {
         background: var(--ColorLindeLightGray50);
      }

   .app .pager li.disabled > a {
      -webkit-opacity: 0.7;
      -moz-opacity: 0.7;
      opacity: 0.7;
   }

      .app .pager li.disabled > a:hover {
         color: var(--ColorLindeFont);
         background: #FFF;
      }

.app .container {
   float: left;
   width: 100%;
   margin: 15px 0px 15px;
}

   .app .container > .app-heading {
      margin-top: 15px;
   }

   .app .container.container-boxed {
      width: 1200px;
      margin: 15px auto;
      float: none;
      zoom: 1;
   }

      .app .container.container-boxed:before,
      .app .container.container-boxed:after {
         content: "";
         display: table;
      }

      .app .container.container-boxed:after {
         clear: both;
      }

   .app .container.container-full-size {
      width: 100%;
      margin: 0px;
      padding: 0px;
   }

.app .row.row-table {
   margin-left: 0px;
   margin-right: 0px;
   border-bottom: 1px solid #DBE0E4;
}

   .app .row.row-table > div[class^="col-"] {
      border-right: 1px solid #DBE0E4;
   }

      .app .row.row-table > div[class^="col-"]:last-child {
         border-right: 0px;
      }

.app .row-table-holder {
   padding: 0px !important;
   margin: 0px !important;
}

   .app .row-table-holder .row.row-table > div[class^="col-"] {
      padding: 15px 15px;
   }

   .app .row-table-holder .row.row-table:last-child {
      border-bottom: 0px;
   }

.app .modal-content-calling {
   background: var(--ColorLindeBlue);
   color: #FFF;
}

.app .call-box {
   float: left;
   width: 100%;
   background: var(--ColorLindeBlue);
   color: #FFF;
   padding: 15px 15px 15px 70px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 15px;
   position: relative;
}

   .app .call-box .call-box-endcall {
      position: absolute;
      left: 15px;
      top: 15px;
   }

   .app .call-box .call-box-timer {
      float: left;
      width: 100%;
      height: 40px;
      line-height: 40px;
      background: #1f2433;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 0px 20px;
      text-align: center;
   }

      .app .call-box .call-box-timer .timer {
         float: left;
         width: 50%;
         font-size: 13px;
         font-weight: 600;
      }

      .app .call-box .call-box-timer .status {
         float: left;
         width: 50%;
         font-size: 13px;
         font-weight: 600;
         opacity: 0.5;
         font-style: italic;
      }

.app .calling {
   width: 150px;
   height: 150px;
   text-align: center;
   margin: 10px auto 20px;
   position: relative;
   color: #FFF;
   -webkit-animation: pulse-call 1s linear infinite;
   animation: pulse-call 1s linear infinite;
}

   .app .calling:before,
   .app .calling:after {
      width: 120px;
      height: 120px;
      background: rgba(79, 181, 221, 0.3);
      position: absolute;
      left: 15px;
      top: 15px;
      content: " ";
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      z-index: 1;
   }

   .app .calling:after {
      width: 90px;
      height: 90px;
      left: 30px;
      top: 30px;
   }

   .app .calling span {
      position: absolute;
      width: 150px;
      height: 150px;
      line-height: 150px;
      font-size: 56px;
      left: 0px;
      top: 0px;
      background: rgba(79, 181, 221, 0.2);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      z-index: 2;
   }

.app .table-responsive {
   float: left;
   width: 100%;
}

.app .app-sidebar-user {
   float: left;
   width: 100%;
   background: rgba(0, 0, 0, 0.4);
   padding: 15px 10px 15px 15px;
}

   .app .app-sidebar-user > .contact.contact-bordered:after {
      border-color: rgba(0, 0, 0, 0.3);
   }

   .app .app-sidebar-user > .contact.contact-lg {
      margin: 0px;
   }

.app .container.container-full-size.block-flying-container {
   position: relative;
}

   .app .container.container-full-size.block-flying-container .block.block-flying {
      position: absolute;
      float: none;
      width: 400px;
      height: 96%;
      top: 2%;
      left: 15px;
      z-index: 1000;
   }

@media (max-width: 992px) {
   .app .app-content-tabs > ul > li > a {
      font-size: 0px;
      text-indent: -9999px;
   }

      .app .app-content-tabs > ul > li > a > span {
         text-indent: initial;
         margin-right: 0px;
      }

         .app .app-content-tabs > ul > li > a > span.close-tab {
            display: none;
         }

   .app .row.row-table {
      border-bottom: 0px;
   }

      .app .row.row-table > div[class^="col-"] {
         border-bottom: 1px solid #DBE0E4;
         border-right: 0px;
         margin-bottom: 0px;
      }

   .app .call-box div[class^="col-"] {
      float: left;
      width: 100%;
      margin-bottom: 15px;
   }
}

@media (max-width: 480px) {
   .app .app-heading .heading-elements {
      float: left;
      width: 100%;
      margin-top: 10px;
   }

   .app .app-heading.title-only .heading-elements {
      margin-top: 0px;
   }
}

@media (max-width: 1200px) {
   .app .container.container-boxed {
      float: left;
      width: 100%;
   }
}

@-webkit-keyframes

"pulse-call" {
   0%

{
   opacity: 1;
}

80% {
   opacity: 0.8;
}

100% {
   opacity: 1;
}

}
@keyframes

"pulse-call" {
   0%

{
   opacity: 1;
}

80% {
   opacity: 0.8;
}

100% {
   opacity: 1;
}

}

.app .block {
   position: relative;
   float: left;
   width: 100%;
   padding: 10px 20px 20px;
   margin-bottom: 15px;
   background: #FFF;
   border: 1px solid #DBE0E4;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

   .app .block .app-heading {
      background: transparent;
   }

   .app .block > .app-heading {
      margin-top: 20px;
      margin-bottom: 15px;
      padding: 15px 0px;
   }

      .app .block > .app-heading:first-child {
         margin-top: 0px;
      }

   .app .block > .block-heading {
      float: left;
      width: 100%;
      margin-bottom: 15px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-top-left-radius: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-topleft: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 5px;
   }

   .app .block > .block-content {
      float: left;
      width: 100%;
      margin-bottom: 15px;
   }

      .app .block > .block-content.mCustomScrollbar {
         padding-right: 0px !important;
      }

         .app .block > .block-content.mCustomScrollbar .mCSB_container {
            padding-right: 20px;
         }

   .app .block .block-content.block-content-inside {
      float: left;
      width: 100%;
      padding: 15px;
   }

   .app .block > .block-footer {
      float: left;
      width: 100%;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0px;
   }

   .app .block .block-divider {
      float: left;
      width: 100%;
      height: 1px;
      background: #DBE0E4;
      margin-bottom: 15px;
      position: relative;
      margin-top: 10px;
   }

      .app .block .block-divider span {
         display: block;
         position: absolute;
         width: 20px;
         height: 20px;
         background: #FFF;
         text-align: center;
         line-height: 20px;
         left: 50%;
         top: -10px;
         margin-left: -10px;
      }

         .app .block .block-divider span.fa {
            font-size: 14px;
         }

         .app .block .block-divider span[class^='icon-'] {
            font-size: 20px;
         }

      .app .block .block-divider.dir-left span {
         left: 20px;
         margin-left: 0px;
      }

      .app .block .block-divider.dir-right span {
         right: 20px;
         margin-left: 0px;
      }

   .app .block .block-divider-text {
      float: left;
      width: 100%;
      padding: 5px 20px;
      line-height: 20px;
      margin-top: 10px;
      margin-bottom: 15px;
      background: #f2f2f2;
      border-top: 1px solid #DBE0E4;
      border-bottom: 1px solid #DBE0E4;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
   }

      .app .block .block-divider-text span {
         margin-right: 5px;
      }

         .app .block .block-divider-text span.fa {
            font-size: 14px;
         }

         .app .block .block-divider-text span[class^='icon-'] {
            font-size: 20px;
         }

   .app .block.block-highlight {
      -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
   }

   .app .block.block-highlight-hover {
      -webkit-transition: box-shadow 100ms linear;
      -moz-transition: box-shadow 100ms linear;
      -ms-transition: box-shadow 100ms linear;
      -o-transition: box-shadow 100ms linear;
      transition: box-shadow 100ms linear;
   }

      .app .block.block-highlight-hover:hover {
         -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
         box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      }

   .app .block.block-primary {
      border-top: 2px solid var(--ColorLindeBlue);
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0px;
   }

   .app .block.block-success {
      border-top: 2px solid var(--ColorLindeSignalGreen);
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0px;
   }

   .app .block.block-warning {
      border-top: 2px solid var(--ColorLindeSignalOrange);
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0px;
   }

   .app .block.block-info {
      border-top: 2px solid var(--ColorLindeLightBlue);
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0px;
   }

   .app .block.block-danger {
      border-top: 2px solid var(--ColorLindeSignalRed);
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0px;
   }

   .app .block.block-condensed {
      padding: 0px;
   }

      .app .block.block-condensed > .app-heading {
         padding: 20px 20px 15px;
      }

      .app .block.block-condensed > .block-heading {
         padding: 10px 20px;
         background: var(--ColorLindeLightGray50);
         border-bottom: 1px solid #DBE0E4;
      }

         .app .block.block-condensed > .block-heading > .app-heading {
            padding: 10px 0px;
            background: transparent;
         }

      .app .block.block-condensed > .block-content {
         padding: 0px 20px;
      }

      .app .block.block-condensed > .block-footer {
         background: var(--ColorLindeLightGray50);
         border-top: 1px solid #DBE0E4;
         padding: 20px;
      }

   .app .block.block-condensed-v {
      padding: 0px 15px;
   }

   .app .block.block-condensed-h {
      padding: 15px 0px;
   }

   .app .block.block-toggled {
      padding-bottom: 10px;
   }

      .app .block.block-toggled > .app-heading {
         margin-bottom: 0px;
      }

      .app .block.block-toggled > .block-content,
      .app .block.block-toggled > .block-footer {
         display: none;
      }

   .app .block.block-expanded {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      z-index: 1050;
      border: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
   }

   .app .block.block-arrow-top {
      position: relative;
   }

      .app .block.block-arrow-top:after,
      .app .block.block-arrow-top:before {
         bottom: 100%;
         left: 30px;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
      }

      .app .block.block-arrow-top:after {
         border-color: rgba(136, 183, 213, 0);
         border-bottom-color: #FFF;
         border-width: 10px;
         margin-left: -10px;
      }

      .app .block.block-arrow-top:before {
         border-color: rgba(194, 225, 245, 0);
         border-bottom-color: #DBE0E4;
         border-width: 11px;
         margin-left: -11px;
      }

   .app .block > .block-loading-layer {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.5);
   }

      .app .block > .block-loading-layer .app-spinner {
         position: absolute;
         left: 50%;
         top: 50%;
         margin: -10px 0px 0px -10px;
      }

.app .panel {
   float: left;
   width: 100%;
}

   .app .panel > .panel-heading,
   .app .panel > .panel-body,
   .app .panel > .panel-footer {
      float: left;
      width: 100%;
   }

   .app .panel > .panel-heading {
      padding: 10px 15px;
      line-height: 40px;
   }

      .app .panel > .panel-heading .panel-title {
         float: left;
         line-height: 40px;
         font-size: 14px;
         font-weight: 600;
         width: auto;
      }

         .app .panel > .panel-heading .panel-title span {
            float: left;
            margin-right: 10px;
            line-height: 40px;
         }

            .app .panel > .panel-heading .panel-title span[class^='icon-'] {
               font-size: 20px;
            }

            .app .panel > .panel-heading .panel-title span.fa {
               font-size: 14px;
            }

   .app .panel > .panel-footer {
      padding: 10px 15px;
      line-height: 40px;
   }

   .app .panel .panel-elements {
      float: left;
      margin-left: -5px;
   }

      .app .panel .panel-elements .btn {
         float: left;
      }

      .app .panel .panel-elements .form-group,
      .app .panel .panel-elements .input-group {
         margin-bottom: 0px;
      }

      .app .panel .panel-elements.pull-right {
         margin-left: 0px;
         margin-right: -5px;
      }

      .app .panel .panel-elements.panel-elements-cp {
         margin-left: 0px;
      }

         .app .panel .panel-elements.panel-elements-cp.pull-right {
            margin-right: 0px;
         }

   .app .panel .panel-collapse {
      float: left;
      width: 100%;
   }

   .app .panel.panel-default {
      border-color: #DBE0E4;
   }

      .app .panel.panel-default .panel-heading,
      .app .panel.panel-default .panel-footer {
         border-color: #DBE0E4;
      }

   .app .panel.panel-toggled > div:not(.panel-heading) {
      display: none;
   }

   .app .panel.panel-expanded {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      z-index: 1050;
      border: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
   }

.app .panel-group .panel > .panel-heading {
   padding: 5px 15px;
}

   .app .panel-group .panel > .panel-heading .panel-elements {
      margin-left: -10px;
   }

      .app .panel-group .panel > .panel-heading .panel-elements.pull-right {
         margin-right: -10px;
      }

.alert {
   position: relative;
   float: left;
   width: 100%;
   margin-bottom: 15px;
   line-height: 20px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

   .alert .alert-icon {
      float: left;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      line-height: 20px;
      text-align: center;
   }

      .alert .alert-icon span.fa {
         font-size: 14px;
      }

      .alert .alert-icon span[class^='icon-'] {
         font-size: 20px;
      }

   .alert.alert-icon-block {
      padding-left: 60px;
      position: relative;
   }

      .alert.alert-icon-block .alert-icon {
         position: absolute;
         left: 0px;
         top: 0px;
         min-width: 50px;
         height: 100%;
         padding: 15px;
         -webkit-border-top-right-radius: 0px;
         -webkit-border-bottom-right-radius: 0px;
         -webkit-border-bottom-left-radius: 5px;
         -webkit-border-top-left-radius: 5px;
         -moz-border-radius-topright: 0px;
         -moz-border-radius-bottomright: 0px;
         -moz-border-radius-bottomleft: 5px;
         -moz-border-radius-topleft: 5px;
         border-top-right-radius: 0px;
         border-bottom-right-radius: 0px;
         border-bottom-left-radius: 5px;
         border-top-left-radius: 5px;
      }

      .alert.alert-icon-block.dir-right {
         padding-left: 15px;
         padding-right: 60px;
      }

         .alert.alert-icon-block.dir-right .alert-icon {
            left: auto;
            right: 0px;
            margin-right: 0px;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 0px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-bottomleft: 0px;
            -moz-border-radius-topleft: 0px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
         }

   .alert.alert-transparency {
      opacity: 0.8;
   }

   .alert strong {
      font-weight: 600;
   }

   .alert.alert-default {
      background: #FFF;
      color: var(--ColorLindeFont);
      border: 1px solid #DBE0E4;
   }

      .alert.alert-default.alert-icon-block .alert-icon {
         background: #f7f7f7;
         border-right: 1px solid #dee3e6;
      }

      .alert.alert-default.alert-icon-block.dir-right .alert-icon {
         border-right: 0px;
         border-left: 1px solid #dee3e6;
      }

   .alert.alert-primary {
      background: var(--ColorLindeBlue);
      color: #FFF;
      border: 1px solid var(--ColorLindeBlue);
   }

      .alert.alert-primary.alert-icon-block .alert-icon {
         background: var(--ColorLindeBlue);
         border-right: 1px solid #252a3c;
      }

      .alert.alert-primary.alert-icon-block.dir-right .alert-icon {
         border-right: 0px;
         border-left: 1px solid #252a3c;
      }

   .alert.alert-success {
      background: var(--ColorLindeSignalGreen);
      color: #FFF;
      border: 1px solid #6ea038;
   }

      .alert.alert-success.alert-icon-block .alert-icon {
         background: #6ea038;
         border-right: 1px solid #71a339;
      }

      .alert.alert-success.alert-icon-block.dir-right .alert-icon {
         border-right: 0px;
         border-left: 1px solid #71a339;
      }

   .alert.alert-info {
      background: var(--ColorLindeLightBlue);
      color: #FFF;
      border: 1px solid #42b0db;
   }

      .alert.alert-info.alert-icon-block .alert-icon {
         background: #42b0db;
         border-right: 1px solid #46b1db;
      }

      .alert.alert-info.alert-icon-block.dir-right .alert-icon {
         border-right: 0px;
         border-left: 1px solid #46b1db;
      }

   .alert.alert-warning {
      background: var(--ColorLindeSignalOrange);
      color: #FFF;
      border: 1px solid #e79500;
   }

      .alert.alert-warning.alert-icon-block .alert-icon {
         background: #e79500;
         border-right: 1px solid #ec9800;
      }

      .alert.alert-warning.alert-icon-block.dir-right .alert-icon {
         border-right: 0px;
         border-left: 1px solid #ec9800;
      }

   .alert.alert-danger {
      background: var(--ColorLindeSignalRed);
      color: #FFF;
      border: 1px solid #ef4043;
   }

      .alert.alert-danger.alert-icon-block .alert-icon {
         background: #ef4043;
         border-right: 1px solid #ef4548;
      }

      .alert.alert-danger.alert-icon-block.dir-right .alert-icon {
         border-right: 0px;
         border-left: 1px solid #ef4548;
      }

   .alert.alert-inside {
      border: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
   }

   .alert.alert-dismissible > .close {
      position: absolute;
      right: 10px;
      top: 12px;
      color: #FFF;
      -webkit-transition: opacity 100ms linear;
      -moz-transition: opacity 100ms linear;
      -ms-transition: opacity 100ms linear;
      -o-transition: opacity 100ms linear;
      transition: opacity 100ms linear;
   }

      .alert.alert-dismissible > .close span {
         line-height: 20px;
      }

      .alert.alert-dismissible > .close .fa {
         font-size: 14px;
      }

      .alert.alert-dismissible > .close span[class^='icon-'] {
         font-size: 20px;
      }

   .alert.alert-dismissible.alert-default .close {
      color: #000;
   }

.nav > li > a {
   padding: 9px 15px;
   -webkit-transition: all 100ms linear;
   -moz-transition: all 100ms linear;
   -ms-transition: all 100ms linear;
   -o-transition: all 100ms linear;
   transition: all 100ms linear;
}

   .nav > li > a:hover {
      background: var(--ColorLindeLightGray50);
      border-color: transparent;
      border-bottom-color: #DBE0E4;
   }

.nav.nav-tabs > li {
   width: auto;
}

   .nav.nav-tabs > li > a {
      color: var(--ColorLindeFont);
      font-weight: 600;
   }

   .nav.nav-tabs > li.active > a {
      border-color: #DBE0E4;
      border-bottom-color: #FFF;
   }

.nav.nav-pills > li {
   width: auto;
   margin-right: 5px;
}

   .nav.nav-pills > li > a {
      color: var(--ColorLindeFont);
      background: transparent;
      border: 1px solid transparent;
      font-weight: 600;
   }

      .nav.nav-pills > li > a:hover {
         background: var(--ColorLindeLightGray50);
      }

   .nav.nav-pills > li.active > a {
      background: var(--ColorLindeBlue);
      color: #FFF;
   }

.nav.nav-pills.nav-pills-bordered > li > a:hover {
   border: 1px solid transparent;
}

.nav.nav-pills.nav-pills-bordered > li.active > a {
   background: transparent;
   border: 1px solid var(--ColorLindeBlue);
   color: var(--ColorLindeBlue);
}

.nav.nav-justified > li {
   width: 1%;
}

.tab-content {
   float: left;
   width: 100%;
   margin-top: 20px;
}

   .tab-content.tab-content-bordered {
      margin-top: 0px;
      background: #FFF;
      border: 1px solid #DBE0E4;
      border-top: 0px;
      padding: 15px;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0px;
   }

@media (max-width: 992px) {
   .nav.nav-justified > li {
      width: 100%;
   }

      .nav.nav-justified > li > a {
         border: 1px solid #DBE0E4;
      }

   .tab-content.tab-content-bordered {
      border: 1px solid #DBE0E4;
   }
}

.dropdown,
.dropup {
   float: left;
}

.dropdown-menu {
   margin-top: 5px;
   min-width: 220px;
   background: #FFF;
   border-color: #DBE0E4;
   -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

   .dropdown-menu > li {
      /* icons support */
      /* end icons support */
      /* checkbox and radio support */
      /* end checkbox and radio support */
   }

      .dropdown-menu > li > a {
         display: block;
         float: left;
         width: 100%;
         padding: 5px 15px;
         line-height: 30px;
         -webkit-transition: background 100ms linear;
         -moz-transition: background 100ms linear;
         -ms-transition: background 100ms linear;
         -o-transition: background 100ms linear;
         transition: background 100ms linear;
      }

         .dropdown-menu > li > a .label {
            margin-top: 5px;
         }

            .dropdown-menu > li > a .label.pull-right {
               position: absolute;
               right: 15px;
            }

      .dropdown-menu > li span[class^='icon-'],
      .dropdown-menu > li .fa {
         float: left;
         margin-right: 10px;
         line-height: 30px;
      }

      .dropdown-menu > li span[class^='icon-'] {
         font-size: 20px;
      }

      .dropdown-menu > li .fa {
         font-size: 14px;
      }

      .dropdown-menu > li .app-checkbox,
      .dropdown-menu > li .app-radio {
         float: left;
         width: auto;
         margin: 5px 0px;
      }

      .dropdown-menu > li.active > a,
      .dropdown-menu > li.active > a:hover,
      .dropdown-menu > li.active > a:focus {
         background: var(--ColorLindeLightGray50);
         color: var(--ColorLindeFont);
      }

      .dropdown-menu > li.dropdown-header {
         margin-top: 5px;
         padding: 5px 15px;
         line-height: 30px;
         font-size: 13px;
         color: var(--ColorLindeFont);
         font-weight: 600;
      }

         .dropdown-menu > li.dropdown-header.highlight {
            background: #ededed;
         }

         .dropdown-menu > li.dropdown-header:first-child {
            margin-top: 0px;
         }

   .dropdown-menu .divider {
      margin: 5px 0px;
   }

   .dropdown-menu.dropdown-left {
      left: auto;
      right: 0px;
   }

   .dropdown-menu.dropdown-form {
      padding: 0px;
      width: 340px;
   }

      .dropdown-menu.dropdown-form > li {
         padding: 15px;
      }

         .dropdown-menu.dropdown-form > li > span[class^='icon-'],
         .dropdown-menu.dropdown-form > li .fa {
            float: none;
            margin-right: 0px;
            line-height: 20px;
         }

      .dropdown-menu.dropdown-form.dropdown-form-wide {
         width: 420px;
      }

.popover {
   padding: 0px;
   border: 1px solid #DBE0E4;
   -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

   .popover > .arrow {
      border-width: 6px;
   }

      .popover > .arrow:after {
         border-width: 5px;
      }

   .popover.top > .arrow {
      margin-left: -5px;
      bottom: -6px;
   }

      .popover.top > .arrow:after {
         margin-left: -5px;
      }

   .popover.left > .arrow {
      right: -6px;
      margin-top: -5px;
   }

      .popover.left > .arrow:after {
         bottom: -5px;
      }

   .popover.right > .arrow {
      left: -6px;
      margin-top: -5px;
   }

      .popover.right > .arrow:after {
         bottom: -5px;
      }

   .popover.bottom > .arrow {
      margin-left: -5px;
      top: -6px;
   }

      .popover.bottom > .arrow:after {
         margin-left: -5px;
      }

   .popover .popover-title {
      float: left;
      width: 100%;
      padding: 10px 15px;
      line-height: 20px;
      font-weight: 600;
      border: 0px;
      border-bottom: 1px solid #DBE0E4;
   }

   .popover .popover-content {
      float: left;
      width: 100%;
      padding: 15px;
   }

.modal .modal-dialog {
   margin: 100px auto 0px;
}

   .modal .modal-dialog .modal-content {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      border-color: transparent;
      -webkit-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1);
      zoom: 1;
   }

      .modal .modal-dialog .modal-content:before,
      .modal .modal-dialog .modal-content:after {
         content: "";
         display: table;
      }

      .modal .modal-dialog .modal-content:after {
         clear: both;
      }

      .modal .modal-dialog .modal-content .modal-header {
         border: 0px;
         float: left;
         width: 100%;
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
      }

         .modal .modal-dialog .modal-content .modal-header .modal-title {
            width: auto;
            font-size: 14px;
            font-weight: 600;
            line-height: 30px;
         }

      .modal .modal-dialog .modal-content .modal-body {
         float: left;
         width: 100%;
      }

         .modal .modal-dialog .modal-content .modal-body .app-heading {
            background: transparent;
         }

      .modal .modal-dialog .modal-content .modal-footer {
         float: left;
         width: 100%;
         border: 0px;
      }

   .modal .modal-dialog > .close {
      position: absolute;
      top: -14px;
      right: -35px;
      color: #FFF;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      opacity: 0.5;
      -webkit-transition: opacity 100ms linear;
      -moz-transition: opacity 100ms linear;
      -ms-transition: opacity 100ms linear;
      -o-transition: opacity 100ms linear;
      transition: opacity 100ms linear;
   }

      .modal .modal-dialog > .close [class^="icon-"] {
         font-size: 20px;
      }

      .modal .modal-dialog > .close .fa {
         font-size: 14px;
      }

      .modal .modal-dialog > .close:hover {
         opacity: 0.8;
      }

   .modal .modal-dialog.modal-fw {
      width: 94%;
   }

   .modal .modal-dialog.modal-primary .modal-header {
      background: var(--ColorLindeBlue);
   }

      .modal .modal-dialog.modal-primary .modal-header .modal-title {
         color: #FFF;
      }

   .modal .modal-dialog.modal-info .modal-header {
      background: var(--ColorLindeLightBlue);
   }

      .modal .modal-dialog.modal-info .modal-header .modal-title {
         color: #FFF;
      }

   .modal .modal-dialog.modal-success .modal-header {
      background: var(--ColorLindeSignalGreen);
   }

      .modal .modal-dialog.modal-success .modal-header .modal-title {
         color: #FFF;
      }

   .modal .modal-dialog.modal-warning .modal-header {
      background: var(--ColorLindeSignalOrange);
   }

      .modal .modal-dialog.modal-warning .modal-header .modal-title {
         color: #FFF;
      }

   .modal .modal-dialog.modal-danger .modal-header {
      background: var(--ColorLindeSignalRed);
   }

      .modal .modal-dialog.modal-danger .modal-header .modal-title {
         color: #FFF;
      }

.tooltip .tooltip-inner {
   font-size: 9px;
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: 1.1px;
   padding: 5px 10px;
}

.noty_text strong {
   text-transform: uppercase;
   font-size: 11px;
   font-weight: 700;
   margin-bottom: 5px;
   display: block;
   width: 100%;
}

@media (max-width: 992px) {
   .modal {
      padding-left: 15px;
   }

      .modal .modal-dialog {
         margin: 50px auto 0px;
         width: 100%;
      }

         .modal .modal-dialog .modal-content {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            width: 100%;
         }
}

.app-accordion {
   float: left;
   width: 100%;
}

   .app-accordion .item {
      float: left;
      width: 100%;
      overflow: hidden;
      height: 50px;
      border: 1px solid #DBE0E4;
      border-bottom: 0px;
   }

      .app-accordion .item .heading {
         float: left;
         width: 100%;
         height: 50px;
         background: #FFF;
         padding: 0px 20px;
         cursor: pointer;
         -webkit-transition: background 100ms linear;
         -moz-transition: background 100ms linear;
         -ms-transition: background 100ms linear;
         -o-transition: background 100ms linear;
         transition: background 100ms linear;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
      }

         .app-accordion .item .heading .title {
            float: left;
            font-size: 14px;
            font-weight: 600;
            line-height: 50px;
            margin: 0px;
            padding: 0px;
         }

         .app-accordion .item .heading:hover {
            background: var(--ColorLindeLightGray50);
         }

      .app-accordion .item .content {
         float: left;
         width: 100%;
      }

         .app-accordion .item .content .block {
            padding: 15px;
            border: 0px;
         }

      .app-accordion .item.open .heading {
         border-bottom: 1px solid #e8e8e8;
         background: var(--ColorLindeLightGray50);
      }

      .app-accordion .item:first-child {
         -webkit-border-top-right-radius: 5px;
         -webkit-border-bottom-right-radius: 0px;
         -webkit-border-bottom-left-radius: 0px;
         -webkit-border-top-left-radius: 5px;
         -moz-border-radius-topright: 5px;
         -moz-border-radius-bottomright: 0px;
         -moz-border-radius-bottomleft: 0px;
         -moz-border-radius-topleft: 5px;
         border-top-right-radius: 5px;
         border-bottom-right-radius: 0px;
         border-bottom-left-radius: 0px;
         border-top-left-radius: 5px;
      }

      .app-accordion .item:last-child {
         border-bottom: 1px solid #DBE0E4;
         -webkit-border-top-right-radius: 0px;
         -webkit-border-bottom-right-radius: 5px;
         -webkit-border-bottom-left-radius: 5px;
         -webkit-border-top-left-radius: 0px;
         -moz-border-radius-topright: 0px;
         -moz-border-radius-bottomright: 5px;
         -moz-border-radius-bottomleft: 5px;
         -moz-border-radius-topleft: 0px;
         border-top-right-radius: 0px;
         border-bottom-right-radius: 5px;
         border-bottom-left-radius: 5px;
         border-top-left-radius: 0px;
      }

   .app-accordion.app-accordion-simple .item.open {
      height: auto;
   }

.app .app-sidebar > .app-accordion {
   overflow-y: hidden;
   background: #FFF;
   border-left: 1px solid #DBE0E4;
}

   .app .app-sidebar > .app-accordion .item {
      border-left: 0px;
      border-right: 0px;
   }

.app .label {
   position: relative;
   line-height: 14px;
   padding: 3px 5px;
   font-size: 10px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-transition: all 100ms linear;
   -moz-transition: all 100ms linear;
   -ms-transition: all 100ms linear;
   -o-transition: all 100ms linear;
   transition: all 100ms linear;
}

   .app .label.label-default {
      background: #DBE0E4 !important;
      color: var(--ColorLindeFont) !important;
   }

   .app .label.label-primary {
      background: var(--ColorLindeBlue) !important;
      color: #FFF !important;
   }

   .app .label.label-success {
      background: var(--ColorLindeSignalGreen) !important;
      color: #FFF !important;
   }

   .app .label.label-info {
      background: var(--ColorLindeLightBlue) !important;
      color: #FFF !important;
   }

   .app .label.label-warning {
      background: var(--ColorLindeSignalOrange) !important;
      color: #FFF !important;
   }

   .app .label.label-danger {
      background: var(--ColorLindeSignalRed) !important;
      color: #FFF !important;
   }

   .app .label.label-bordered {
      padding: 2px 5px;
      background: transparent;
   }

      .app .label.label-bordered.label-default {
         border: 1px solid #DBE0E4;
         color: var(--ColorLindeFont);
      }

         .app .label.label-bordered.label-default.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
         }

         .app .label.label-bordered.label-default[href]:hover {
            background: transparent;
            border-color: #bec7ce;
            color: #2b2b2b;
         }

      .app .label.label-bordered.label-primary {
         border: 1px solid var(--ColorLindeBlue);
         color: var(--ColorLindeBlue);
      }

         .app .label.label-bordered.label-primary.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
         }

         .app .label.label-bordered.label-primary[href]:hover {
            background: transparent;
            border-color: #161923;
            color: #161923;
         }

      .app .label.label-bordered.label-success {
         border: 1px solid var(--ColorLindeSignalGreen);
         color: var(--ColorLindeSignalGreen);
      }

         .app .label.label-bordered.label-success.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
         }

         .app .label.label-bordered.label-success[href]:hover {
            background: transparent;
            border-color: #5c852f;
            color: #5c852f;
         }

      .app .label.label-bordered.label-info {
         border: 1px solid var(--ColorLindeLightBlue);
         color: var(--ColorLindeLightBlue);
      }

         .app .label.label-bordered.label-info.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
         }

         .app .label.label-bordered.label-info[href]:hover {
            background: transparent;
            border-color: #28a1d1;
            color: #28a1d1;
         }

      .app .label.label-bordered.label-warning {
         border: 1px solid var(--ColorLindeSignalOrange);
         color: var(--ColorLindeSignalOrange);
      }

         .app .label.label-bordered.label-warning.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
         }

         .app .label.label-bordered.label-warning[href]:hover {
            background: transparent;
            border-color: #c37e00;
            color: #c37e00;
         }

      .app .label.label-bordered.label-danger {
         border: 1px solid var(--ColorLindeSignalRed);
         color: var(--ColorLindeSignalRed);
      }

         .app .label.label-bordered.label-danger.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
         }

         .app .label.label-bordered.label-danger[href]:hover {
            background: transparent;
            border-color: #ec1f23;
            color: #ec1f23;
         }

   .app .label.label-rounded {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding-left: 8px;
      padding-right: 8px;
   }

   .app .label.label-ghost {
      margin: 0px 0px 0px 5px;
   }

.app .badge {
   padding: 4px 6px 5px;
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

   .app .badge.badge-primary {
      background: var(--ColorLindeBlue);
      color: #FFF;
   }

      .app .badge.badge-primary[href]:hover {
         background: #161923;
         color: #e6e6e6;
      }

   .app .badge.badge-success {
      background: var(--ColorLindeSignalGreen);
      color: #FFF;
   }

      .app .badge.badge-success[href]:hover {
         background: #5c852f;
         color: #e6e6e6;
      }

   .app .badge.badge-info {
      background: var(--ColorLindeLightBlue);
      color: #FFF;
   }

      .app .badge.badge-info[href]:hover {
         background: #28a1d1;
         color: #e6e6e6;
      }

   .app .badge.badge-warning {
      background: var(--ColorLindeSignalOrange);
      color: #FFF;
   }

      .app .badge.badge-warning[href]:hover {
         background: #c37e00;
         color: #e6e6e6;
      }

   .app .badge.badge-danger {
      background: var(--ColorLindeSignalRed);
      color: #FFF;
   }

      .app .badge.badge-danger[href]:hover {
         background: #ec1f23;
         color: #e6e6e6;
      }

   .app .badge.badge-bordered {
      background: transparent;
      padding: 2px 7px 3px;
   }

      .app .badge.badge-bordered.badge-default {
         border: 2px solid #DBE0E4;
         color: var(--ColorLindeFont);
      }

      .app .badge.badge-bordered.badge-primary {
         border: 2px solid var(--ColorLindeBlue);
         color: var(--ColorLindeBlue);
      }

      .app .badge.badge-bordered.badge-success {
         border: 2px solid var(--ColorLindeSignalGreen);
         color: var(--ColorLindeSignalGreen);
      }

      .app .badge.badge-bordered.badge-info {
         border: 2px solid var(--ColorLindeLightBlue);
         color: var(--ColorLindeLightBlue);
      }

      .app .badge.badge-bordered.badge-warning {
         border: 2px solid var(--ColorLindeSignalOrange);
         color: var(--ColorLindeSignalOrange);
      }

      .app .badge.badge-bordered.badge-danger {
         border: 2px solid var(--ColorLindeSignalRed);
         color: var(--ColorLindeSignalRed);
      }

.app .label-icon {
   line-height: 20px;
   padding: 5px;
   text-align: center;
   min-width: 30px;
   background: #DBE0E4;
   display: inline-block;
   border-radius: 3px;
   -webkit-transition: all 100ms linear;
   -moz-transition: all 100ms linear;
   -ms-transition: all 100ms linear;
   -o-transition: all 100ms linear;
   transition: all 100ms linear;
   text-decoration: none;
}

   .app .label-icon.label-icon-primary {
      background: var(--ColorLindeBlue);
      color: #FFF;
   }

      .app .label-icon.label-icon-primary[href]:hover {
         background: #161923;
         color: #e6e6e6;
      }

   .app .label-icon.label-icon-success {
      background: var(--ColorLindeSignalGreen);
      color: #FFF;
   }

      .app .label-icon.label-icon-success[href]:hover {
         background: #5c852f;
         color: #e6e6e6;
      }

   .app .label-icon.label-icon-info {
      background: var(--ColorLindeLightBlue);
      color: #FFF;
   }

      .app .label-icon.label-icon-info[href]:hover {
         background: #28a1d1;
         color: #e6e6e6;
      }

   .app .label-icon.label-icon-warning {
      background: var(--ColorLindeSignalOrange);
      color: #FFF;
   }

      .app .label-icon.label-icon-warning[href]:hover {
         background: #c37e00;
         color: #e6e6e6;
      }

   .app .label-icon.label-icon-danger {
      background: var(--ColorLindeSignalRed);
      color: #FFF;
   }

      .app .label-icon.label-icon-danger[href]:hover {
         background: #ec1f23;
         color: #e6e6e6;
      }

   .app .label-icon.label-icon-bordered {
      background: transparent;
      padding: 4px 5px;
   }

      .app .label-icon.label-icon-bordered.label-icon-default {
         border: 1px solid #DBE0E4;
         color: var(--ColorLindeFont);
      }

         .app .label-icon.label-icon-bordered.label-icon-default.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15);
         }

         .app .label-icon.label-icon-bordered.label-icon-default[href]:hover {
            background: transparent;
            border-color: #bec7ce;
            color: #2b2b2b;
         }

      .app .label-icon.label-icon-bordered.label-icon-primary {
         border: 1px solid var(--ColorLindeBlue);
         color: var(--ColorLindeBlue);
      }

         .app .label-icon.label-icon-bordered.label-icon-primary.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15);
         }

         .app .label-icon.label-icon-bordered.label-icon-primary[href]:hover {
            background: transparent;
            border-color: #161923;
            color: #161923;
         }

      .app .label-icon.label-icon-bordered.label-icon-success {
         border: 1px solid var(--ColorLindeSignalGreen);
         color: var(--ColorLindeSignalGreen);
      }

         .app .label-icon.label-icon-bordered.label-icon-success.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15);
         }

         .app .label-icon.label-icon-bordered.label-icon-success[href]:hover {
            background: transparent;
            border-color: #5c852f;
            color: #5c852f;
         }

      .app .label-icon.label-icon-bordered.label-icon-info {
         border: 1px solid var(--ColorLindeLightBlue);
         color: var(--ColorLindeLightBlue);
      }

         .app .label-icon.label-icon-bordered.label-icon-info.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15);
         }

         .app .label-icon.label-icon-bordered.label-icon-info[href]:hover {
            background: transparent;
            border-color: #28a1d1;
            color: #28a1d1;
         }

      .app .label-icon.label-icon-bordered.label-icon-warning {
         border: 1px solid var(--ColorLindeSignalOrange);
         color: var(--ColorLindeSignalOrange);
      }

         .app .label-icon.label-icon-bordered.label-icon-warning.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15);
         }

         .app .label-icon.label-icon-bordered.label-icon-warning[href]:hover {
            background: transparent;
            border-color: #c37e00;
            color: #c37e00;
         }

      .app .label-icon.label-icon-bordered.label-icon-danger {
         border: 1px solid var(--ColorLindeSignalRed);
         color: var(--ColorLindeSignalRed);
      }

         .app .label-icon.label-icon-bordered.label-icon-danger.label-ghost {
            -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
            -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
            box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15);
         }

         .app .label-icon.label-icon-bordered.label-icon-danger[href]:hover {
            background: transparent;
            border-color: #ec1f23;
            color: #ec1f23;
         }

   .app .label-icon.label-icon-rounded {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
   }

   .app .label-icon .fa {
      font-size: 14px;
   }

   .app .label-icon.label-icon-sm {
      min-width: 20px;
      padding: 0px;
   }

      .app .label-icon.label-icon-sm.label-icon-bordered {
         line-height: 18px;
      }

   .app .label-icon.label-icon-lg {
      min-width: 40px;
      padding: 9px 5px 5px;
   }

      .app .label-icon.label-icon-lg *[class^="icon-"] {
         font-size: 20px;
      }

      .app .label-icon.label-icon-lg .fa {
         font-size: 18px;
         display: block;
         width: 20px;
         height: 20px;
         text-align: center;
         margin: 2px auto;
      }

   .app .label-icon.label-icon-xlg {
      min-width: 80px;
      line-height: 50px;
      padding: 20px 0px 3px;
   }

      .app .label-icon.label-icon-xlg .fa {
         font-size: 28px;
      }

      .app .label-icon.label-icon-xlg *[class^="icon-"] {
         font-size: 40px;
      }

.app .table tr td,
.app .table tr th {
   line-height: 20px;
   padding: 10px 15px;
   vertical-align: middle;
}

.app .table > thead > tr > th {
   font-size: 11px;
   text-transform: uppercase;
   font-weight: 700;
   color: #1B2431;
   border-bottom: 1px solid #DBE0E4;
}

.app .table > tbody > tr > td {
   border-bottom: 1px solid #DBE0E4;
}

.app .table > tbody > tr:last-child > td {
   border-bottom: 0px;
}

.app .table.table-striped > tbody > tr:nth-of-type(odd) {
   background: var(--ColorLindeLightGray50);
}

.app .table.table-bordered {
   border: 1px solid #DBE0E4;
}

   .app .table.table-bordered > tbody > tr > td {
      border: 0px;
      border-bottom: 1px solid #DBE0E4;
      border-right: 1px solid #DBE0E4;
   }

      .app .table.table-bordered > tbody > tr > td:last-child {
         border-right: 0px;
      }

   .app .table.table-bordered > tbody > tr:last-child > td {
      border-bottom: 0px;
   }

.app .table.table-hover > tbody > tr:hover > td {
   background: var(--ColorLindeLightGray50);
}

.app .table.table-head-light > thead > tr > th {
   color: #7F8FA4;
}

.app .table.table-head-custom > thead > tr > th {
   background: var(--ColorLindeBlue);
   color: #FFF;
}

.app .table.table-noborder > thead > tr > th,
.app .table.table-noborder > tbody > tr > td {
   border: 0px;
}

.app .table.table-clean-paddings > thead > tr > th:first-child,
.app .table.table-clean-paddings > tbody > tr > td:first-child {
   padding-left: 0px;
}

.app .table.table-clean-paddings > thead > tr > th:last-child,
.app .table.table-clean-paddings > tbody > tr > td:last-child {
   padding-right: 0px;
}

.app .block > .table.table-bordered {
   border-left: 0px;
   border-right: 0px;
}

   .app .block > .table.table-bordered > thead > tr > th,
   .app .block > .table.table-bordered > tbody > tr > td {
      border-left: 0px;
   }

      .app .block > .table.table-bordered > thead > tr > th:last-child,
      .app .block > .table.table-bordered > tbody > tr > td:last-child {
         border-right: 0px;
      }

.app .block > .table:last-child {
   margin-bottom: 0px;
   border-bottom: 0px;
}

.app .table .contact.contact-lg,
.app .table .contact.contact-xlg,
.app .table .contact.contact-single {
   margin-bottom: 0px;
}

@media (max-width: 992px) {
   .table-responsive {
      border: 0px;
   }
}

.app .tile-basic {
   float: left;
   width: 100%;
   background: #FFF;
   color: var(--ColorLindeFont);
   margin-bottom: 20px;
   position: relative;
}

   .app .tile-basic .tile-image {
      display: block;
      float: left;
      width: 100%;
      position: relative;
      overflow: hidden;
   }

      .app .tile-basic .tile-image img {
         width: 100%;
      }

      .app .tile-basic .tile-image .tile-image-container {
         width: 100%;
         padding: 15px;
         position: absolute;
         left: 0px;
         top: 0px;
      }

      .app .tile-basic .tile-image .tile-image-title {
         width: 100%;
         padding: 15px;
         position: absolute;
         left: 0px;
         bottom: 0px;
         color: #FFF;
         background: rgba(0, 0, 0, 0.2);
         text-shadow: 0px 2px 5px #000000;
         -webkit-transition: all 100ms ease-in;
         -moz-transition: all 100ms ease-in;
         -ms-transition: all 100ms ease-in;
         -o-transition: all 100ms ease-in;
         transition: all 100ms ease-in;
      }

         .app .tile-basic .tile-image .tile-image-title .tile-title {
            color: #FFF;
            font-size: 14px;
            line-height: 26px;
            font-weight: 600;
            text-decoration: none;
         }

         .app .tile-basic .tile-image .tile-image-title p {
            margin-top: 0px;
            color: #F0F0F0;
         }

         .app .tile-basic .tile-image .tile-image-title.tile-image-dir-top {
            bottom: auto;
            top: 0px;
         }

         .app .tile-basic .tile-image .tile-image-title.tile-image-title-hover {
            bottom: -200px;
         }

      .app .tile-basic .tile-image .tile-image-hover {
         position: absolute;
         left: 0px;
         top: -300px;
         background: rgba(0, 0, 0, 0.5);
         height: 100%;
         width: 100%;
         opacity: 0;
         -webkit-transition: opacity 200ms ease-in;
         -moz-transition: opacity 200ms ease-in;
         -ms-transition: opacity 200ms ease-in;
         -o-transition: opacity 200ms ease-in;
         transition: opacity 200ms ease-in;
      }

         .app .tile-basic .tile-image .tile-image-hover .tile-image-container-vertical {
            position: absolute;
            width: 100%;
            top: 50%;
            margin-top: -20px;
         }

         .app .tile-basic .tile-image .tile-image-hover.tile-image-hover-light {
            background: rgba(255, 255, 255, 0.9);
         }

      .app .tile-basic .tile-image:hover .tile-image-title {
         background: rgba(0, 0, 0, 0.4);
      }

         .app .tile-basic .tile-image:hover .tile-image-title.tile-image-title-hover {
            bottom: 0px;
         }

         .app .tile-basic .tile-image:hover .tile-image-title.tile-image-title-hide-hover {
            bottom: -200px;
         }

      .app .tile-basic .tile-image:hover .tile-image-hover {
         top: 0px;
         opacity: 1;
      }

      .app .tile-basic .tile-image.tile-image-padding {
         padding: 3px 3px 0px 3px;
      }

      .app .tile-basic .tile-image.tile-image-hover-grayscale > img {
         -webkit-filter: grayscale(0);
         filter: grayscale(0);
         -webkit-transition: 300ms ease-in-out;
         transition: 300ms ease-in-out;
      }

      .app .tile-basic .tile-image.tile-image-hover-grayscale:hover > img {
         -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
      }

   .app .tile-basic > .tile-icon {
      display: block;
      float: left;
      width: 100%;
      text-align: center;
      padding: 30px 0px 0px;
      color: #7F8FA4;
   }

      .app .tile-basic > .tile-icon span[class^='icon-'],
      .app .tile-basic > .tile-icon .fa {
         display: block;
         margin: 0px auto;
         width: 80px;
         height: 80px;
         line-height: 80px;
         border: 1px solid #DBE0E4;
         text-align: center;
         font-size: 40px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
      }

      .app .tile-basic > .tile-icon .fa {
         font-size: 42px;
      }

      .app .tile-basic > .tile-icon.tile-icon-dashed span[class^='icon-'],
      .app .tile-basic > .tile-icon.tile-icon-dashed .fa {
         border-style: dashed;
      }

      .app .tile-basic > .tile-icon.tile-icon-bg {
         background: var(--ColorLindeLightGray50);
         padding-top: 0px;
      }

         .app .tile-basic > .tile-icon.tile-icon-bg span[class^='icon-'],
         .app .tile-basic > .tile-icon.tile-icon-bg .fa {
            border: 0px;
         }

   .app .tile-basic .tile-content {
      float: left;
      width: 100%;
      padding: 30px;
   }

      .app .tile-basic .tile-content .tile-title {
         display: block;
         margin-bottom: 0px;
         color: #1B2431;
         position: relative;
      }

         .app .tile-basic .tile-content .tile-title.tile-title-underlined {
            margin-bottom: 15px;
         }

            .app .tile-basic .tile-content .tile-title.tile-title-underlined:after {
               content: " ";
               position: absolute;
               top: 100%;
               left: 50%;
               margin-left: -25px;
               width: 50px;
               height: 2px;
               background: var(--ColorLindeBlue);
               margin-top: 8px;
            }

         .app .tile-basic .tile-content .tile-title:last-child {
            margin-bottom: 0px;
         }

      .app .tile-basic .tile-content a.tile-title {
         font-size: 16px;
         line-height: 26px;
      }

      .app .tile-basic .tile-content .tile-subtitle {
         float: left;
         width: 100%;
         margin-bottom: 5px;
         color: #7F8FA4;
         text-transform: uppercase;
         font-size: 90%;
      }

         .app .tile-basic .tile-content .tile-subtitle.pull-left,
         .app .tile-basic .tile-content .tile-subtitle.pull-right {
            width: auto;
         }

         .app .tile-basic .tile-content .tile-subtitle .fa {
            font-size: 14px;
            margin-right: 5px;
         }

         .app .tile-basic .tile-content .tile-subtitle:last-child {
            margin-bottom: 0px;
         }

         .app .tile-basic .tile-content .tile-subtitle:first-child {
            margin-bottom: 0px;
         }

      .app .tile-basic .tile-content p:first-child {
         margin-top: 0px;
      }

      .app .tile-basic .tile-content.tile-content-condensed-bottom {
         padding-bottom: 20px;
      }

      .app .tile-basic .tile-content.tile-content-icon {
         position: relative;
         padding-left: 70px;
      }

         .app .tile-basic .tile-content.tile-content-icon .tile-icon {
            position: absolute;
            left: 15px;
            top: 20px;
            height: 40px;
            width: 40px;
            line-height: 40px;
         }

            .app .tile-basic .tile-content.tile-content-icon .tile-icon span[class^='icon-'] {
               font-size: 40px;
            }

            .app .tile-basic .tile-content.tile-content-icon .tile-icon .fa {
               font-size: 42px;
            }

   .app .tile-basic .tile-image + .tile-content {
      padding-top: 20px;
   }

   .app .tile-basic.tile-basic-icon-top {
      margin-top: 40px;
   }

      .app .tile-basic.tile-basic-icon-top .tile-icon {
         padding-top: 0px;
         margin-top: -40px;
      }

         .app .tile-basic.tile-basic-icon-top .tile-icon span[class^='icon-'],
         .app .tile-basic.tile-basic-icon-top .tile-icon .fa {
            background: #FFF;
            border-color: #EDEFF0;
            border-width: 5px;
            width: 90px;
            height: 90px;
         }

         .app .tile-basic.tile-basic-icon-top .tile-icon + .tile-content {
            padding-top: 20px;
         }

   .app .tile-basic.tile-basic-shadow {
      -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
   }

   .app .tile-basic.tile-basic-hover-shadow {
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
   }

      .app .tile-basic.tile-basic-hover-shadow:hover {
         -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
         box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      }

   .app .tile-basic.tile-basic-bordered {
      border: 1px solid #DBE0E4;
   }

   .app .tile-basic.tile-transparent {
      background: transparent;
      border: 0px;
   }

.app {
   /* block support */
   /* end block support */
   /* panel support */
   /* end panel support */
   /* news and info listing */
   /* end news and info listing */
}

   .app .list-group {
      float: left;
      width: 100%;
   }

      .app .list-group .list-group-item {
         background: #FFF;
         border-color: #DBE0E4;
         -webkit-transition: background 100ms linear;
         -moz-transition: background 100ms linear;
         -ms-transition: background 100ms linear;
         -o-transition: background 100ms linear;
         transition: background 100ms linear;
         line-height: 20px;
      }

         .app .list-group .list-group-item span[class^='icon'],
         .app .list-group .list-group-item .fa {
            float: left;
            font-size: 20px;
            margin-right: 10px;
            line-height: 20px;
         }

         .app .list-group .list-group-item .fa {
            font-size: 14px;
         }

         .app .list-group .list-group-item.active,
         .app .list-group .list-group-item.active:hover,
         .app .list-group .list-group-item.active:focus {
            background: var(--ColorLindeBlue);
            color: #FFF;
            font-weight: 600;
            z-index: 0;
         }

         .app .list-group .list-group-item.disabled,
         .app .list-group .list-group-item.disabled:hover,
         .app .list-group .list-group-item.disabled:focus {
            background: var(--ColorLindeLightGray50);
         }

         .app .list-group .list-group-item.list-group-item-highlighted {
            background: #fafafa;
         }

      .app .list-group .list-group-title {
         font-weight: 700;
         font-size: 11px;
         text-transform: uppercase;
         line-height: 20px;
         margin-top: 15px;
         margin-bottom: 5px;
         color: #2b2b2b;
         padding: 5px 15px;
      }

         .app .list-group .list-group-title:first-child {
            margin-top: 0px;
         }

      .app .list-group a.list-group-item:hover,
      .app .list-group button.list-group-item:hover,
      .app .list-group a.list-group-item:focus,
      .app .list-group button.list-group-item:focus {
         background: var(--ColorLindeLightGray50);
      }

      .app .list-group.list-group-noborder .list-group-item {
         border: 0px;
      }

         .app .list-group.list-group-noborder .list-group-item.active,
         .app .list-group.list-group-noborder .list-group-item.active:hover,
         .app .list-group.list-group-noborder .list-group-item.active:focus {
            background: var(--ColorLindeLightGray50);
            color: var(--ColorLindeFont);
         }

         .app .list-group.list-group-noborder .list-group-item.disabled,
         .app .list-group.list-group-noborder .list-group-item.disabled:hover,
         .app .list-group.list-group-noborder .list-group-item.disabled:focus {
            background: #FFF;
         }

      .app .list-group.list-group-condensed .list-group-item {
         border: 0px;
         padding: 8px 0px;
         background: transparent;
         color: #1B2431;
         -webkit-transition: color 100ms linear;
         -moz-transition: color 100ms linear;
         -ms-transition: color 100ms linear;
         -o-transition: color 100ms linear;
         transition: color 100ms linear;
      }

         .app .list-group.list-group-condensed .list-group-item.active,
         .app .list-group.list-group-condensed .list-group-item.active:hover,
         .app .list-group.list-group-condensed .list-group-item.active:focus {
            background: transparent;
            color: #0c7dba;
         }

      .app .list-group.list-group-condensed a.list-group-item:hover,
      .app .list-group.list-group-condensed button.list-group-item:hover,
      .app .list-group.list-group-condensed a.list-group-item:focus,
      .app .list-group.list-group-condensed button.list-group-item:focus {
         background: transparent;
         color: var(--ColorLindeLightBlue);
      }

      .app .list-group.list-group-condensed .list-group-title {
         padding: 0px;
      }

         .app .list-group.list-group-condensed .list-group-title:first-child {
            margin-top: 10px;
         }

      .app .list-group.list-group-inline .list-group-item {
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
      }

         .app .list-group.list-group-inline .list-group-item:not(:last-child) {
            border-right: 0px;
         }

      .app .list-group.list-group-inline.list-group-adapt-top .list-group-item {
         border-top: 0px;
      }

      .app .list-group.list-group-inline.list-group-adapt-bottom .list-group-item {
         border-bottom: 0px;
      }

      .app .list-group.list-group-inline.list-group-adapt-side .list-group-item:first-child {
         border-left: 0px;
      }

      .app .list-group.list-group-inline.list-group-adapt-side .list-group-item:last-child {
         border-right: 0px;
      }

      .app .list-group.list-group-adapt .list-group-item {
         float: left;
         width: 100%;
         border-left: 0px;
         border-right: 0px;
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
         padding: 15px;
      }

         .app .list-group.list-group-adapt .list-group-item.active,
         .app .list-group.list-group-adapt .list-group-item.active:hover,
         .app .list-group.list-group-adapt .list-group-item.active:focus {
            background: var(--ColorLindeLightGray50);
            color: var(--ColorLindeFont);
            font-weight: 400;
         }

         .app .list-group.list-group-adapt .list-group-item.disabled,
         .app .list-group.list-group-adapt .list-group-item.disabled:hover,
         .app .list-group.list-group-adapt .list-group-item.disabled:focus {
            background: #FFF;
         }

         .app .list-group.list-group-adapt .list-group-item:first-child {
            border-top: 0px;
         }

         .app .list-group.list-group-adapt .list-group-item:last-child {
            border-bottom: 0px;
         }

   .app .block .app-heading + .list-group {
      margin-top: -5px;
   }

   .app .block > .list-group {
      margin-bottom: 0px;
   }

      .app .block > .list-group .list-group-item {
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
         border-left: 0px;
         border-right: 0px;
      }

      .app .block > .list-group:last-child .list-group-item:last-child {
         border-bottom: 0px;
         -webkit-border-radius: 0px 0px 5px 5px;
         -moz-border-radius: 0px 0px 5px 5px;
         border-radius: 0px 0px 5px 5px;
      }

      .app .block > .list-group.list-group-inline .list-group-item {
         border-right: 1px solid #DBE0E4;
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
         border-radius: 0px;
      }

      .app .block > .list-group.list-group-inline:last-child .list-group-item:first-child {
         -webkit-border-radius: 0px 0px 0px 5px;
         -moz-border-radius: 0px 0px 0px 5px;
         border-radius: 0px 0px 0px 5px;
      }

      .app .block > .list-group.list-group-inline:last-child .list-group-item:last-child {
         -webkit-border-radius: 0px 0px 5px 0px;
         -moz-border-radius: 0px 0px 5px 0px;
         border-radius: 0px 0px 5px 0px;
      }

   .app .panel > .list-group.list-group-inline .list-group-item {
      border-top: 0px;
      border-bottom: 0px;
      border-right: 1px solid #DBE0E4;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
   }

   .app .panel > .list-group.list-group-inline:last-child .list-group-item:first-child {
      -webkit-border-radius: 0px 0px 0px 5px;
      -moz-border-radius: 0px 0px 0px 5px;
      border-radius: 0px 0px 0px 5px;
   }

   .app .panel > .list-group.list-group-inline:last-child .list-group-item:last-child {
      -webkit-border-radius: 0px 0px 5px 0px;
      -moz-border-radius: 0px 0px 5px 0px;
      border-radius: 0px 0px 5px 0px;
   }

   .app .listing {
      float: left;
      width: 100%;
      list-style: none;
      padding: 0px;
      margin-bottom: 20px;
   }

      .app .listing .listing-item {
         position: relative;
         float: left;
         width: 100%;
         line-height: 20px;
         padding: 5px 0px;
      }

         .app .listing .listing-item a {
            font-weight: 600;
         }

         .app .listing .listing-item .fa {
            font-size: 14px;
         }

         .app .listing .listing-item > .row {
            margin: 0px;
         }

            .app .listing .listing-item > .row > div[class^='col-'] {
               padding: 0px 15px 0px 0px;
            }

               .app .listing .listing-item > .row > div[class^='col-'] > img {
                  margin-top: 6px;
               }

               .app .listing .listing-item > .row > div[class^='col-']:last-child {
                  padding-right: 0px;
               }

         .app .listing .listing-item.listing-item-with-icon {
            padding-left: 30px;
         }

            .app .listing .listing-item.listing-item-with-icon .listing-item-icon {
               position: absolute;
               left: 0px;
               top: 5px;
               width: 20px;
               text-align: center;
               font-size: 20px;
               line-height: 20px;
            }

      .app .listing.dir-right .listing-item.listing-item-with-icon {
         padding-right: 30px;
         padding-left: 0px;
      }

         .app .listing.dir-right .listing-item.listing-item-with-icon .listing-item-icon {
            position: absolute;
            right: 0px;
            left: auto;
            top: 5px;
         }

      .app .listing.listing-separated .listing-item {
         border-bottom: 1px solid #DBE0E4;
         padding-bottom: 10px;
      }

         .app .listing.listing-separated .listing-item:last-child {
            border-bottom: 0px;
            padding-bottom: 0px;
         }

      .app .listing.mCustomScrollbar {
         padding-right: 0px !important;
      }

         .app .listing.mCustomScrollbar .mCSB_container {
            padding-right: 20px;
         }

   .app .listing-large-box {
      float: left;
      width: 100%;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px dashed #DBE0E4;
   }

      .app .listing-large-box:last-child {
         border-bottom: 0px;
         margin-bottom: 0px;
      }

   .app .gm-style .listing-large-box {
      margin-bottom: 0px;
      padding-bottom: 0px;
   }

      .app .gm-style .listing-large-box .row {
         margin-left: 0px;
         margin-right: 0px;
      }

         .app .gm-style .listing-large-box .row div[class^="col-"] {
            padding-left: 0px;
            padding-right: 0px;
         }

@media (max-width: 992px) {
   .app .listing > .listing-item > .row > div[class^='col-'] {
      padding: 0px;
   }
}

.app .contact {
   position: relative;
   display: block;
   float: left;
   width: 100%;
   text-decoration: none;
   line-height: 20px;
   padding: 10px 0px;
   padding-left: 30px;
}

   .app .contact > img {
      width: 20px;
      position: absolute;
      left: 0px;
      top: 10px;
   }

   .app .contact.contact-lg,
   .app .contact.contact-xlg,
   .app .contact.contact-single {
      padding: 0px;
      padding-left: 55px;
      margin-bottom: 20px;
   }

      .app .contact.contact-lg > img,
      .app .contact.contact-xlg > img,
      .app .contact.contact-single > img {
         top: 0px;
         width: 40px;
      }

      .app .contact.contact-lg > .contact-container > a,
      .app .contact.contact-xlg > .contact-container > a,
      .app .contact.contact-single > .contact-container > a,
      .app .contact.contact-lg > .contact-container > span,
      .app .contact.contact-xlg > .contact-container > span,
      .app .contact.contact-single > .contact-container > span,
      .app .contact.contact-lg > .contact-container > p,
      .app .contact.contact-xlg > .contact-container > p,
      .app .contact.contact-single > .contact-container > p {
         width: 100%;
         line-height: 20px;
         margin: 0px;
         padding: 0px;
         display: block;
         text-decoration: none;
      }

      .app .contact.contact-lg > .contact-container > a,
      .app .contact.contact-xlg > .contact-container > a,
      .app .contact.contact-single > .contact-container > a {
         font-weight: 600;
      }

      .app .contact.contact-lg > .contact-container > span,
      .app .contact.contact-xlg > .contact-container > span,
      .app .contact.contact-single > .contact-container > span {
         color: #7F8FA4;
      }

      .app .contact.contact-lg > .contact-container strong,
      .app .contact.contact-xlg > .contact-container strong,
      .app .contact.contact-single > .contact-container strong {
         font-weight: 600;
      }

      .app .contact.contact-lg > .contact-controls,
      .app .contact.contact-xlg > .contact-controls,
      .app .contact.contact-single > .contact-controls {
         position: absolute;
         right: 0px;
         top: 0px;
      }

   .app .contact.contact-xlg {
      padding: 0px;
      padding-left: 70px;
   }

      .app .contact.contact-xlg > img {
         top: 0px;
         width: 60px;
      }

      .app .contact.contact-xlg > .contact-controls {
         top: 10px;
      }

   .app .contact.contact-rounded > img {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
   }

   .app .contact.contact-bordered:after {
      position: absolute;
      content: " ";
      width: 26px;
      height: 26px;
      border: 1px solid #DBE0E4;
      background: transparent;
      left: -3px;
      top: 7px;
   }

   .app .contact.contact-bordered.contact-rounded:after {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
   }

   .app .contact.contact-bordered.contact-lg:after {
      width: 46px;
      height: 46px;
      top: -3px;
   }

   .app .contact.contact-bordered.contact-xlg:after {
      width: 66px;
      height: 66px;
      top: -3px;
   }

   .app .contact.contact-dir-right {
      padding-left: 0px;
      padding-right: 30px;
   }

      .app .contact.contact-dir-right > img {
         left: auto;
         right: 3px;
      }

      .app .contact.contact-dir-right.contact-lg {
         padding-right: 50px;
      }

      .app .contact.contact-dir-right.contact-xlg {
         padding-right: 70px;
      }

      .app .contact.contact-dir-right.contact-bordered:after {
         left: auto;
         right: 0px;
      }

   .app .contact.contact-faded > img {
      -webkit-opacity: 0.7;
      -moz-opacity: 0.7;
      opacity: 0.7;
      -webkit-transition: opacity 100ms linear;
      -moz-transition: opacity 100ms linear;
      -ms-transition: opacity 100ms linear;
      -o-transition: opacity 100ms linear;
      transition: opacity 100ms linear;
   }

   .app .contact.contact-faded:hover > img {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
   }

   .app .contact.contact-single {
      text-align: center;
      padding: 0px;
   }

      .app .contact.contact-single > img {
         position: relative;
         top: auto;
         left: auto;
         display: inline-block;
         width: 60px;
         margin: 0px 0px 15px 0px;
      }

      .app .contact.contact-single.contact-bordered:after {
         left: 50%;
         top: -3px;
         margin-left: -33px;
         width: 66px;
         height: 66px;
      }

      .app .contact.contact-single .contact-controls {
         right: 50%;
         margin-right: 40px;
         top: 10px;
      }

         .app .contact.contact-single .contact-controls.contact-controls-dir-right {
            right: auto;
            left: 50%;
            margin-right: 0px;
            margin-left: 40px;
         }

   .app .contact.status-online:before,
   .app .contact.status-offline:before,
   .app .contact.status-away:before {
      content: " ";
      position: absolute;
      left: -10px;
      top: 14px;
      width: 14px;
      height: 14px;
      border: 2px solid #FFF;
      background: #DBE0E4;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      z-index: 1;
   }

   .app .contact.status-online.contact-lg:before,
   .app .contact.status-offline.contact-lg:before,
   .app .contact.status-away.contact-lg:before {
      width: 16px;
      height: 16px;
      top: 28px;
      left: 28px;
   }

   .app .contact.status-online.contact-xlg:before,
   .app .contact.status-offline.contact-xlg:before,
   .app .contact.status-away.contact-xlg:before {
      width: 20px;
      height: 20px;
      top: 42px;
      left: 42px;
   }

   .app .contact.status-online.contact-single:before,
   .app .contact.status-offline.contact-single:before,
   .app .contact.status-away.contact-single:before {
      width: 16px;
      height: 16px;
      left: 50%;
      top: 48px;
      margin-left: 14px;
   }

   .app .contact.status-online:before {
      background: var(--ColorLindeSignalGreen);
   }

   .app .contact.status-away:before {
      background: var(--ColorLindeSignalOrange);
   }

   .app .contact.contact-ps-controls {
      padding-right: 50px;
   }

   .app .contact.contact-image-only {
      width: auto;
      padding: 0px;
      margin-right: 10px;
   }

      .app .contact.contact-image-only img {
         position: relative;
         top: 0px;
         float: left;
      }

      .app .contact.contact-image-only:after {
         top: -3px;
      }

.app .app-feature-gallery {
   list-style: none;
   display: block;
   float: left;
   width: 100%;
   padding: 0px;
   margin-top: 20px;
   margin-bottom: 20px;
   position: relative;
}

   .app .app-feature-gallery > li {
      left: 0px;
      top: 0px;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 0;
      cursor: pointer;
      -webkit-transform: scale(0.85);
      -moz-transform: scale(0.85);
      -ms-transform: scale(0.85);
      -o-transform: scale(0.85);
      transform: scale(0.85);
      -webkit-opacity: 0;
      -moz-opacity: 0;
      opacity: 0;
      -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
      -webkit-transition: all 300ms linear;
      -moz-transition: all 300ms linear;
      -ms-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      transition: all 300ms linear;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
   }

      .app .app-feature-gallery > li:nth-child(1) {
         z-index: 3;
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1);
         -webkit-opacity: 1;
         -moz-opacity: 1;
         opacity: 1;
      }

      .app .app-feature-gallery > li:nth-child(2) {
         z-index: 2;
         top: -15px;
         -webkit-transform: scale(0.95);
         -moz-transform: scale(0.95);
         -ms-transform: scale(0.95);
         -o-transform: scale(0.95);
         transform: scale(0.95);
         -webkit-opacity: 0.9;
         -moz-opacity: 0.9;
         opacity: 0.9;
      }

      .app .app-feature-gallery > li:nth-child(3) {
         z-index: 1;
         top: -28px;
         -webkit-transform: scale(0.9);
         -moz-transform: scale(0.9);
         -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
         transform: scale(0.9);
         -webkit-opacity: 0.8;
         -moz-opacity: 0.8;
         opacity: 0.8;
      }

   .app .app-feature-gallery.app-feature-gallery-noshadow > li {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }

.app .app-feature-gallery-horizontal {
   float: left;
   width: 100%;
   padding-right: 30px;
}

   .app .app-feature-gallery-horizontal > .app-feature-gallery {
      margin-top: 0px;
   }

      .app .app-feature-gallery-horizontal > .app-feature-gallery > li {
         top: 0px;
         left: auto;
         right: 0px;
      }

         .app .app-feature-gallery-horizontal > .app-feature-gallery > li:nth-child(1) {
            right: 0px;
         }

         .app .app-feature-gallery-horizontal > .app-feature-gallery > li:nth-child(2) {
            right: -24px;
         }

         .app .app-feature-gallery-horizontal > .app-feature-gallery > li:nth-child(3) {
            right: -45px;
         }

         .app .app-feature-gallery-horizontal > .app-feature-gallery > li:nth-child(4) {
            right: -72px;
         }

   .app .app-feature-gallery-horizontal.dir-left {
      padding-right: 0px;
      padding-left: 30px;
   }

      .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li {
         left: 0px;
         right: auto;
      }

         .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li:nth-child(1) {
            left: 0px;
         }

         .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li:nth-child(2) {
            left: -24px;
         }

         .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li:nth-child(3) {
            left: -45px;
         }

         .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li:nth-child(4) {
            left: -72px;
         }

.app .app-feature-gallery > li .tile-basic,
.app .app-feature-gallery > li .block {
   margin-bottom: 0px;
}

.app .app-preview-video {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 25px;
   height: 0;
   float: left;
   width: 100%;
}

   .app .app-preview-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }

.app-loading {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 5px;
   background: rgba(0, 0, 0, 0.2);
   z-index: 1001;
   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

   .app-loading .app-loading-progress {
      background: #FFF;
      display: block;
      float: left;
      height: 5px;
   }

      .app-loading .app-loading-progress.app-loading-primary {
         background: var(--ColorLindeBlue);
      }

      .app-loading .app-loading-progress.app-loading-warning {
         background: var(--ColorLindeSignalOrange);
      }

      .app-loading .app-loading-progress.app-loading-success {
         background: var(--ColorLindeSignalGreen);
      }

      .app-loading .app-loading-progress.app-loading-info {
         background: var(--ColorLindeLightBlue);
      }

      .app-loading .app-loading-progress.app-loading-danger {
         background: var(--ColorLindeSignalRed);
      }

   .app-loading.bottom {
      top: auto;
      bottom: 0px;
   }

.app .app-tip {
   float: left;
   width: 100%;
   padding: 5px 10px;
   line-height: 20px;
   background: #FFF;
   color: var(--ColorLindeFont);
   border: 1px solid #DBE0E4;
   margin-bottom: 10px;
}

   .app .app-tip.app-tip-runing {
      overflow: hidden;
   }

      .app .app-tip.app-tip-runing .app-tip-runner {
         -moz-transform: translateX(100%);
         -webkit-transform: translateX(100%);
         transform: translateX(100%);
         -moz-animation: scroll-left 10s linear infinite;
         -webkit-animation: scroll-left 10s linear infinite;
         animation: scroll-left 10s linear infinite;
      }

         .app .app-tip.app-tip-runing .app-tip-runner.app-tip-runner-right {
            -moz-transform: translateX(-100%);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            -moz-animation: scroll-right 10s linear infinite;
            -webkit-animation: scroll-right 10s linear infinite;
            animation: scroll-right 10s linear infinite;
         }

         .app .app-tip.app-tip-runing .app-tip-runner.app-tip-speed-slow {
            -moz-animation-duration: 20s;
            -webkit-animation-duration: 20s;
            animation-duration: 20s;
         }

   .app .app-tip.app-tip-noborder {
      border: 0px;
   }

   .app .app-tip.app-tip-primary {
      background: var(--ColorLindeBlue);
      color: #FFF;
      border-color: #1f2433;
   }

   .app .app-tip.app-tip-info {
      background: var(--ColorLindeLightBlue);
      color: #FFF;
      border-color: #3aacd9;
   }

   .app .app-tip.app-tip-success {
      background: var(--ColorLindeSignalGreen);
      color: #FFF;
      border-color: #699835;
   }

   .app .app-tip.app-tip-warning {
      background: var(--ColorLindeSignalOrange);
      color: #FFF;
      border-color: #dd8f00;
   }

   .app .app-tip.app-tip-danger {
      background: var(--ColorLindeSignalRed);
      color: #FFF;
      border-color: #ee363a;
   }

   .app .app-tip.app-tip-lg {
      padding: 10px;
   }

@-moz-keyframes scroll-left {
   0% {
      -moz-transform: translateX(100%);
   }

   100% {
      -moz-transform: translateX(-100%);
   }
}

@-webkit-keyframes scroll-left {
   0% {
      -webkit-transform: translateX(100%);
   }

   100% {
      -webkit-transform: translateX(-100%);
   }
}

@keyframes scroll-left {
   0% {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
   }

   100% {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
   }
}

@-moz-keyframes scroll-right {
   0% {
      -moz-transform: translateX(-100%);
   }

   100% {
      -moz-transform: translateX(100%);
   }
}

@-webkit-keyframes scroll-right {
   0% {
      -webkit-transform: translateX(-100%);
   }

   100% {
      -webkit-transform: translateX(100%);
   }
}

@keyframes scroll-right {
   0% {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
   }

   100% {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
   }
}

.app-statusbar {
   position: fixed;
   bottom: 0px;
   width: 100%;
   padding: 10px;
   background: rgba(0, 0, 0, 0.9);
   display: none;
   z-index: 20;
   -webkit-box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.1);
   box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

   .app-statusbar .app-statusbar-icon {
      float: left;
      margin: 10px 10px 0px 10px;
      color: #FFF;
   }

      .app-statusbar .app-statusbar-icon [class^=icon] {
         font-size: 20px;
         line-height: 20px;
      }

      .app-statusbar .app-statusbar-icon .app-spinner {
         margin: 0px 5px 0px 0px;
      }

   .app-statusbar .app-statusbar-text {
      font-weight: 600;
      color: #FFF;
      float: left;
      padding-right: 30px;
      line-height: 40px;
   }

   .app-statusbar .app-statusbar-body {
      float: left;
      width: 100%;
      padding-right: 30px;
   }

   .app-statusbar .app-statusbar-close {
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -6px;
      cursor: pointer;
      opacity: 0.5;
      color: #FFF;
   }

      .app-statusbar .app-statusbar-close:hover {
         opacity: 0.8;
      }

   .app-statusbar.app-statusbar-top {
      bottom: auto;
      top: 0px;
   }

   .app-statusbar.app-statusbar-default {
      background: rgba(255, 255, 255, 0.9);
   }

      .app-statusbar.app-statusbar-default .app-statusbar-text,
      .app-statusbar.app-statusbar-default .app-statusbar-close,
      .app-statusbar.app-statusbar-default .app-statusbar-icon {
         color: var(--ColorLindeFont);
      }

   .app-statusbar.app-statusbar-primary {
      background: rgba(41, 47, 67, 0.9);
   }

      .app-statusbar.app-statusbar-primary .app-statusbar-text,
      .app-statusbar.app-statusbar-primary .app-statusbar-close,
      .app-statusbar.app-statusbar-primary .app-statusbar-icon {
         color: #FFF;
      }

   .app-statusbar.app-statusbar-info {
      background: rgba(79, 181, 221, 0.9);
   }

      .app-statusbar.app-statusbar-info .app-statusbar-text,
      .app-statusbar.app-statusbar-info .app-statusbar-close,
      .app-statusbar.app-statusbar-info .app-statusbar-icon {
         color: #FFF;
      }

   .app-statusbar.app-statusbar-success {
      background: rgba(118, 171, 60, 0.9);
   }

      .app-statusbar.app-statusbar-success .app-statusbar-text,
      .app-statusbar.app-statusbar-success .app-statusbar-close,
      .app-statusbar.app-statusbar-success .app-statusbar-icon {
         color: #FFF;
      }

   .app-statusbar.app-statusbar-warning {
      background: rgba(246, 159, 0, 0.9);
   }

      .app-statusbar.app-statusbar-warning .app-statusbar-text,
      .app-statusbar.app-statusbar-warning .app-statusbar-close,
      .app-statusbar.app-statusbar-warning .app-statusbar-icon {
         color: #FFF;
      }

   .app-statusbar.app-statusbar-danger {
      background: rgba(240, 78, 81, 0.9);
   }

      .app-statusbar.app-statusbar-danger .app-statusbar-text,
      .app-statusbar.app-statusbar-danger .app-statusbar-close,
      .app-statusbar.app-statusbar-danger .app-statusbar-icon {
         color: #FFF;
      }

.app-spinner.loading {
   float: left;
   border-radius: 50%;
   margin: 10px 5px 10px 0px;
   width: 20px;
   height: 20px;
   border: 3px solid rgba(219, 224, 228, 0.1);
   border-top-color: #DBE0E4;
   animation: spin 1s infinite linear;
}

   .app-spinner.loading.loading-primary {
      border-color: rgba(41, 47, 67, 0.3);
      border-top-color: var(--ColorLindeBlue);
   }

   .app-spinner.loading.loading-info {
      border-color: rgba(79, 181, 221, 0.3);
      border-top-color: var(--ColorLindeLightBlue);
   }

   .app-spinner.loading.loading-success {
      border-color: rgba(118, 171, 60, 0.3);
      border-top-color: var(--ColorLindeSignalGreen);
   }

   .app-spinner.loading.loading-warning {
      border-color: rgba(246, 159, 0, 0.3);
      border-top-color: var(--ColorLindeSignalOrange);
   }

   .app-spinner.loading.loading-danger {
      border-color: rgba(240, 78, 81, 0.3);
      border-top-color: var(--ColorLindeSignalRed);
   }

.app-spinner.pulse {
   float: left;
   position: relative;
   width: 5px;
   height: 20px;
   margin: 10px 15px 10px 10px;
   background: rgba(219, 224, 228, 0.1);
   animation: pulse 750ms infinite;
   animation-delay: 250ms;
}

   .app-spinner.pulse:before,
   .app-spinner.pulse:after {
      content: '';
      position: absolute;
      display: block;
      height: 12px;
      width: 5px;
      background: rgba(219, 224, 228, 0.1);
      top: 50%;
      transform: translateY(-50%);
      animation: pulse 750ms infinite;
   }

   .app-spinner.pulse:before {
      left: -10px;
   }

   .app-spinner.pulse:after {
      left: 10px;
      animation-delay: 250ms;
   }

   .app-spinner.pulse.pulse-primary {
      background: var(--ColorLindeBlue);
   }

      .app-spinner.pulse.pulse-primary:before,
      .app-spinner.pulse.pulse-primary:after {
         background: var(--ColorLindeBlue);
      }

   .app-spinner.pulse.pulse-info {
      background: var(--ColorLindeLightBlue);
   }

      .app-spinner.pulse.pulse-info:before,
      .app-spinner.pulse.pulse-info:after {
         background: var(--ColorLindeLightBlue);
      }

   .app-spinner.pulse.pulse-success {
      background: var(--ColorLindeSignalGreen);
   }

      .app-spinner.pulse.pulse-success:before,
      .app-spinner.pulse.pulse-success:after {
         background: var(--ColorLindeSignalGreen);
      }

   .app-spinner.pulse.pulse-warning {
      background: var(--ColorLindeSignalOrange);
   }

      .app-spinner.pulse.pulse-warning:before,
      .app-spinner.pulse.pulse-warning:after {
         background: var(--ColorLindeSignalOrange);
      }

   .app-spinner.pulse.pulse-danger {
      background: var(--ColorLindeSignalRed);
   }

      .app-spinner.pulse.pulse-danger:before,
      .app-spinner.pulse.pulse-danger:after {
         background: var(--ColorLindeSignalRed);
      }

.app-spinner.scaleout {
   float: left;
   margin: 10px 5px 10px 0px;
   width: 20px;
   height: 20px;
   background-color: #DBE0E4;
   border-radius: 100%;
   -webkit-animation: scaleout 1s infinite ease-in-out;
   animation: scaleout 1s infinite ease-in-out;
}

   .app-spinner.scaleout.scaleout-primary {
      background-color: var(--ColorLindeBlue);
   }

   .app-spinner.scaleout.scaleout-info {
      background-color: var(--ColorLindeLightBlue);
   }

   .app-spinner.scaleout.scaleout-success {
      background-color: var(--ColorLindeSignalGreen);
   }

   .app-spinner.scaleout.scaleout-warning {
      background-color: var(--ColorLindeSignalOrange);
   }

   .app-spinner.scaleout.scaleout-danger {
      background-color: var(--ColorLindeSignalRed);
   }

.app-spinner.rotating {
   position: relative;
   float: left;
   width: 20px;
   height: 20px;
   margin: 10px 5px 10px 0px;
   animation: rotate 1.4s infinite ease-in-out, background 1.4s infinite ease-in-out alternate;
}

.app-spinner.snake {
   position: relative;
   float: left;
   width: 20px;
   height: 20px;
   margin: 10px 5px 10px 0px;
   border: 3px solid var(--ColorLindeBlue);
   border-right-color: transparent;
   border-radius: 50%;
   animation: spin 1s infinite linear;
}

.app-spinner.pulsate {
   position: relative;
   float: left;
   width: 20px;
   height: 20px;
   margin: 10px 5px 10px 0px;
   border: 3px solid var(--ColorLindeBlue);
   border-radius: 50%;
   animation: pulsate 1s infinite linear;
}

.btn > .app-spinner {
   margin: 4px 10px 4px 0px;
}

@-webkit-keyframes scaleout {
   0% {
      -webkit-transform: scale(0);
   }

   100% {
      -webkit-transform: scale(1);
      opacity: 0;
   }
}

@keyframes scaleout {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0);
   }

   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
   }
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

@keyframes pulse {
   50% {
      background: #DBE0E4;
   }
}

@keyframes pulsate {
   0% {
      transform: scale(0.1);
      opacity: 0.0;
   }

   50% {
      opacity: 1;
   }

   100% {
      transform: scale(1.2);
      opacity: 0;
   }
}

@keyframes rotate {
   0% {
      transform: perspective(120px) rotateX(0deg) rotateY(0deg);
   }

   50% {
      transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
   }

   100% {
      transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
   }
}

@keyframes background {
   0% {
      background-color: var(--ColorLindeBlue);
   }

   50% {
      background-color: var(--ColorLindeLightBlue);
   }

   100% {
      background-color: var(--ColorLindeSignalGreen);
   }
}

.app .app-widget-button {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 40px;
   text-align: center;
   text-decoration: none;
   color: #1B2431;
   background: #FFF;
   border: 1px solid #DBE0E4;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin: 0px 5px 10px 0px;
   -webkit-transition: background 100ms linear;
   -moz-transition: background 100ms linear;
   -ms-transition: background 100ms linear;
   -o-transition: background 100ms linear;
   transition: background 100ms linear;
}

   .app .app-widget-button .fa {
      font-size: 28px;
      line-height: 37px;
   }

   .app .app-widget-button [class^='icon-'] {
      font-size: 20px;
      line-height: 37px;
   }

   .app .app-widget-button:hover {
      background: var(--ColorLindeLightGray50);
   }

   .app .app-widget-button.app-widget-button-bordered:before {
      content: " ";
      position: absolute;
      left: -4px;
      top: -4px;
      width: 46px;
      height: 46px;
      border: 1px dashed #DBE0E4;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
   }

   .app .app-widget-button.app-widget-button-lg {
      width: 80px;
      height: 80px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
   }

      .app .app-widget-button.app-widget-button-lg .fa {
         font-size: 42px;
         line-height: 80px;
      }

      .app .app-widget-button.app-widget-button-lg [class^='icon-'] {
         font-size: 40px;
         line-height: 80px;
      }

      .app .app-widget-button.app-widget-button-lg.app-widget-button-bordered:before {
         width: 86px;
         height: 86px;
      }

   .app .app-widget-button.app-widget-button-ghost {
      -webkit-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.5);
      -moz-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.5);
      box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.5);
   }

   .app .app-widget-button.app-widget-button-primary {
      background: var(--ColorLindeBlue);
      color: #FFF;
      border-color: var(--ColorLindeBlue);
   }

      .app .app-widget-button.app-widget-button-primary:hover {
         background: #1f2433;
      }

      .app .app-widget-button.app-widget-button-primary.app-widget-button-ghost {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3);
      }

      .app .app-widget-button.app-widget-button-primary.app-widget-button-bordered:before {
         border-color: rgba(41, 47, 67, 0.5);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
      }

   .app .app-widget-button.app-widget-button-info {
      background: var(--ColorLindeLightBlue);
      color: #FFF;
      border-color: #42b0db;
   }

      .app .app-widget-button.app-widget-button-info:hover {
         background: #3aacd9;
      }

      .app .app-widget-button.app-widget-button-info.app-widget-button-ghost {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3);
      }

      .app .app-widget-button.app-widget-button-info.app-widget-button-bordered:before {
         border-color: rgba(79, 181, 221, 0.5);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
      }

   .app .app-widget-button.app-widget-button-success {
      background: var(--ColorLindeSignalGreen);
      color: #FFF;
      border-color: #6ea038;
   }

      .app .app-widget-button.app-widget-button-success:hover {
         background: #699835;
      }

      .app .app-widget-button.app-widget-button-success.app-widget-button-ghost {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3);
      }

      .app .app-widget-button.app-widget-button-success.app-widget-button-bordered:before {
         border-color: rgba(118, 171, 60, 0.5);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
      }

   .app .app-widget-button.app-widget-button-warning {
      background: var(--ColorLindeSignalOrange);
      color: #FFF;
      border-color: #e79500;
   }

      .app .app-widget-button.app-widget-button-warning:hover {
         background: #dd8f00;
      }

      .app .app-widget-button.app-widget-button-warning.app-widget-button-ghost {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3);
      }

      .app .app-widget-button.app-widget-button-warning.app-widget-button-bordered:before {
         border-color: rgba(246, 159, 0, 0.5);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
      }

   .app .app-widget-button.app-widget-button-danger {
      background: var(--ColorLindeSignalRed);
      color: #FFF;
      border-color: #ef4043;
   }

      .app .app-widget-button.app-widget-button-danger:hover {
         background: #ee363a;
      }

      .app .app-widget-button.app-widget-button-danger.app-widget-button-ghost {
         -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
         -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
         box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3);
      }

      .app .app-widget-button.app-widget-button-danger.app-widget-button-bordered:before {
         border-color: rgba(240, 78, 81, 0.5);
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
      }

.app .app-widget-tile {
   float: left;
   width: 100%;
   padding: 10px 15px;
   min-width: 90px;
   background: #FFF;
   border: 1px solid #DBE0E4;
   margin-bottom: 20px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   zoom: 1;
}

   .app .app-widget-tile:before,
   .app .app-widget-tile:after {
      content: "";
      display: table;
   }

   .app .app-widget-tile:after {
      clear: both;
   }

   .app .app-widget-tile .row {
      margin: 0px;
   }

      .app .app-widget-tile .row [class^='col-'] {
         padding: 0px;
      }

   .app .app-widget-tile .line {
      float: left;
      width: 100%;
   }

   .app .app-widget-tile .title,
   .app .app-widget-tile .subtitle {
      color: #1B2431;
      font-size: 11px;
      font-weight: 600;
      float: left;
      text-transform: uppercase;
   }

   .app .app-widget-tile .subtitle {
      color: #7F8FA4;
   }

   .app .app-widget-tile .intval {
      font-size: 27px;
      line-height: 50px;
      font-weight: 600;
      text-align: center;
      float: left;
      width: 100%;
   }

      .app .app-widget-tile .intval small {
         font-size: 16px;
         color: #7F8FA4;
         text-transform: uppercase;
         line-height: 20px;
      }

      .app .app-widget-tile .intval.intval-lg {
         line-height: 60px;
         font-size: 34px;
      }

   .app .app-widget-tile .icon {
      float: left;
      width: 100%;
      text-align: center;
      padding-right: 10px;
   }

      .app .app-widget-tile .icon .fa {
         font-size: 42px;
         line-height: 60px;
      }

      .app .app-widget-tile .icon [class^='icon-'] {
         font-size: 40px;
         line-height: 70px;
      }

      .app .app-widget-tile .icon.icon-right {
         padding-right: 0px;
         padding-left: 10px;
      }

      .app .app-widget-tile .icon.icon-lg .fa {
         font-size: 56px;
         line-height: 90px;
      }

      .app .app-widget-tile .icon.icon-lg [class^='icon-'] {
         font-size: 60px;
         line-height: 90px;
      }

   .app .app-widget-tile.app-widget-highlight {
      -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03);
      -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03);
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03);
   }

   .app .app-widget-tile.app-widget-tile-primary {
      background: var(--ColorLindeBlue);
      border: 1px solid #272c40;
   }

      .app .app-widget-tile.app-widget-tile-primary .title,
      .app .app-widget-tile.app-widget-tile-primary .intval,
      .app .app-widget-tile.app-widget-tile-primary .icon {
         color: #FFF;
      }

      .app .app-widget-tile.app-widget-tile-primary .subtitle {
         color: #e6e6e6;
      }

      .app .app-widget-tile.app-widget-tile-primary.app-widget-gradient {
         background-color: var(--ColorLindeBlue);
         background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeBlue)), to(#161923));
         background-image: -webkit-linear-gradient(left, var(--ColorLindeBlue), #161923);
         background-image: -moz-linear-gradient(left, var(--ColorLindeBlue), #161923);
         background-image: -ms-linear-gradient(left, var(--ColorLindeBlue), #161923);
         background-image: -o-linear-gradient(left, var(--ColorLindeBlue), #161923);
      }

   .app .app-widget-tile.app-widget-tile-info {
      background: var(--ColorLindeLightBlue);
      border: 1px solid #4bb3dc;
   }

      .app .app-widget-tile.app-widget-tile-info .title,
      .app .app-widget-tile.app-widget-tile-info .intval,
      .app .app-widget-tile.app-widget-tile-info .icon {
         color: #FFF;
      }

      .app .app-widget-tile.app-widget-tile-info .subtitle {
         color: #e6e6e6;
      }

      .app .app-widget-tile.app-widget-tile-info.app-widget-gradient {
         background-color: var(--ColorLindeLightBlue);
         background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeLightBlue)), to(#28a1d1));
         background-image: -webkit-linear-gradient(left, var(--ColorLindeLightBlue), #28a1d1);
         background-image: -moz-linear-gradient(left, var(--ColorLindeLightBlue), #28a1d1);
         background-image: -ms-linear-gradient(left, var(--ColorLindeLightBlue), #28a1d1);
         background-image: -o-linear-gradient(left, var(--ColorLindeLightBlue), #28a1d1);
      }

   .app .app-widget-tile.app-widget-tile-success {
      background: var(--ColorLindeSignalGreen);
      border: 1px solid #73a73b;
   }

      .app .app-widget-tile.app-widget-tile-success .title,
      .app .app-widget-tile.app-widget-tile-success .intval,
      .app .app-widget-tile.app-widget-tile-success .icon {
         color: #FFF;
      }

      .app .app-widget-tile.app-widget-tile-success .subtitle {
         color: #e6e6e6;
      }

      .app .app-widget-tile.app-widget-tile-success.app-widget-gradient {
         background-color: var(--ColorLindeSignalGreen);
         background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeSignalGreen)), to(#5c852f));
         background-image: -webkit-linear-gradient(left, var(--ColorLindeSignalGreen), #5c852f);
         background-image: -moz-linear-gradient(left, var(--ColorLindeSignalGreen), #5c852f);
         background-image: -ms-linear-gradient(left, var(--ColorLindeSignalGreen), #5c852f);
         background-image: -o-linear-gradient(left, var(--ColorLindeSignalGreen), #5c852f);
      }

   .app .app-widget-tile.app-widget-tile-warning {
      background: var(--ColorLindeSignalOrange);
      border: 1px solid #f19c00;
   }

      .app .app-widget-tile.app-widget-tile-warning .title,
      .app .app-widget-tile.app-widget-tile-warning .intval,
      .app .app-widget-tile.app-widget-tile-warning .icon {
         color: #FFF;
      }

      .app .app-widget-tile.app-widget-tile-warning .subtitle {
         color: #e6e6e6;
      }

      .app .app-widget-tile.app-widget-tile-warning.app-widget-gradient {
         background-color: var(--ColorLindeSignalOrange);
         background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeSignalOrange)), to(#c37e00));
         background-image: -webkit-linear-gradient(left, var(--ColorLindeSignalOrange), #c37e00);
         background-image: -moz-linear-gradient(left, var(--ColorLindeSignalOrange), #c37e00);
         background-image: -ms-linear-gradient(left, var(--ColorLindeSignalOrange), #c37e00);
         background-image: -o-linear-gradient(left, var(--ColorLindeSignalOrange), #c37e00);
      }

   .app .app-widget-tile.app-widget-tile-danger {
      background: var(--ColorLindeSignalRed);
      border: 1px solid #f0494c;
   }

      .app .app-widget-tile.app-widget-tile-danger .title,
      .app .app-widget-tile.app-widget-tile-danger .intval,
      .app .app-widget-tile.app-widget-tile-danger .icon {
         color: #FFF;
      }

      .app .app-widget-tile.app-widget-tile-danger .subtitle {
         color: #e6e6e6;
      }

      .app .app-widget-tile.app-widget-tile-danger.app-widget-gradient {
         background-color: var(--ColorLindeSignalRed);
         background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeSignalRed)), to(#ec1f23));
         background-image: -webkit-linear-gradient(left, var(--ColorLindeSignalRed), #ec1f23);
         background-image: -moz-linear-gradient(left, var(--ColorLindeSignalRed), #ec1f23);
         background-image: -ms-linear-gradient(left, var(--ColorLindeSignalRed), #ec1f23);
         background-image: -o-linear-gradient(left, var(--ColorLindeSignalRed), #ec1f23);
      }

.app .app-widget-informer {
   float: left;
   width: 100%;
   margin-bottom: 20px;
}

   .app .app-widget-informer .title {
      color: #1B2431;
      font-size: 11px;
      font-weight: 600;
      float: left;
      width: 100%;
      text-transform: uppercase;
   }

   .app .app-widget-informer .subtitle {
      font-size: 11px;
      color: #7F8FA4;
      text-transform: uppercase;
      font-weight: 600;
      float: left;
      width: 100%;
   }

      .app .app-widget-informer .title .fa,
      .app .app-widget-informer .subtitle .fa,
      .app .app-widget-informer .title [class^='icon-'],
      .app .app-widget-informer .subtitle [class^='icon-'] {
         margin-right: 5px;
         font-size: 14px;
      }

         .app .app-widget-informer .title .fa.pull-right,
         .app .app-widget-informer .subtitle .fa.pull-right,
         .app .app-widget-informer .title [class^='icon-'].pull-right,
         .app .app-widget-informer .subtitle [class^='icon-'].pull-right {
            margin-right: 0px;
            margin-left: 5px;
         }

   .app .app-widget-informer .intval {
      font-size: 27px;
      line-height: 35px;
      color: #1B2431;
      font-weight: 600;
      float: left;
      width: 100%;
   }

      .app .app-widget-informer .intval small {
         font-size: 14px;
         color: #7F8FA4;
         font-weight: 600;
      }

      .app .app-widget-informer .intval.intval-floated {
         width: auto;
         margin-right: 20px;
         line-height: 40px;
      }

   .app .app-widget-informer .tinyintval {
      font-size: 15px;
      font-weight: 700;
      color: #1B2431;
      float: left;
      width: 100%;
   }

      .app .app-widget-informer .tinyintval small {
         font-size: 12px;
         color: #7F8FA4;
         font-weight: 600;
      }

   .app .app-widget-informer .app-widget-informer-side {
      display: inline;
   }

      .app .app-widget-informer .app-widget-informer-side .title,
      .app .app-widget-informer .app-widget-informer-side .subtitle {
         width: auto;
         float: none;
      }

.app .progress {
   float: left;
   width: 100%;
   height: 20px;
   margin-bottom: 0px;
}

   .app .progress .progress-bar {
      line-height: 20px;
      font-size: 11px;
      font-weight: 600;
   }

   .app .progress.progress-sm {
      height: 4px;
      margin: 8px 0px;
   }

      .app .progress.progress-sm .progress-bar {
         line-height: 4px;
         height: 4px;
      }

   .app .progress.progress-md {
      height: 10px;
      margin: 5px 0px;
   }

      .app .progress.progress-md .progress-bar {
         line-height: 10px;
         height: 10px;
      }

   .app .progress.progress-lg {
      height: 30px;
      margin: 5px 0px;
   }

      .app .progress.progress-lg .progress-bar {
         line-height: 30px;
         height: 30px;
      }

.app-faq {
   float: left;
   width: 100%;
}

   .app-faq .app-faq-item {
      float: left;
      width: 100%;
      margin-bottom: 10px;
      background: #FFF;
      border: 1px solid #DBE0E4;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: background 100ms linear;
      -moz-transition: background 100ms linear;
      -ms-transition: background 100ms linear;
      -o-transition: background 100ms linear;
      transition: background 100ms linear;
   }

      .app-faq .app-faq-item .app-faq-item-title {
         float: left;
         width: 100%;
         padding: 15px 15px 15px 45px;
         line-height: 20px;
         font-size: 13px;
         cursor: pointer;
         font-weight: 600;
         position: relative;
      }

         .app-faq .app-faq-item .app-faq-item-title:after {
            position: absolute;
            content: "\e888";
            font-family: 'linearicons';
            left: 15px;
            top: 15px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 20px;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: var(--ColorLindeBlue);
         }

      .app-faq .app-faq-item .app-faq-item-content {
         float: left;
         width: 100%;
         padding: 0px;
         max-height: 0px;
         overflow: hidden;
      }

         .app-faq .app-faq-item .app-faq-item-content .app-faq-highlight {
            color: var(--ColorLindeSignalGreen);
            text-decoration: underline;
         }

      .app-faq .app-faq-item.open {
         background: #fafafa;
      }

         .app-faq .app-faq-item.open .app-faq-item-title:after {
            content: "\e887";
         }

         .app-faq .app-faq-item.open .app-faq-item-content {
            padding: 0px 15px 15px;
            max-height: 500px;
         }

      .app-faq .app-faq-item:hover {
         background: var(--ColorLindeLightGray50);
      }

      .app-faq .app-faq-item:last-child {
         margin-bottom: 0px;
      }

.app .app-login-box {
   width: 360px;
   margin: 50px auto;
   background: #FFF;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   zoom: 1;
   -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
   box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
}

   .app .app-login-box:before,
   .app .app-login-box:after {
      content: "";
      display: table;
   }

   .app .app-login-box:after {
      clear: both;
   }

   .app .app-login-box .app-login-box-user {
      width: 100%;
      float: left;
      text-align: center;
      margin-bottom: 20px;
      padding: 30px 30px 0px;
   }

      .app .app-login-box .app-login-box-user img {
         width: 100px;
         border: 1px solid #DBE0E4;
         padding: 5px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
      }

   .app .app-login-box .app-login-box-title {
      float: left;
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      padding: 0px 30px;
   }

      .app .app-login-box .app-login-box-title .title {
         font-size: 18px;
         font-weight: 400;
         color: #1B2431;
         margin-bottom: 5px;
      }

      .app .app-login-box .app-login-box-title .subtitle {
         font-size: 14px;
         color: #7F8FA4;
      }

   .app .app-login-box .app-login-box-container {
      float: left;
      width: 100%;
      padding: 0px 30px 30px;
   }

      .app .app-login-box .app-login-box-container > .title {
         float: left;
         width: 100%;
         font-size: 14px;
         font-weight: 400;
         color: #7F8FA4;
         margin-bottom: 20px;
         text-align: center;
      }

   .app .app-login-box .app-login-box-or {
      float: left;
      width: 100%;
      padding: 10px 0px 40px;
   }

      .app .app-login-box .app-login-box-or .or {
         width: 40px;
         height: 40px;
         margin: 0px auto;
         position: relative;
         line-height: 40px;
         text-align: center;
         font-weight: 700;
         color: #7F8FA4;
      }

         .app .app-login-box .app-login-box-or .or:after {
            content: " ";
            width: 40px;
            height: 40px;
            border: 1px solid #DBE0E4;
            position: absolute;
            left: 0px;
            top: 0px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
         }

   .app .app-login-box .app-login-box-footer {
      float: left;
      width: 100%;
      background: #fafafa;
      padding: 15px 30px;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 0px;
      text-align: center;
   }

.app.app-fh {
   height: 100%;
}

   .app.app-fh .app-container {
      height: 100%;
   }

.app .app-lock {
   width: 360px;
   position: absolute;
   left: 50%;
   margin-left: -180px;
   top: 50%;
   margin-top: -150px;
}

   .app .app-lock .app-lock-user {
      width: 100%;
      height: 100px;
      float: left;
      text-align: center;
      cursor: pointer;
   }

      .app .app-lock .app-lock-user img {
         width: 100px;
         border: 1px solid #DBE0E4;
         padding: 5px;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         -webkit-transition: all 100ms linear;
         -moz-transition: all 100ms linear;
         -ms-transition: all 100ms linear;
         -o-transition: all 100ms linear;
         transition: all 100ms linear;
         -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0);
         -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0);
         box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0);
      }

      .app .app-lock .app-lock-user:hover img {
         -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
         box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      }

   .app .app-lock .app-lock-form {
      position: relative;
      float: left;
      width: 100%;
      margin-top: 30px;
      background: #FFF;
      border: 1px solid #DBE0E4;
      display: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 15px;
      -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      -webkit-transition: all 500ms linear;
      -moz-transition: all 500ms linear;
      -ms-transition: all 500ms linear;
      -o-transition: all 500ms linear;
      transition: all 500ms linear;
   }

      .app .app-lock .app-lock-form .form-control {
         text-align: center;
      }

      .app .app-lock .app-lock-form:after,
      .app .app-lock .app-lock-form:before {
         bottom: 100%;
         left: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
      }

      .app .app-lock .app-lock-form:after {
         border-color: rgba(136, 183, 213, 0);
         border-bottom-color: #FFF;
         border-width: 10px;
         margin-left: -10px;
      }

      .app .app-lock .app-lock-form:before {
         border-color: rgba(194, 225, 245, 0);
         border-bottom-color: #DBE0E4;
         border-width: 11px;
         margin-left: -11px;
      }

   .app .app-lock.app-lock-open .app-lock-user img {
      -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
   }

.app .messages .messages-item {
   float: left;
   width: 100%;
   padding-right: 65px;
   position: relative;
   margin-bottom: 20px;
}

   .app .messages .messages-item .user {
      position: absolute;
      right: 0px;
      top: 0px;
   }

      .app .messages .messages-item .user > img {
         width: 46px;
         padding: 3px;
         border: 1px solid #64baec;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
      }

   .app .messages .messages-item .text {
      position: relative;
      float: right;
      width: 80%;
      border: 1px solid #64baec;
      background: #7bc4ef;
      color: #FFF;
      padding: 15px;
      margin-bottom: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
   }

      .app .messages .messages-item .text:after,
      .app .messages .messages-item .text:before {
         left: 100%;
         top: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
      }

      .app .messages .messages-item .text:after {
         border-color: rgba(245, 245, 245, 0);
         border-left-color: #7bc4ef;
         border-width: 6px;
         margin-top: -6px;
      }

      .app .messages .messages-item .text:before {
         border-color: rgba(240, 240, 240, 0);
         border-left-color: #64baec;
         border-width: 7px;
         margin-top: -7px;
      }

   .app .messages .messages-item .date {
      float: right;
      width: 80%;
      color: #7F8FA4;
      text-align: center;
   }

   .app .messages .messages-item.inbox {
      padding-right: 0px;
      padding-left: 65px;
   }

      .app .messages .messages-item.inbox .user > img {
         border-color: #50b85d;
      }

      .app .messages .messages-item.inbox .text {
         float: left;
         background: #62bf6e;
         border-color: #50b85d;
         color: #FFF;
      }

         .app .messages .messages-item.inbox .text:after,
         .app .messages .messages-item.inbox .text:before {
            left: auto;
            right: 100%;
         }

         .app .messages .messages-item.inbox .text:after {
            border-left-color: transparent;
            border-right-color: #62bf6e;
         }

         .app .messages .messages-item.inbox .text:before {
            border-left-color: transparent;
            border-right-color: #50b85d;
         }

      .app .messages .messages-item.inbox .date {
         float: left;
      }

      .app .messages .messages-item.inbox .user {
         left: 0px;
         right: auto;
      }

.app .messages.messages-comments .messages-item.inbox .user > img {
   border-color: #DBE0E4;
}

.app .messages.messages-comments .messages-item.inbox .text {
   width: 100%;
   background: #FFF;
   border-color: #DBE0E4;
   color: var(--ColorLindeFont);
}

   .app .messages.messages-comments .messages-item.inbox .text:after {
      border-left-color: transparent;
      border-right-color: #FFF;
   }

   .app .messages.messages-comments .messages-item.inbox .text:before {
      border-left-color: transparent;
      border-right-color: #DBE0E4;
   }

.app .messages.messages-comments .messages-item.inbox .date {
   text-align: left;
}

.app .app-blog-important-block {
   margin: 0px;
   float: left;
   width: 100%;
   margin-bottom: 20px;
   -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

   .app .app-blog-important-block > div[class^='col-'] {
      padding: 0px;
   }

   .app .app-blog-important-block .tile-basic {
      margin-bottom: 0px;
   }

.app .app-blog-blocks {
   margin-left: -10px;
   margin-right: -10px;
   margin-bottom: 20px;
}

   .app .app-blog-blocks > div[class^='col-'] {
      padding-left: 10px;
      padding-right: 10px;
   }

.app .app-blog-banner {
   float: left;
   text-align: center;
   width: 100%;
   margin-bottom: 20px;
}

.app .app-timeline {
   padding: 20px 0px;
   float: left;
   width: 100%;
}

   .app .app-timeline .app-timeline-item {
      float: left;
      width: 100%;
      padding-left: 70px;
      position: relative;
      padding-bottom: 30px;
   }

      .app .app-timeline .app-timeline-item > .user {
         position: absolute;
         left: 0px;
         top: 0px;
         z-index: 2;
      }

         .app .app-timeline .app-timeline-item > .user > img {
            width: 45px;
            height: 45px;
            padding: 2px;
            border: 1px solid #DBE0E4;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background: #FFF;
         }

      .app .app-timeline .app-timeline-item > .dot {
         position: absolute;
         left: 13px;
         top: 13px;
         width: 21px;
         height: 21px;
         background: #DBE0E4;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         z-index: 2;
      }

         .app .app-timeline .app-timeline-item > .dot:before {
            content: " ";
            position: absolute;
            top: 11px;
            left: 13px;
            width: 20px;
            height: 1px;
            z-index: 1;
            background: #DBE0E4;
         }

         .app .app-timeline .app-timeline-item > .dot:after {
            content: " ";
            position: absolute;
            width: 11px;
            height: 11px;
            background: #FFF;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            top: 5px;
            left: 5px;
            z-index: 3;
         }

         .app .app-timeline .app-timeline-item > .dot.dot-primary:after {
            background: var(--ColorLindeBlue);
         }

         .app .app-timeline .app-timeline-item > .dot.dot-info:after {
            background: var(--ColorLindeLightBlue);
         }

         .app .app-timeline .app-timeline-item > .dot.dot-success:after {
            background: var(--ColorLindeSignalGreen);
         }

         .app .app-timeline .app-timeline-item > .dot.dot-warning:after {
            background: var(--ColorLindeSignalOrange);
         }

         .app .app-timeline .app-timeline-item > .dot.dot-danger:after {
            background: var(--ColorLindeSignalRed);
         }

      .app .app-timeline .app-timeline-item > .content {
         padding: 12px 20px 12px;
         float: left;
         width: 100%;
         background: #FFF;
         border: 1px solid #DBE0E4;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
      }

         .app .app-timeline .app-timeline-item > .content .title {
            margin-bottom: 10px;
            foat: left;
            width: 100%;
            color: #7F8FA4;
         }

            .app .app-timeline .app-timeline-item > .content .title > a {
               font-weight: 600;
            }

         .app .app-timeline .app-timeline-item > .content strong {
            font-weight: 600;
            color: #1B2431;
         }

         .app .app-timeline .app-timeline-item > .content .comments {
            position: relative;
            float: left;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 5px;
            border: 1px solid #ebebeb;
         }

            .app .app-timeline .app-timeline-item > .content .comments .total {
               float: left;
               width: 100%;
               line-height: 30px;
               background: #f2f2f2;
               padding: 10px 20px;
               border-bottom: 1px solid #ebebeb;
               font-weight: 600;
            }

            .app .app-timeline .app-timeline-item > .content .comments .comment {
               float: left;
               width: 100%;
               padding: 15px 20px 0px;
               background: #f7f7f7;
               border-bottom: 1px dashed #DBE0E4;
            }

               .app .app-timeline .app-timeline-item > .content .comments .comment:last-child {
                  border-bottom: 0px;
               }

            .app .app-timeline .app-timeline-item > .content .comments .form {
               display: block;
               float: left;
               background: #f2f2f2;
               padding: 10px 15px;
            }

            .app .app-timeline .app-timeline-item > .content .comments:after,
            .app .app-timeline .app-timeline-item > .content .comments:before {
               bottom: 100%;
               left: 20px;
               border: solid transparent;
               content: " ";
               height: 0;
               width: 0;
               position: absolute;
               pointer-events: none;
            }

            .app .app-timeline .app-timeline-item > .content .comments:after {
               border-color: rgba(136, 183, 213, 0);
               border-bottom-color: #f2f2f2;
               border-width: 8px;
               margin-left: -8px;
            }

            .app .app-timeline .app-timeline-item > .content .comments:before {
               border-color: rgba(194, 225, 245, 0);
               border-bottom-color: #e6e6e6;
               border-width: 9px;
               margin-left: -9px;
            }

      .app .app-timeline .app-timeline-item:after {
         position: absolute;
         z-index: 1;
         width: 26px;
         height: 1px;
         content: " ";
         left: 45px;
         top: 24px;
         background: #DBE0E4;
      }

      .app .app-timeline .app-timeline-item:before {
         position: absolute;
         z-index: 1;
         width: 1px;
         height: 100%;
         content: " ";
         left: 23px;
         top: 0px;
         background: #DBE0E4;
      }

   .app .app-timeline .app-timeline-more {
      float: left;
      width: 100%;
      height: 50px;
      position: relative;
   }

      .app .app-timeline .app-timeline-more > a {
         position: absolute;
         width: 45px;
         height: 45px;
         background: #FFF;
         border: 1px solid #DBE0E4;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%;
         line-height: 32px;
         font-size: 21px;
         text-align: center;
         font-weight: bold;
         text-decoration: none;
         color: var(--ColorLindeFont);
         -webkit-transition: background 100ms linear;
         -moz-transition: background 100ms linear;
         -ms-transition: background 100ms linear;
         -o-transition: background 100ms linear;
         transition: background 100ms linear;
      }

         .app .app-timeline .app-timeline-more > a:hover {
            color: #1B2431;
            background: var(--ColorLindeLightGray50);
         }

   .app .app-timeline.dir-right .app-timeline-item {
      padding-left: 0px;
      padding-right: 70px;
   }

      .app .app-timeline.dir-right .app-timeline-item > .user {
         left: auto;
         right: 0px;
      }

      .app .app-timeline.dir-right .app-timeline-item:after {
         left: auto;
         right: 45px;
      }

      .app .app-timeline.dir-right .app-timeline-item:before {
         left: auto;
         right: 23px;
      }

   .app .app-timeline.dir-right .app-timeline-more > a {
      right: 0px;
   }

   .app .app-timeline.dir-right.app-timeline-simple .app-timeline-item > .dot {
      left: auto;
      right: 13px;
   }

      .app .app-timeline.dir-right.app-timeline-simple .app-timeline-item > .dot:before {
         left: auto;
         right: 13px;
      }

   .app .app-timeline.app-timeline-simple .app-timeline-item {
      padding-left: 45px;
      padding-bottom: 15px;
   }

      .app .app-timeline.app-timeline-simple .app-timeline-item:after {
         display: none;
      }

      .app .app-timeline.app-timeline-simple .app-timeline-item:last-child {
         padding-bottom: 0px;
      }

   .app .app-timeline.mCustomScrollbar {
      padding-right: 0px !important;
   }

      .app .app-timeline.mCustomScrollbar .mCSB_container {
         padding-right: 20px;
      }

.wizard {
   float: left;
   width: 100%;
   margin-bottom: 20px;
}

   .wizard .anchor {
      width: 100%;
      float: left;
      padding: 0px;
      margin: 0px;
      list-style: none;
      display: block;
      position: relative;
   }

      .wizard .anchor:after {
         content: " ";
         position: absolute;
         bottom: 0px;
         left: 0px;
         width: 100%;
         height: 3px;
         background: #DBE0E4;
         z-index: 1;
         -webkit-border-radius: 1px;
         -moz-border-radius: 1px;
         border-radius: 1px;
      }

      .wizard .anchor li {
         float: left;
         display: block;
      }

         .wizard .anchor li a {
            color: #1B2431;
            text-decoration: none;
            display: block;
            padding: 10px 20px 30px 0px;
            position: relative;
            font-size: 16px;
         }

            .wizard .anchor li a .stepNumber {
               display: none;
            }

            .wizard .anchor li a .stepDesc {
               font-size: 12px;
               font-weight: 600;
               line-height: 20px;
               text-transform: uppercase;
            }

               .wizard .anchor li a .stepDesc small {
                  color: #7F8FA4;
                  font-size: 11px;
                  font-weight: 600;
                  line-height: 20px;
               }

            .wizard .anchor li a:before {
               content: " ";
               position: absolute;
               bottom: 0px;
               left: 0px;
               width: 100%;
               height: 3px;
               background: #DBE0E4;
               z-index: 2;
            }

            .wizard .anchor li a:after {
               content: " ";
               position: absolute;
               bottom: -15px;
               left: 0px;
               width: 35px;
               height: 35px;
               background: #FFF;
               border: 3px solid #DBE0E4;
               z-index: 3;
               text-align: center;
               line-height: 28px;
               color: #1B2431;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
               border-radius: 3px;
            }

            .wizard .anchor li a.done:after {
               border-color: var(--ColorLindeSignalGreen);
               background: #83bd43;
               color: #FFF;
               content: "\f00c";
               font-family: FontAwesome;
            }

            .wizard .anchor li a.done:before {
               background-color: var(--ColorLindeSignalGreen);
               background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeSignalGreen)), to(var(--ColorLindeBlue)));
               background-image: -webkit-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeBlue));
               background-image: -moz-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeBlue));
               background-image: -ms-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeBlue));
               background-image: -o-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeBlue));
            }

            .wizard .anchor li a.done.active:before {
               background-color: var(--ColorLindeSignalGreen);
               background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeSignalGreen)), to(var(--ColorLindeSignalGreen)));
               background-image: -webkit-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeSignalGreen));
               background-image: -moz-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeSignalGreen));
               background-image: -ms-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeSignalGreen));
               background-image: -o-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeSignalGreen));
            }

            .wizard .anchor li a.error:after {
               border-color: var(--ColorLindeSignalRed);
               background: #f26668;
               content: "\f00d";
               font-family: FontAwesome;
               color: #FFF;
            }

            .wizard .anchor li a.error:before {
               background: var(--ColorLindeSignalRed);
            }

            .wizard .anchor li a.selected:after {
               border-color: var(--ColorLindeBlue);
               background: #333a52;
               content: "\f0da";
               font-family: FontAwesome;
               color: #FFF;
               padding-left: 2px;
               border-width: 3px;
               line-height: 28px;
            }

            .wizard .anchor li a.selected:before {
               background-color: var(--ColorLindeBlue);
               background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeBlue)), to(#DBE0E4));
               background-image: -webkit-linear-gradient(left, var(--ColorLindeBlue), #DBE0E4);
               background-image: -moz-linear-gradient(left, var(--ColorLindeBlue), #DBE0E4);
               background-image: -ms-linear-gradient(left, var(--ColorLindeBlue), #DBE0E4);
               background-image: -o-linear-gradient(left, var(--ColorLindeBlue), #DBE0E4);
            }

            .wizard .anchor li a.selected.active:after {
               border-color: var(--ColorLindeSignalGreen);
               background: var(--ColorLindeSignalGreen);
               color: #FFF;
               content: "\f00c";
               padding-left: 0px;
            }

            .wizard .anchor li a.selected.active:before {
               background-color: var(--ColorLindeSignalGreen);
               background-image: -webkit-gradient(linear, left top, right top, from(var(--ColorLindeSignalGreen)), to(var(--ColorLindeSignalGreen)));
               background-image: -webkit-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeSignalGreen));
               background-image: -moz-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeSignalGreen));
               background-image: -ms-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeSignalGreen));
               background-image: -o-linear-gradient(left, var(--ColorLindeSignalGreen), var(--ColorLindeSignalGreen));
            }

      .wizard .anchor.steps_1 li {
         width: 100%;
      }

      .wizard .anchor.steps_2 li {
         width: 50%;
      }

      .wizard .anchor.steps_3 li {
         width: 33.333333%;
      }

      .wizard .anchor.steps_4 li {
         width: 25%;
      }

      .wizard .anchor.steps_5 li {
         width: 20%;
      }

      .wizard .anchor.steps_6 li {
         width: 16.666666%;
      }

      .wizard .anchor.steps_7 li {
         width: 14.285714%;
      }

      .wizard .anchor.steps_8 li {
         width: 12.5%;
      }

   .wizard .stepContainer,
   .wizard .actionBar {
      float: left;
      width: 100%;
      margin-top: 50px;
   }

   .wizard .actionBar {
      margin-top: 20px;
   }

      .wizard .actionBar .btn.pull-right {
         margin-left: 5px;
      }

      .wizard .actionBar .btn-primary {
         display: none;
      }

      .wizard .actionBar .loader {
         display: none;
      }

.app .invoice {
   float: left;
   width: 100%;
   background: #FFF;
   border: 1px solid #DBE0E4;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

   .app .invoice .invoice-container {
      float: left;
      width: 100%;
      padding: 50px 0px;
   }

      .app .invoice .invoice-container.invoice-container-highlight {
         background: #f2f2f2;
      }

   .app .invoice .invoice-table-total {
      width: 300px;
      float: right;
   }

   .app .invoice .invoice-table-highlight > td {
      background: #f2f2f2;
   }

   .app .invoice .invoice-thanks {
      float: left;
      width: 100%;
      margin-top: 50px;
   }

      .app .invoice .invoice-thanks .title {
         font-size: 15px;
         font-weight: 600;
         text-transform: uppercase;
         color: #1B2431;
         line-height: 20px;
      }

      .app .invoice .invoice-thanks p {
         color: #7F8FA4;
         margin-top: 0px;
      }

   .app .invoice .invoice-company {
      position: relative;
      float: left;
      width: 100%;
      padding-left: 55px;
   }

      .app .invoice .invoice-company h2 {
         font-size: 15px;
         font-weight: 700;
         margin: 0px;
         line-height: 20px;
         padding: 0px;
         text-transform: uppercase;
         margin-top: 15px;
         color: #1B2431;
      }

      .app .invoice .invoice-company p {
         font-size: 13px;
         font-weight: 400;
         margin-top: 0px;
         color: #7F8FA4;
      }

      .app .invoice .invoice-company > img {
         position: absolute;
         left: 0px;
         top: 0px;
      }

   .app .invoice .invoice-number {
      float: left;
      width: 100%;
      text-align: right;
   }

      .app .invoice .invoice-number h3 {
         font-size: 15px;
         font-weight: 600;
         margin: 0px;
         line-height: 20px;
         padding: 0px;
         text-transform: uppercase;
         margin-top: 15px;
         color: #1B2431;
      }

      .app .invoice .invoice-number p {
         font-size: 13px;
         font-weight: 400;
         margin-top: 0px;
         color: #7F8FA4;
      }

.app .pricing-table {
   float: left;
   width: 100%;
   background: #FFF;
   border: 1px solid #DBE0E4;
   margin-top: 50px;
   margin-bottom: 30px;
}

   .app .pricing-table .title,
   .app .pricing-table .price,
   .app .pricing-table .subtitle,
   .app .pricing-table .divider,
   .app .pricing-table .features,
   .app .pricing-table .button-holder {
      float: left;
      width: 100%;
      text-align: center;
      padding: 20px;
   }

   .app .pricing-table .title {
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase;
      color: #1B2431;
   }

   .app .pricing-table .price {
      padding-bottom: 10px;
      line-height: 50px;
      font-family: sans-serif;
      font-size: 52px;
      font-weight: 700;
      color: #1B2431;
   }

   .app .pricing-table .subtitle {
      padding-top: 0px;
      font-style: italic;
      color: #7F8FA4;
   }

   .app .pricing-table .divider {
      height: 1px;
      background: #DBE0E4;
      padding: 0px;
   }

   .app .pricing-table .features .line {
      float: left;
      width: 100%;
      line-height: 30px;
      margin-bottom: 5px;
   }

      .app .pricing-table .features .line span {
         font-size: 14px;
         margin-right: 10px;
      }

         .app .pricing-table .features .line span.fa-check {
            color: var(--ColorLindeSignalGreen);
         }

         .app .pricing-table .features .line span.fa-times {
            color: var(--ColorLindeSignalRed);
         }

   .app .pricing-table .button-holder {
      padding: 20px;
   }

   .app .pricing-table.featured {
      border-top: 5px solid var(--ColorLindeSignalRed);
      margin-top: 26px;
      z-index: 2;
      -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
   }

      .app .pricing-table.featured .price {
         line-height: 70px;
         font-size: 65px;
      }

   .app .pricing-table.pricing-table-primary {
      background: var(--ColorLindeBlue);
      border-color: #1f2433;
      color: #FFF;
   }

      .app .pricing-table.pricing-table-primary .title,
      .app .pricing-table.pricing-table-primary .price {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-primary .subtitle {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-primary .divider {
         background: #1f2433;
      }

   .app .pricing-table.pricing-table-success {
      background: var(--ColorLindeSignalGreen);
      border-color: #699835;
      color: #FFF;
   }

      .app .pricing-table.pricing-table-success .title,
      .app .pricing-table.pricing-table-success .price {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-success .subtitle {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-success .divider {
         background: #699835;
      }

   .app .pricing-table.pricing-table-warning {
      background: var(--ColorLindeSignalOrange);
      border-color: #dd8f00;
      color: #FFF;
   }

      .app .pricing-table.pricing-table-warning .title,
      .app .pricing-table.pricing-table-warning .price {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-warning .subtitle {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-warning .divider {
         background: #dd8f00;
      }

   .app .pricing-table.pricing-table-danger {
      background: var(--ColorLindeSignalRed);
      border-color: #ee363a;
      color: #FFF;
   }

      .app .pricing-table.pricing-table-danger .title,
      .app .pricing-table.pricing-table-danger .price {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-danger .subtitle {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-danger .divider {
         background: #ee363a;
      }

   .app .pricing-table.pricing-table-info {
      background: var(--ColorLindeLightBlue);
      border-color: #3aacd9;
      color: #FFF;
   }

      .app .pricing-table.pricing-table-info .title,
      .app .pricing-table.pricing-table-info .price {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-info .subtitle {
         color: #FFF;
      }

      .app .pricing-table.pricing-table-info .divider {
         background: #3aacd9;
      }

.app .pricing-tables.pricing-tables-condensed {
   margin: 0px;
}

   .app .pricing-tables.pricing-tables-condensed > div[class^="col-"] {
      padding: 0px;
      margin-left: -1px;
   }

   .app .pricing-tables.pricing-tables-condensed .pricing-table {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }

.app .credit-card {
   float: left;
   width: 100%;
   padding: 20px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: #FFF;
   border: 1px solid #DBE0E4;
   min-width: 340px;
   overflow-x: auto;
   margin-bottom: 20px;
   -webkit-transition: box-shadow 100ms linear;
   -moz-transition: box-shadow 100ms linear;
   -ms-transition: box-shadow 100ms linear;
   -o-transition: box-shadow 100ms linear;
   transition: box-shadow 100ms linear;
}

   .app .credit-card .row {
      margin-bottom: 25px;
   }

      .app .credit-card .row:last-child {
         margin-bottom: 0px;
      }

   .app .credit-card .company {
      margin: 0px;
   }

   .app .credit-card .number {
      font-size: 26px;
      color: #1B2431;
      font-weight: 700;
      line-height: 30px;
      text-align: center;
   }

      .app .credit-card .number > div {
         margin-top: 9px;
      }

         .app .credit-card .number > div:last-child {
            margin-top: 0px;
            line-height: 40px;
         }

   .app .credit-card .subtitle {
      float: left;
      width: 100%;
      font-size: 11px;
      font-weight: 600;
      color: #7F8FA4;
      text-transform: uppercase;
      line-height: 16px;
   }

   .app .credit-card .title {
      float: left;
      width: 100%;
      font-size: 13px;
      font-weight: 600;
      color: #1B2431;
      text-transform: uppercase;
      line-height: 20px;
   }

   .app .credit-card:hover {
      -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
   }

@media (max-width: 1200px) {
   .app .invoice .invoice-container {
      padding: 30px 20px;
   }
}

@media (max-width: 992px) {
   .app .invoice .invoice-table-total {
      width: 100%;
   }

   .app .pricing-table {
      margin-top: 20px;
      margin-bottom: 0px;
   }
}

.icons-preview {
   list-style: none;
   padding: 0px;
   margin: 0px;
   display: block;
   width: 100%;
   text-align: center;
}

   .icons-preview li {
      float: none;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: 1px solid #DBE0E4;
      margin: 0px 1px 4px 0px;
      cursor: pointer;
      background: #FFF;
      -webkit-transition: background 100ms linear;
      -moz-transition: background 100ms linear;
      -ms-transition: background 100ms linear;
      -o-transition: background 100ms linear;
      transition: background 100ms linear;
   }

      .icons-preview li span[class^='icon-'],
      .icons-preview li span.fa {
         line-height: 40px;
         font-size: 20px;
      }

      .icons-preview li span.fa {
         font-size: 14px;
      }

      .icons-preview li span.name {
         display: none;
      }

      .icons-preview li:hover {
         background: var(--ColorLindeLightGray50);
      }

   .icons-preview.extended li {
      width: 100px;
      height: 100px;
      padding: 5px;
      margin: 0px 1px 0px 0px;
      overflow: hidden;
   }

      .icons-preview.extended li span[class^='icon-'],
      .icons-preview.extended li span.fa {
         line-height: 60px;
         font-size: 40px;
         display: block;
         float: left;
         width: 100%;
      }

      .icons-preview.extended li span.fa {
         font-size: 28px;
      }

      .icons-preview.extended li span.name {
         display: block;
         float: left;
         width: 100%;
         font-size: 11px;
         font-weight: 600;
         line-height: 14px;
      }

.modal-icon-preview-icon span[class^="icon-"] {
   font-size: 60px;
}

.modal-icon-preview-icon span.fa {
   font-size: 42px;
}

.dropdown.dropdown-example > .dropdown-menu,
.dropup.dropdown-example > .dropdown-menu {
   position: static;
   display: block;
   margin-bottom: 1px;
   clear: left;
}

.app-chart-wrapper {
   float: left;
   width: 100%;
   position: relative;
}

   .app-chart-wrapper.app-chart-with-axis {
      padding-left: 20px;
      padding-bottom: 20px;
   }

      .app-chart-wrapper.app-chart-with-axis .app-chart-yaxis {
         position: absolute;
         left: 0px;
         height: 100%;
         width: 20px;
      }

      .app-chart-wrapper.app-chart-with-axis .app-chart-xaxis {
         position: absolute;
         width: 100%;
         height: 21px;
         left: 20px;
         bottom: 0px;
      }

      .app-chart-wrapper.app-chart-with-axis .rickshaw_graph .y_ticks path,
      .app-chart-wrapper.app-chart-with-axis .rickshaw_graph .x_ticks_d3 path {
         stroke: #DDD;
      }

      .app-chart-wrapper.app-chart-with-axis .detail .x_label {
         display: none !important;
      }

.simple-code-sample {
   float: left;
   width: 100%;
   background: var(--ColorLindeLightGray50);
   color: #333;
   padding: 15px 20px;
   line-height: 25px;
   font-weight: 600;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
/* chart holder */
.app-chart-holder {
   float: left;
   width: 100%;
}

.chart-legend {
   position: absolute;
   top: 5px;
   right: 5px;
}

.rickshaw_legend {
   background: rgba(255, 255, 255, 0.4);
}

   .rickshaw_legend .label {
      color: #000;
   }
/* chart holder */
/* sparkline */
.jqstooltip {
   display: block !important;
   padding: 0px !important;
   border: 0px !important;
}

.jqsfield {
   padding: 4px 5px 5px;
   display: inline-block;
   line-height: 20px;
}
/* eof sparkline */
.doc_fix_nav {
   position: relative;
}

   .doc_fix_nav.fixed {
      position: fixed;
      top: 15px;
      width: 100%;
   }

      .doc_fix_nav.fixed.stack {
         top: auto;
         bottom: 392px;
      }

.app-settings {
   position: fixed;
   top: 140px;
   right: -260px;
   width: 260px;
   padding: 10px;
   background: #FFF;
   border: 1px solid #DBE0E4;
   border-right: 0px;
   z-index: 100;
   color: var(--ColorLindeFont);
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 0px;
   -webkit-border-bottom-left-radius: 3px;
   -webkit-border-top-left-radius: 3px;
   -moz-border-radius-topright: 0px;
   -moz-border-radius-bottomright: 0px;
   -moz-border-radius-bottomleft: 3px;
   -moz-border-radius-topleft: 3px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 3px;
   border-top-left-radius: 3px;
   -webkit-transition: all 100ms linear;
   -moz-transition: all 100ms linear;
   -ms-transition: all 100ms linear;
   -o-transition: all 100ms linear;
   transition: all 100ms linear;
}

   .app-settings > .app-settings-button {
      position: absolute;
      left: -40px;
      top: 10px;
      width: 40px;
      height: 40px;
      background: var(--ColorLindeSignalRed);
      color: #FFF;
      border: 1px solid #ef4548;
      line-height: 41px;
      text-align: center;
      font-size: 20px;
      cursor: pointer;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 3px;
      -moz-border-radius-topleft: 3px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -ms-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear;
      -webkit-box-shadow: -2px 0px 3px 2px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: -2px 0px 3px 2px rgba(0, 0, 0, 0.05);
      box-shadow: -2px 0px 3px 2px rgba(0, 0, 0, 0.05);
   }

      .app-settings > .app-settings-button:hover {
         background: #ef4043;
      }

   .app-settings > .app-settings-setting {
      float: left;
      width: 100%;
      margin-top: 20px;
   }

   .app-settings > p {
      margin-top: 20px;
      float: left;
      width: 100%;
      font-size: 12px;
      color: #7F8FA4;
   }

      .app-settings > p > span {
         font-size: 13px;
         font-weight: 600;
         color: var(--ColorLindeFont);
      }

   .app-settings > .app-settings-themes-header,
   .app-settings > .app-settings-themes-navigation,
   .app-settings > .app-settings-themes-footer {
      float: left;
      width: 100%;
   }

      .app-settings > .app-settings-themes-header > span,
      .app-settings > .app-settings-themes-navigation > span,
      .app-settings > .app-settings-themes-footer > span {
         display: block;
         float: left;
         width: 100%;
         margin-bottom: 10px;
         line-height: 20px;
         font-size: 13px;
         font-weight: 600;
      }

      .app-settings > .app-settings-themes-header > div,
      .app-settings > .app-settings-themes-navigation > div,
      .app-settings > .app-settings-themes-footer > div {
         width: 40px;
         height: 40px;
         float: left;
         margin: 0px 5px 5px 0px;
         cursor: pointer;
      }

         .app-settings > .app-settings-themes-header > div.active,
         .app-settings > .app-settings-themes-navigation > div.active,
         .app-settings > .app-settings-themes-footer > div.active {
            -webkit-box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.4);
            -moz-box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.4);
            box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.4);
         }

         .app-settings > .app-settings-themes-header > div.app-header-design-default {
            border: 1px solid #DBE0E4;
            background: #FFF;
         }

         .app-settings > .app-settings-themes-header > div.app-header-design-dark {
            border: 1px solid var(--ColorLindeBlue);
            background: #272c40;
         }

         .app-settings > .app-settings-themes-header > div.app-header-design-lightblue {
            border: 1px solid #dae5f0;
            background: darken #f7f9fb;
         }

         .app-settings > .app-settings-themes-header > div.app-header-design-orange {
            border: 1px solid #f8bf63;
            background: #f8c36d;
         }

         .app-settings > .app-settings-themes-header > div.app-header-design-blue {
            border: 1px solid #204d78;
            background: #225280;
         }

   .app-settings .app-settings-themes-navigation > span {
      margin-top: 20px;
   }

   .app-settings .app-settings-themes-navigation > div.app-navigation-style-default {
      border: 1px solid var(--ColorLindeBlue);
      background: var(--ColorLindeBlue);
   }

   .app-settings .app-settings-themes-navigation > div.app-navigation-style-light {
      border: 1px solid #F2F2F2;
      background: #FFF;
   }

   .app-settings .app-settings-themes-navigation > div.app-navigation-style-lightblue {
      border: 1px solid #e1eaf3;
      background: #f7f9fb;
   }

   .app-settings .app-settings-themes-navigation > div.app-navigation-style-purple {
      border: 1px solid #362c42;
      background: #3b3048;
   }

   .app-settings .app-settings-themes-navigation > div.app-navigation-style-blue {
      border: 1px solid #204d78;
      background: #225280;
   }

   .app-settings .app-settings-themes-footer > span {
      margin-top: 20px;
   }

   .app-settings .app-settings-themes-footer > div.app-footer-default {
      border: 1px solid #212636;
      background: #252a3c;
   }

   .app-settings .app-settings-themes-footer > div.app-footer-dark {
      border: 1px solid #000;
      background: #111;
   }

   .app-settings .app-settings-themes-footer > div.app-footer-light {
      border: 1px solid #E5E5E5;
      background: #FFF;
   }

   .app-settings .app-settings-themes-footer > div.app-footer-purple {
      border: 1px solid #362c42;
      background: #3b3048;
   }

   .app-settings .app-settings-themes-footer > div.app-footer-blue {
      border: 1px solid #204d78;
      background: #225280;
   }

   .app-settings.open {
      right: 0px;
      border: 1px solid #E5E5E5;
      -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
   }

      .app-settings.open > .app-settings-button {
         background: #FFF;
         border: 1px solid #E5E5E5;
         color: var(--ColorLindeFont);
         border-right-color: #FFF;
      }

.img-thumbnail {
   padding: 3px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   width: 100%;
}

.app .app-error-container {
   float: left;
   width: 100%;
   min-height: 100%;
   background: url("../img/backgrounds/sky.png") center center repeat;
}

   .app .app-error-container .app-error {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -175px;
      margin-left: -250px;
      width: 500px;
      height: 350px;
      text-align: center;
   }

      .app .app-error-container .app-error .app-error-code {
         font-size: 220px;
         font-weight: 300;
         float: left;
         width: 100%;
         line-height: 200px;
         color: var(--ColorLindeBlue);
         margin-bottom: 20px;
      }

      .app .app-error-container .app-error .app-error-message {
         float: left;
         width: 100%;
         font-size: 17px;
         font-weight: 600;
         line-height: 30px;
         color: #7F8FA4;
         margin-bottom: 50px;
      }

      .app .app-error-container .app-error .app-error-button {
         float: left;
         width: 100%;
      }

.app.app-rtl {
   /* NAVIGATION */
   /* END NAVIGATION */
   /* HEADING */
   /* END HEADING */
   /* BREADCRUMB */
   /* END BREADCRUMB */
}

   .app.app-rtl .app-navigation .app-navigation-logo {
      background: url(../img/logo-rtl.png) right top no-repeat #272c40;
   }

   .app.app-rtl .app-navigation nav ul > li.openable > a:after {
      content: "\e874";
      right: auto;
      left: 0px;
      padding: 10px;
   }

   .app.app-rtl .app-navigation nav ul > li.openable > a span.label {
      left: 40px;
   }

   .app.app-rtl .app-navigation nav > ul > li a {
      text-align: right;
      padding: 10px 15px 10px 30px;
   }

      .app.app-rtl .app-navigation nav > ul > li a span {
         float: right;
         margin: 0px 0px 0px 15px;
      }

         .app.app-rtl .app-navigation nav > ul > li a span.label {
            margin: 0px;
            right: auto;
            left: 10px;
         }

   .app.app-rtl .app-navigation nav > ul > li ul > li > a {
      padding-right: 30px;
   }

   .app.app-rtl .app-navigation nav > ul > li ul > li ul > li > a {
      padding-right: 45px;
   }

   .app.app-rtl .app-navigation nav > ul > li.title {
      text-align: right;
      padding: 20px 15px 10px 0px;
   }

   .app.app-rtl .app-navigation.app-navigation-minimized .app-navigation-logo {
      background-image: url(../img/logo.png);
   }

   .app.app-rtl .app-navigation.app-navigation-minimized nav > ul > li > a {
      padding: 10px !important;
   }

      .app.app-rtl .app-navigation.app-navigation-minimized nav > ul > li > a span {
         float: right;
         margin-left: 0px;
         margin-top: 0px;
         text-align: center;
      }

   .app.app-rtl .app-navigation.app-navigation-minimized nav ul > li > a {
      padding-right: 15px;
   }

   .app.app-rtl .app-navigation.app-navigation-minimized nav ul > li.openable > a:after {
      content: "\e93c";
   }

   .app.app-rtl .app-navigation.app-navigation-minimized nav ul > li.open > a:after {
      content: "\e93b";
   }

   .app.app-rtl .app-heading .icon {
      float: right;
      margin-right: 0px;
      margin-left: 15px;
   }

   .app.app-rtl .app-heading .title {
      float: right;
      text-align: right;
   }

   .app.app-rtl .app-heading .heading-elements {
      float: left;
   }

   .app.app-rtl .breadcrumb {
      float: right;
   }

      .app.app-rtl .breadcrumb > li + li:before {
         content: "\f104";
      }