body {
}

.my-body-bg {
}

/* Primary Color */
.my-bg-primary {
   background-color: #2794d1 !important;
   color: #ffffff !important;
}

.my-button-primary {
   background-color: #2794d1 !important;
   color: #ffffff !important;
}

.my-border-primary {
   border-color: #2794d1 !important;
}

.my-text-primary {
   color: #2794d1 !important;
}
/* Primary Color */

/* Secondary Color */
.my-bg-secondary {
   background-color: #98ca41 !important;
   color: #ffffff !important;
}

.my-button-secondary {
   background-color: #98ca41 !important;
   color: #ffffff !important;
}

.my-border-secondary {
   border-color: #98ca41 !important;
}

.my-text-secondary {
   color: #98ca41 !important;
}
/* Secondary Color */

/* Tertiary Color */
.my-bg-tertiary {
   background-color: #f47521 !important;
   color: #ffffff !important;
}

.my-button-tertiary {
   background-color: #f47521 !important;
   color: #ffffff !important;
}

.my-border-tertiary {
   border-color: #f47521 !important;
}

.my-text-tertiary {
   color: #f47521 !important;
}
/* Tertiary Color */

/* GreenPlan Color */
.my-bg-greenplan {
   background-color: #7DB163 !important;
   color: #ffffff !important;
}

.my-button-greenplan {
   background-color: #7DB163 !important;
   color: #ffffff !important;
}

.my-border-greenplan {
   border-color: #7DB163 !important;
}

.my-text-greenplan {
   color: #7DB163 !important;
}

.greenplan .bg-secondary {
   background-color: #7DB163 !important;
}

.greenplan .form-control:focus {
   border-color: #7DB163;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(60, 79, 113, 0.5);
}

.greenplan .btn-next {
   background-color: #7DB163 !important;
   color: #ffffff !important;
   border-color: #7DB163 !important;
}

   .greenplan .btn-next:hover {
      color: #fff !important;
      background-color: #4CAF50 !important;
      border: 1px solid #4CAF50 !important;
      text-decoration: none !important;
   }

.greenplan .btn-previous {
   background-color: #6C757D !important;
   color: #ffffff !important;
   border-color: #6C757D !important;
}

   .greenplan .btn-previous:hover {
      color: #fff !important;
      background-color: #555555 !important;
      border: 1px solid #555555 !important;
      text-decoration: none !important;
   }

.greenplan .btn-finish {
   background-color: #7DB163 !important;
   color: #ffffff !important;
   border-color: #7DB163 !important;
}

   .greenplan .btn-finish:hover {
      color: #fff !important;
      background-color: #4CAF50 !important;
      border: 1px solid #4CAF50 !important;
      text-decoration: none !important;
   }

/* Smart Wizard Circle */
.greenplan.sw-theme-circles > ul.step-anchor > li.active > a {
   border-color: #7DB163 !important;
   color: #fff !important;
   background: #7DB163 !important;
}

   .greenplan.sw-theme-circles > ul.step-anchor > li.active > a > small {
      color: #7DB163;
   }

.greenplan.sw-theme-circles > ul.step-anchor > li.danger > a > small {
   color: #d9534f
}

.greenplan.sw-theme-circles > ul.step-anchor > li.done > a {
   border-color: #6C757D;
   color: #fff;
}
/* GreenPlan Color */

/* SmartPlan Color */
.my-bg-smartplan {
   background-color: #2794d1 !important;
   color: #ffffff !important;
}

.my-button-smartplan {
   background-color: #2794d1 !important;
   color: #ffffff !important;
}

.my-border-smartplan {
   border-color: #2794d1 !important;
}

.my-text-smartplan {
   color: #2794d1 !important;
}

.smartplan .bg-secondary {
   background-color: #2794d1 !important;
}

.smartplan .btn-next {
   background-color: #2794d1 !important;
   color: #ffffff !important;
   border-color: #2794d1 !important;
}

   .smartplan .btn-next:hover {
      color: #fff !important;
      background-color: #008CBA !important;
      border: 1px solid #008CBA !important;
      text-decoration: none !important;
   }

.smartplan .btn-previous {
   background-color: #6C757D !important;
   color: #ffffff !important;
   border-color: #6C757D !important;
}

   .smartplan .btn-previous:hover {
      color: #fff !important;
      background-color: #555555 !important;
      border: 1px solid #555555 !important;
      text-decoration: none !important;
   }

.smartplan .btn-finish {
   background-color: #2794d1 !important;
   color: #ffffff !important;
   border-color: #2794d1 !important;
}

   .smartplan .btn-finish:hover {
      color: #fff !important;
      background-color: #008CBA !important;
      border: 1px solid #008CBA !important;
      text-decoration: none !important;
   }

/* Smart Wizard Circle */
.smartplan.sw-theme-circles > ul.step-anchor > li.active > a {
   border-color: #2794d1 !important;
   color: #fff !important;
   background: #2794d1 !important;
}

.smartplan.sw-theme-circles > ul.step-anchor > li.done > a {
   border-color: #6C757D !important;
   color: #fff !important;
   background: #6C757D;
}

/* SmartPlan Color */

/* MarketPlan Color */
.my-bg-marketplan {
   background-color: #D68500 !important;
   color: #ffffff !important;
}

.my-button-marketplan {
   background-color: #D68500 !important;
   color: #ffffff !important;
}

.my-border-marketplan {
   border-color: #D68500 !important;
}

.my-text-marketplan {
   color: #D68500 !important;
}

.marketplan .bg-secondary {
   background-color: #D68500 !important;
}

.marketplan .form-control:focus {
   border-color: #D68500;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(60, 79, 113, 0.5);
}

.marketplan .btn-next {
   background-color: #D68500 !important;
   color: #ffffff !important;
   border-color: #D68500 !important;
}

   .marketplan .btn-next:hover {
      color: #fff !important;
      background-color: #B78900 !important;
      border: 1px solid #B78900 !important;
      text-decoration: none !important;
   }

.marketplan .btn-previous {
   background-color: #6C757D !important;
   color: #ffffff !important;
   border-color: #6C757D !important;
}

   .marketplan .btn-previous:hover {
      color: #fff !important;
      background-color: #555555 !important;
      border: 1px solid #555555 !important;
      text-decoration: none !important;
   }

.marketplan .btn-finish {
   background-color: #D68500 !important;
   color: #ffffff !important;
   border-color: #D68500 !important;
}

   .marketplan .btn-finish:hover {
      color: #fff !important;
      background-color: #B78900 !important;
      border: 1px solid #B78900 !important;
      text-decoration: none !important;
   }

/* Smart Wizard Circle */
.marketplan.sw-theme-circles > ul.step-anchor > li.active > a {
   border-color: #D68500 !important;
   color: #fff !important;
   background: #D68500 !important;
}

   .marketplan.sw-theme-circles > ul.step-anchor > li.active > a > small {
      color: #D68500;
   }

.marketplan.sw-theme-circles > ul.step-anchor > li.danger > a > small {
   color: #d9534f
}

.marketplan.sw-theme-circles > ul.step-anchor > li.done > a {
   border-color: #6C757D;
   color: #fff;
}
/* MarketPlan Color */

.my-header-1 {
   border-left: 5px solid;
   border-bottom: 1px solid;
   border-color: #f47521 !important;
}

.cursor-pointer:not(:disabled):not(.disabled) {
   cursor: pointer;
}

#siteseal {
   width: 123px;
   height: 31px;
   overflow: hidden;
}

/* Energy Loading */
#div-loading {
   z-index: 9999;
}

   #div-loading .modal-content {
      background-color: rgba(255,255,255, .8);
   }

.energy-loading:before {
   content: '';
   border-radius: 50%;
   border: 3px solid transparent !important;
   border-top: 3px solid transparent !important;
   border-left: 3px solid #0068b3 !important;
   display: inline-block;
   top: 50%;
   left: 50%;
   width: 80px;
   height: 80px;
   -webkit-animation: spin 1s linear infinite;
   -moz-animation: spin 1s linear infinite;
   animation: spin 1s linear infinite;
}

.energy-loading:after {
   content: '';
   position: absolute;
   display: block;
   opacity: 1;
   top: 0;
   left: 15px;
   height: 90px;
   width: 85px;
   -webkit-transition: all .2s ease;
   transition: all .2s ease;
   background-size: 40px;
   background-image: url(../../Images/icon-t_dash.png);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-animation: flicker 1s infinite;
   -moz-animation: flicker 1s infinite;
   -o-animation: flicker 1s infinite;
   animation: flicker 1s infinite;
}
/* Energy Loading */

/* Top Menu Bar */
.menu-navbar {
   /*background-image: linear-gradient(transparent 30%, #98ca41 100%);*/
}

   .menu-navbar .nav-item {
      /*background-image: linear-gradient(transparent 1%, #0068b3 10%, #0068b3 90%, transparent 115%);*/
   }

      .menu-navbar .nav-item:hover {
         background-image: none;
      }

         .menu-navbar .nav-item:hover a {
         }

      .menu-navbar .nav-item.active {
      }

         .menu-navbar .nav-item.active a {
         }

         .menu-navbar .nav-item.active .nav-link {
            border-bottom: 2px solid #2794d1;
            /*background-color: #e4e4e4;*/
            /*color: #585657;*/
         }

            .menu-navbar .nav-item.active .nav-link:hover {
               color: #585657;
            }

      .menu-navbar .nav-item .nav-link {
         border-bottom: 2px solid transparent;
         /*color: #000000;*/
         color: #585657;
      }

         .menu-navbar .nav-item .nav-link:hover {
            border-bottom: 2px solid #2794d1;
            background-color: transparent;
            font-weight: bold;
            /*color: #585657;*/
         }
/* Top Menu Bar */

/* Logo Bar */
.logo-navbar {
}

   .logo-navbar .social-bar {
   }

      .logo-navbar .social-bar .nav-link {
         line-height: 1;
      }
/* Logo Bar */

/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
   content: "" !important;
}
/* Breadcrumb */

/* Flex */
.flex-center {
   display: flex;
   flex-direction: column;
   justify-content: center;
}
/* Flex */

/** Bootstrap Override **/
/* Carousel */
.carousel-control-next, .carousel-control-prev {
   width: auto;
   background-color: #000;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   margin: auto 10px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
   display: block;
}
/* Carousel */
/* Tab */
.tab-content.tab-content-bordered {
   border: 1px solid transparent;
   border-color: #fff #dee2e6 #dee2e6 #dee2e6;
}
/* Tab */
/** Bootstrap Override **/

/** Bootstrap Extension **/
/* Border radius  */
.border-radius-right-0 {
   border-bottom-right-radius: 0 !important;
   border-top-right-radius: 0 !important;
}

.border-radius-left-0 {
   border-bottom-left-radius: 0 !important;
   border-top-left-radius: 0 !important;
}

.border-radius-0 {
   border-radius: 0 !important;
}
/** Bootstrap Extension **/

/* Selectize Override */
.input-group .selectize-control {
   height: 0 !important;
}

.selectize-control.border-radius-0 .selectize-input {
   border-radius: 0;
}

.selectize-control.border-radius-right-0 .selectize-input {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.selectize-control.border-radius-left-0 .selectize-input {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.selectize-dropdown .active {
   cursor: pointer;
}
/* Selectize Override */

/* Dynamic Components */
.img-logo {
   max-height: 50px;
   min-width: 170px;
}

/* Input for x button clear text */
.form-control-clear {
   z-index: 10;
   pointer-events: auto;
   cursor: pointer;
   position: absolute;
   right: 1em;
   top: 0.2em;
}

.has-clear input[type=text] {
   padding-right: 2em;
}


/* Font Awesome Override */
.fa-caret-left {
   padding: 0 1px 0 0;
}

.fa-caret-right {
   padding: 0 0 0 1px;
}
/* Font Awesome Override */

/* Smart Wizard Override */
.smartwizard {
   -webkit-box-shadow: 8px 8px 20px 0px rgba(19,19,19,1);
   -moz-box-shadow: 8px 8px 20px 0px rgba(19,19,19,1);
   box-shadow: 8px 8px 20px 0px rgba(19,19,19,1);
}

   .smartwizard ul.step-anchor {
      background-color: transparent !important;
   }

      .smartwizard ul.step-anchor > li {
      }

         .smartwizard ul.step-anchor > li.danger {
         }

            .smartwizard ul.step-anchor > li.danger > a {
               border-color: #d9534f;
               color: #fff;
               background: #d9534f;
            }

   .smartwizard .step-container {
   }

      .smartwizard .step-container .fieldset-footer {
         position: relative;
         top: 40px;
      }

   .smartwizard .sw-toolbar-bottom {
      position: absolute;
      right: 15px;
      bottom: 15px;
   }

   .smartwizard.sw-loading::after {
      position: fixed !important;
      z-index: 100 !important;
      background-size: 20px;
      background-image: url(../../Images/icon-t_dash.png);
      background-repeat: no-repeat;
      background-position: center;
   }

   .smartwizard.sw-loading::before {
      position: fixed !important;
      z-index: 101 !important;
      border: 3px solid transparent !important;
      border-top: 3px solid transparent !important;
      border-left: 3px solid #0068b3 !important;
   }

/* Smart Wizard Circle */
.sw-theme-circles > ul.step-anchor > li.danger > a,
.sw-theme-circles > ul.step-anchor > li.active.danger > a {
   border-color: #dc3545 !important;
   color: #fff;
   background: #dc3545 !important;
}

@media (max-width: 768px) {
   h1 {
      font-size: 30px;
   }

   h2 {
      font-size: 25px;
   }

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

      .smartwizard > ul.step-anchor {
         margin-bottom: 0;
      }

      .smartwizard ul.step-anchor > li > a {
         width: 55px;
         height: 55px;
         padding: 18px 0;
         font-size: 80%;
      }

         .smartwizard ul.step-anchor > li > a .step-number {
            font-size: 150%;
            font-weight: 600;
            position: relative;
            bottom: 3px;
         }
}

@media (max-width: 568px) {
   .smartwizard {
      padding-top: 20px !important;
   }

      .smartwizard > ul.step-anchor {
         margin-bottom: 10px;
      }

      .smartwizard ul.step-anchor > li > a {
         width: 45px;
         height: 45px;
         padding: 14px 0;
         font-size: 75%;
      }

         .smartwizard ul.step-anchor > li > a .step-number {
            font-size: 150%;
            font-weight: 600;
            position: relative;
            bottom: 3px;
         }

      .smartwizard .sw-toolbar {
         padding: 0px !important;
      }
}

/* Smart Wizard Override Override */


@media (max-width: 768px) {
   .greenplanwizard {
      padding-top: 20px !important;
   }

      .greenplanwizard > ul.step-anchor {
         margin-bottom: 0;
      }

      .greenplanwizard ul.step-anchor > li > a {
         width: 55px;
         height: 55px;
         padding: 18px 0;
         font-size: 80%;
      }

         .greenplanwizard ul.step-anchor > li > a .step-number {
            font-size: 150%;
            font-weight: 600;
            position: relative;
            bottom: 3px;
         }
}

@media (max-width: 568px) {
   .greenplanwizard {
      padding-top: 20px !important;
   }

      .greenplanwizard > ul.step-anchor {
         margin-bottom: 10px;
      }

      .greenplanwizard ul.step-anchor > li > a {
         width: 45px;
         height: 45px;
         padding: 14px 0;
         font-size: 75%;
      }

         .greenplanwizard ul.step-anchor > li > a .step-number {
            font-size: 150%;
            font-weight: 600;
            position: relative;
            bottom: 3px;
         }

      .greenplanwizard .gw-toolbar {
         padding: 0px !important;
      }
}

/* green plan Wizard Override Override */

/* Form - NewMoveIn  */
form[class^="newmovein"] {
   position: relative;
   z-index: 1;
}

   form[class^="newmovein"].newmovein-0:before {
      content: '';
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      opacity: .1;
      background-image: url(/Images/Icons/icon-business-grey.png), url(/Images/Icons/icon-newmovein-grey.png);
      background-size: 45px;
   }

   form[class^="newmovein"].newmovein-1:before {
      content: '';
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      opacity: .1;
      background-image: url(/Images/Icons/icon-individual-grey.png), url(/Images/Icons/icon-newmovein-grey.png);
      background-size: 45px;
   }
/* Smart Wizard - NewMoveIn  */

/* Form - Switching  */
form[class^="switching"] {
   position: relative;
   z-index: 1;
}

   form[class^="switching"].switching-0:before {
      content: '';
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      opacity: .1;
      background-image: url(/Images/Icons/icon-business-grey.png), url(/Images/Icons/icon-switching-grey.png);
      background-size: 45px;
   }

   form[class^="switching"].switching-1:before {
      content: '';
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      opacity: .1;
      background-image: url(/Images/Icons/icon-individual-grey.png), url(/Images/Icons/icon-switching-grey.png);
      background-size: 45px;
   }
/* Smart Wizard - Switching  */


/* List */
ul.numbered-gradient {
   counter-reset: index;
   padding: 0;
}

   /* List element */
   ul.numbered-gradient li {
      counter-increment: index;
      display: flex;
      align-items: center;
      padding: 12px 0;
      box-sizing: border-box;
   }

      /* Element counter */
      ul.numbered-gradient li::before {
         content: counters(index, ".", decimal-leading-zero);
         font-size: 1.5rem;
         text-align: right;
         font-weight: bold;
         min-width: 50px;
         padding-right: 12px;
         font-feature-settings: "tnum";
         font-variant-numeric: tabular-nums;
         align-self: flex-start;
         background-image: linear-gradient(to bottom, aquamarine, orangered);
         background-attachment: fixed;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
      }


      /* Element separation */
      ul.numbered-gradient li + ul.numbered-gradient li {
         border-top: 1px solid rgba(255,255,255,0.2);
      }

/* Tiles Wrap */
.tilesWrap {
   padding: 0;
   margin: 50px auto;
   list-style: none;
   text-align: center;
}

   .tilesWrap li {
      display: inline-block;
      width: 50%;
      min-width: 25%;
      max-width: 45%;
      padding: 80px 20px 40px;
      position: relative;
      vertical-align: top;
      margin: 10px;
      font-family: 'helvetica', san-serif;
      min-height: 25vh;
      text-align: left;
   }

      .tilesWrap li h2 {
         font-size: 114px;
         margin: 0;
         position: absolute;
         opacity: 0.2;
         top: 50px;
         right: 10px;
         transition: all 0.3s ease-in-out;
      }

      .tilesWrap li h3 {
         font-size: 20px;
         margin-bottom: 5px;
      }

      .tilesWrap li p {
         font-size: 16px;
         line-height: 18px;
         color: #b7b7b7;
         margin-top: 5px;
      }

      .tilesWrap li button {
         /*background: transparent;*/
         /*padding: 10px 20px;*/
         /*border-radius: 3px;*/
         /*position: relative;*/
         transition: all 0.3s ease-in-out;
         /*transform: translateY(-40px);*/
         /*opacity: 0;*/
         cursor: pointer;
         /*overflow: hidden;*/
      }

         .tilesWrap li button:before {
            content: '';
            position: absolute;
            height: 100%;
            width: 120%;
            background: #b7b7b7;
            top: 0;
            opacity: 0;
            left: -140px;
            border-radius: 0 20px 20px 0;
            z-index: -1;
            transition: all 0.3s ease-in-out;
         }

      .tilesWrap li:hover h2 {
         top: 0px;
         opacity: 0.6;
      }

      .tilesWrap li:before {
         content: '';
         position: absolute;
         top: -2px;
         left: -2px;
         right: -2px;
         bottom: -2px;
         z-index: -1;
         background: #fff;
         transform: skew(2deg, 2deg);
      }

      .tilesWrap li:nth-child(1):before {
         background: #C9FFBF;
         background: -webkit-linear-gradient(to right, #FFAFBD, #C9FFBF);
         background: linear-gradient(to right, #FFAFBD, #C9FFBF);
      }

      .tilesWrap li:nth-child(2):before {
         background: #f2709c;
         background: -webkit-linear-gradient(to right, #ff9472, #f2709c);
         background: linear-gradient(to right, #ff9472, #f2709c);
      }

      .tilesWrap li:nth-child(3):before {
         background: #c21500;
         background: -webkit-linear-gradient(to right, #ffc500, #c21500);
         background: linear-gradient(to right, #ffc500, #c21500);
      }

      .tilesWrap li:nth-child(4):before {
         background: #FC354C;
         background: -webkit-linear-gradient(to right, #0ABFBC, #FC354C);
         background: linear-gradient(to right, #0ABFBC, #FC354C);
      }

/* Nav Pill Custom */
.nav-pills-custom .nav-link {
   color: #aaa;
   background: #fff;
   position: relative;
}

   .nav-pills-custom .nav-link.active {
      color: #fff;
      background: #007bff;
   }

/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
   .nav-pills-custom .nav-link::before {
      content: '';
      display: block;
      border-top: 8px solid transparent;
      border-left: 10px solid #007bff;
      border-bottom: 8px solid transparent;
      position: absolute;
      top: 50%;
      right: -10px;
      transform: translateY(-50%);
      opacity: 0;
   }
}

.nav-pills-custom .nav-link.active::before {
   opacity: 1;
}

.back-to-top {
   position: fixed;
   bottom: 10px;
   right: 10px;
   display: none;
   opacity: .7;
}


ul.my-indent-list {
   margin: 0;
   padding: 0;
   list-style: none;
}

   ul.my-indent-list > li {
      display: table;
      margin-bottom: .5em;
   }

      ul.my-indent-list > li::before {
         content: attr(data-content);
         display: table-cell;
         padding-right: 5px;
      }

      ul.my-indent-list > li > span {
         display: table-cell;
      }