/* Color used
1. Normal : #000099 
2. Hover : #7FD5F3
*/

@import url("fonts/EnBWDINWebPro/stylesheet.css");
@import url("fonts/EnBWDINWebPro-Bold/stylesheet.css");
@import url("fonts/EnBWDINWebPro-Light/stylesheet.css");
@import url("fonts/EnBWDINWebPro-Medium/stylesheet.css");
 
 
 

body {background: #ffffff; font-family: "EnBWDINWebPro", sans-serif; font-size: 14px}
a, a:hover {color: #000000; }
a, a:focus, button {outline: none}
.form-control, .btn  {font-size: 14px}
form input, .form-control:focus {box-shadow: 0 0 0 0rem !important; }
form input, .form-control {max-height: 35px}
.form-control {border-radius: 0}
.custom-select, .custom-select:focus {border-radius: 0; box-shadow: none}
ul {padding-left: 18px}
button {min-width: 150px !important;}
textarea {max-width: 100%; width: 100%}


 


         /*Landing page start*/


         


          button {min-width: auto !important; border: 0;}
          .main_wrapper {padding: 0; overflow: hidden; margin-top: 0; background: #f6f6f6; margin-bottom: 0}
          .btn-secondary {color: #fff; background: #ccc; border: 0; border-radius: 0 8px 0 0}
          .btn-secondary:hover {color: #ff9900; background: #fff; border: 0}
.blue-text {color: #000099}

a.enbw_link {border-bottom: 2px solid #ff9900 !important; color:#000099 !important; text-decoration: none; cursor: pointer }
.or_circle
 {display: inline-block; background: #ff9900; height: 50px; width: 50px; color:#fff; border-radius: 50%; line-height: 50px; text-align: center; position: relative; margin: 15px}
 .or_circle:after {content: ''; height: 7px; width: 1px; background: #3b3b3b; position: absolute; top: -7px; left: 24px;  }
 .or_circle:before {content: ''; height: 8px; width: 1px; background: #3b3b3b; position: absolute; bottom: -8px; left: 24px;  }

 .top_section_wrapper {padding: 0 0; background: #f6f6f6; width: 100%; margin: 0 auto 0 auto}
 .content-navigation-spacer {
    height: 45px;
    background-image: linear-gradient(#ebebeb,#f6f6f6);}
  
  .top_section_wrapper .text-center.blue-text {padding: 12px 15px 0px 15px}

    .top_section_wrapper p{margin: 0}
    .top_section_wrapper .form-group {margin: 5px 5px 10px 5px}  
     .top_section_wrapper .card .form-group {margin: 0} 
    .top_section_wrapper .form-group .date {max-width: 120px}
    .top_section_wrapper .form-inline .btn-primary 
    {margin-left:5px; max-width: 80px !important; min-width: 60px !important; border:none; border-radius: 0 10px 0 0; width: 60px; margin-top: -4px; background: #ccc}
    .top_section_wrapper .form-inline .btn-primary:hover, .btn-primary, .btn-primary.active, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle 
    {background: #ff9900; border-radius: 0 10px 0 0; border: 0 }
    
    .top_section_wrapper .form-control,  .top_section_wrapper .form-inline .btn-primary  {min-height: 36px}
    .right_detail {background: #f6f6f6; box-shadow: 0px 10px 10px   #aaa}
    .left_map {background: #e3e3e3}
    .right_detail .enbwtab.nav-tabs .nav-link {
        background-image: linear-gradient(#fff,#fff)  ; border-radius: 0; border: none ; min-width: 100px; text-align: center }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active 
    {border: none; background-image: linear-gradient(#f90,#e70) !important; border-radius: 0; color: #fff !important; position: relative
    }
    .right_detail li.nav-item {padding: 4px 2px; position: relative;}
    .nav-tabs {border: none; padding-top: 8px}
    .nav-tabs .nav-link.active:after {left: 50%;
    margin-left: -8px;
    bottom: -5px;
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-top-color: #e70;
    border-bottom: 0;}

    .right_detail .tab-content {padding: 15px 5px; width: 100%}
    table.borderless, .table.borderless td, .table.borderless th {border-top:0; border-right: 2px solid #e3e3e3}
    table.borderless, .table.borderless td:last-child, .table.borderless th:last-child {border-right: 0px solid #e3e3e3}

    ul.download_items  { padding-left: 0px;}
    ul.download_items li {list-style: none; background: #fff}
    
    ul.download_items li div.downloadlist_wrapper {border-bottom: 1px solid #e3e3e3;  padding: 20px 15px; margin: 0 15px}
    ul.download_items li h6 {  font-size: 15px; font-weight: bold; padding-left: 20px; position: relative;}
    ul.download_items li h6:before {content: '\f078'; font-family: "Font Awesome 5 Free"; position: absolute; top: 0; left: 0; color: #ff9900}
    ul.download_items li p{font-size: 12px; color: #979797; margin: 0}

    ul.download_items li:hover   {background: #ff9900; }
    ul.download_items li:hover div.downloadlist_wrapper h6, ul.download_items li:hover div.downloadlist_wrapper p {color: #fff}
    ul.download_items li:hover .btn-secondary {color: #ff9900; background: #fff; border: 0; border-radius: 0 8px 0 0}
    ul.download_items li:hover h6:before {color: #fff}
  .downloadlist_wrapper .btn {min-width: 60px !important}
    

    .carousel-inner img {width: 100%; height: 320px}
    .carousel-indicators {bottom: 0}
    .carousel-indicators li {border:1px solid #fff;    width: 10px;
        height: 10px; border-radius: 50%}
    
        .carousel-indicators li.active {background: #ff9900;}
        .right_headerpart h5 {font-weight: 600}
        .right_headerpart h5, .right_headerpart p {padding-top: 25px; padding-bottom: 18px }
        .right_headerpart .row {background: #fff;}
    .list_container .right_headerpart a.enbw_link {display: none}

    .list_container .pagination_wrapper {margin-left: 15px}
    .page-link {padding: .4rem .7rem}
    .pagination_left_text { margin-right: 5px;}
    select.items_on_page {max-width: 65px; margin-right: 6px;}
  .pagination_middle_text .custom-select {height: calc(2rem + 2px); padding: .3rem 1.5rem .3rem .75rem;}
  .no_records {text-align: center; padding-top:20px}
  .top_section_wrapper .btn-group {    padding: 5px;}
  #calendar {background: #fff}
  .list_container  {background: #fff;min-height: 250px;}
  
    

        @media (max-width: 768px) {
            .right_headerpart h5, .right_headerpart p {padding-top: 5px; padding-bottom: 5px ; }

        }

         /*Landing page end*/



         /*multi level drop down*/
         .dropdown-submenu {
            position: initial;
        }

        
        .dropdown-submenu>.dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: 0px;
            margin-left: 0px;
        }

        .dropdown-submenu:hover>.dropdown-menu {
            display: block;
        }




        /*multi level drop down end*/

        .btn:focus  {
            outline: none;
            box-shadow: none;
          }

        .top_section_wrapper .card {background: none; border: none; outline: none; overflow: visible}
      
        .top_section_wrapper .card a {color: #000099}
        .top_section_wrapper .card .btn-group.show a {font-weight: 600}
        .top_section_wrapper .card .btn-group.show ul {border-radius: 0; min-width:220px}
        .top_section_wrapper .card .btn-group.show ul li a.dropdown-item { font-size: 13px; font-weight: normal;  padding: .4rem 1.5rem;}
        .top_section_wrapper .card .btn-group.show ul li:hover a.dropdown-item {color:#ff9900; background: transparent;}
        .top_section_wrapper .card .btn-group.show ul li ul {background: #f4f4f4}
        .top_section_wrapper .card .btn-group.show ul li ul li a.dropdown-item  {color: #000099 !important}
        .top_section_wrapper .card .btn-group.show ul li ul li:hover a.dropdown-item  {color: #ff9900 !important}

        .dropdown-toggle::after {display: none}
        .top_section_wrapper .dropdown-submenu> a:after {display: none}
        .orange_txt {color:#ff9900;}
        .section_header {
            color: #000099;
            padding: 5px 20px;
            font-size: 13px;
            font-weight: 600;
        }

        .relative_dropdown ul {min-height: 435px}

        

        /*middle content*/
        .middle_content {min-height: 450px; background: #f6f6f6; padding: 15px}

        .select_numberof_users {margin-top: 30px}
        .select_numberof_users ul {padding-left: 0;  }
        .select_numberof_users ul li {list-style: none; display: inline-block; padding: 20px 15px; font-size: 13px;  }


        .tech_nav_div {margin-top: 10px; min-height:100px;}
        .tech_nav_div li p img {width: 50px;}
    .tech_nav_div li p {margin-bottom: 0.4rem;}
        .tech_nav_div ul {padding-left: 0; text-align: left}
        .tech_nav_div ul li {list-style: none; display: inline-block; padding: 6px 12px; font-size: 13px; text-align: center}



         /*middle content end*/

/* for svg 
*/

.st0{fill:transparent;}
  .st1{opacity:0.36;fill:#FFFFFF!important;stroke:#262F61 !important;stroke-width:0.7 !important;stroke-miterlimit:10 !important;enable-background:new !important    ;}
.st2{fill:#262E61;}
.st3{fill:url(#SVGID_1_);}
.st4{fill:url(#SVGID_2_);}
.st5{fill:url(#SVGID_3_);}
.st6{fill:url(#SVGID_4_);}
.st7{fill:url(#SVGID_5_);}
.st8{fill:url(#SVGID_6_);}
.st9{fill:url(#SVGID_7_);}
.st10{fill:url(#SVGID_8_);}
.st11{fill:url(#SVGID_9_);}
.st12{fill:url(#SVGID_10_);}
.st13{fill:url(#SVGID_11_);}
.st14{fill:url(#SVGID_12_);}
.st15{fill:url(#SVGID_13_);}


.power_plant {cursor: pointer;}

#log {background: lightyellow; height: 500px; width: 500px; position: absolute; left: 500px; top: 0;}



.red { fill: #ff9900;   cursor: pointer;}


#svg {
  width: 500px;
  height: 500px;
  background: lightcyan;
  position: absolute;
  left: 0;
  top: 0;
}

#log {
  background: lightyellow;
  height: 500px;
  width: 500px;
  position: absolute;
  left: 500px;
  top: 0;
}

 

.map-popup {
  position: absolute;
  box-sizing: border-box;
  padding-bottom: 12.3px;
  min-width: 150px;
  max-width: 220px;
  cursor: pointer;
}
.map-popup .label {
  text-align: left;
  background: #ffff;
   
  font-size: 13px;
  line-height: 18px;
  border-radius: 0px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
  font-weight: bold;
}

.map-popup .label  span {font-weight: normal}
.map-popup .arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-style: solid;
  border-width: 13.3px 10px 0 10px;
  border-color: transparent;
  border-top-color: blue;
  display: none
}
.map-popup .arrow:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 13.3px 10px 0 10px;
  border-color: transparent;
  border-top-color: #e7e7e7;
  margin-left: -10px;
  bottom: 1px;
}
#datePicker_1{
  width: 100px; padding: 6px 12px;
}
.location_li {
  background-color: white;
}
.icon_container{
  padding-right: 10px;
  padding-left: 10px;
  cursor: pointer; 
}




/*design fixes*/


.top_section_wrapper .card {margin-top:0 ; margin-bottom: 0}
.top_section_wrapper .dropdown-item.active, .top_section_wrapper .dropdown-item:active { background: #fff !important; color: #ff9900 !important;}


.year_month_picker {margin: 4px 12px;
    text-align: center;
    padding: 4px 12px;}
.year_month_picker .month-selector {padding: 8px 8px; text-align: center}
.year_month_picker .month-selector:hover {background: #000099; color: #fff}
.year_month_picker .month-selector:hover a { color: #fff}
.year_month_picker .month-selector  a {font-weight: normal !important; font-size: 12px}
.year_month_picker .month-selector.active  {background: #000099; color: #fff}
.year_month_picker .month-selector.active a { color: #fff}








#calendar {padding: 20px 15px}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {border-color: #fff !important}
 .fc-widget-header thead{ background : #cccccc}
  .fc-widget-header thead th {padding: 8px; color: #fff}
    .fc-widget-content tbody {background : #f6f6f6 !important}
  .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {padding-left: 2px}
  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {float: left !important;  font-size: 12px;}
  .fc-toolbar.fc-header-toolbar .fc-center button {background: none;
    border: none;
    box-shadow: none;}
  .fc-toolbar.fc-header-toolbar .fc-center h2 {font-size: 22px;
    font-weight: bold;}
  .fc button .fc-icon {height:20px; top: 0}
  .fc-icon-left-single-arrow:after, .fc-icon-right-single-arrow:after { font-size: 300% !important;}
  
  
  .top_section_wrapper .icon_container {    padding-right: 30px; }
  .top_section_wrapper .icon_container i  {font-size: 28px; float: right; padding: 8px 10px; color: #e3e3e3}
    .top_section_wrapper .icon_container i.active {background: #fff}
    .location_li {cursor: pointer}
    ul.carousel-indicators li{padding:0}
    .right_headerpart h5 {text-align: left !important; padding-bottom: 0px}
    .right_headerpart a.play_link {margin-bottom: 5px;     float: left;}
    .select_numberof_users .right_detail {box-shadow: none}
    .select_numberof_users > img {width: 100px;}
    .select_numberof_users li p img {width: 100px;}
    .select_numberof_users .location_li img {width: 36px !important}

    .fc-event-container a.filled_event {background: none !important; border: none !important; position: relative; padding:2px 18px 2px 2px; font-weight: normal !important; cursor: pointer}
    .fc-event-container a.filled_event .fc-content {font-size: 10px;color: rgb(33,37,41) !important;}
    .fc-event-container a.filled_event .fc-time {font-weight: normal !important }
    .fc-event-container a.filled_event:after {content: "\f274"; position: absolute; right:2px; top: 0px; font-family: 'Font Awesome 5 Free'; color: #94c11c; font-size: 15px;}
    
    .fc-event-container a.blank_event, .fc-content-skeleton a.blank_event, .fc-content-skeleton a.blank_event:hover  {background: #e4e4e4 !important; border: none !important; position: relative; text-align: center; color:#fff; border-radius:0; padding: 10px 0; cursor: pointer}
  .fc-row .fc-content-skeleton {min-height: 100px}
  tr:first-child > td > .fc-day-grid-event {margin-right: 2px}
  
  .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {background: #000099; border: none; border-radius: 0}
  
  .page-item.active .page-link {background: #000099;}
  li.page-item a.page-link {background:#e4e4e4}
  .card:hover .card-title a {color: #ff9900; text-decoration: none; cursor: normal}
  
   
  .event_display   {background: #f6f6f6; margin: 15px}
  .event_display .card-body {background: #fff}
  #datePicker_2 {font-weight: bold}
  .top_section_wrapper .card .btn-group.show ul.technology_ul {min-width: 150px}
  .blue_btn, .blue_btn:hover  {background:#000099 }
  
  .login_form_wrapper {margin: 0 auto !important; background: #fff;     box-shadow: none;}
  .tab-content #profile table {text-align: left}
  
  .right_detail .carousel {width: 100%}
  .location_close {display: none;     text-align: right;
    width: 100%; padding: 10px 20px}
  .card-body p.card-text {padding-right: 4px; display: inline-block}
  .card-body p.card-text:last-child {padding-right: 0}
  
  
  
   @media (max-width: 768px) {
          .relative_dropdown ul {min-height: 220px !important; max-height: 220px !important;
    overflow-x: auto; width: 250px; height: 220px}
  .dropdown-submenu>.dropdown-menu {margin-left: -250px; height: 220px; overflow-x: auto;}
  .left_map {margin-top: 10px}
  .select_numberof_users .location_li {text-align: left; width:100%; position: relative; padding-right: 30px;     display: block;
    float: left;}
  .select_numberof_users ul li {width: 100%}
  ul.carousel-indicators  li {    width: 10px;
    height: 10px;}
  ul.nav-tabs li.nav-item {width: 50%}
  .location_li .icon_container {position: absolute; right:5px; top:7px}
  .location_li span:first-child {    width: 45px;
    float: left;
    display: block;}
        
    .location_li span { line-height: 36px;}
    .fc .fc-toolbar > * > * {margin-left: 0;}
    
    .right_detail.location_hide {position: absolute;
    top: 60px;
    right: -800px;
    z-index: 9999999;
    height: 0;
    overflow: scroll; 
    width: 100%; 
     display: none; opacity:0; transition: all 0.5s ease-in; 
    }
    
  .right_detail.location_show {
    position: absolute;
    top: 60px;
    right: 0;
    z-index: 9999999;
    height: calc(100vh - 60px);
    overflow: scroll; 
    width: 100%; display: block ;  opacity:1; transition: all 0.5s ease-out}
    
  .location_close {display: block;}
    /* button.navbar-toggler {display: none} */
    .year_month_picker .month-selector {width: 33.333333%}
    .top_section_wrapper .icon_container i.fa-calendar {display: none}
    .list_container ul {padding-right: 15px}
    .list_container .card-body {padding: 1rem 0.5rem 0.8rem 1rem;}
    
    .list_container .right_detail.location_show { top: -50px; padding: 0 30px;}
    .forgot_password_text {padding-right: 0}
     .remember_me_text .form-check-label input {margin-top:0}
       .remember_me_text .form-check-label {line-height: 34px;}   
}


#datePicker_2 {
  background-color:rgb(246, 246, 246);
  border: none;
  color: #000099;
}
 /*design fixes end*/
 
.list_container .pagination_wrapper .col-md-7{
  font-size: 11px; 
}


.container.main_wrapper {padding: 15px}

  
  span.link_span {border-bottom: 2px solid #ff9900 !important;
    color: #000099 !important;
    text-decoration: none;
    cursor: pointer;}
  
  .right_header h6 {color: #000099 !important;  border-bottom: 1px solid #000099;}

  .enbw_caldender {position: relative}
  #back_button, #filter_button {top:-5px !important}
  
  .page-item.active .page-link, .page-item.disabled .page-link, .page-item .page-link {border-color: transparent}
  
  #page-footer {display: none}
  h5.card-title {    margin-bottom: 4px;}
  .card-body p.card-text {    margin-bottom: 0px;}
  .main_wrapper {min-height: calc(100vh - 70px)}
  .fc-day-grid-container {min-height: 620px !important}
  .modal-xl{min-width: 1140px;}
  .deactivation_page .line{
    margin:10px;
  }

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #f6f6f6;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 17px;
  padding-bottom: 15px;
  background-color: white;
  background-clip: content-box;
}


ul.breadcrumb li+li:before {
  padding: 12px;
  
  content: "❯";
}

ul.breadcrumb li.complete+li.complete:before {
  color: #ff9900;
}
/* Add a color to all links inside the list */
ul.breadcrumb li a {
  text-decoration: none;
}

.complete{
  color: #fff !important;
  cursor: pointer;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #ff9900;
  text-decoration: underline;
}


ul.breadcrumb li {
    padding-bottom: 5px;
    border-bottom: 4px solid #eee;
}

ul.breadcrumb li.complete {
  border-bottom: 4px solid #ff9900;
}
.tab-link{
  font-size: 18px;
  padding: 10px;
  background-color: white;
}

.tab-link.active{
  background-color: #ff9900;
}
.date_container{
    margin: 0px auto;
}
.date_container div{
  float: left;
}
.date_container button{
  float: left;
}
/*
.registration_type img.active {
  border: 2px solid #ff9900;
}*/



/* fixes */

.navbar {    padding: .25rem 1rem;}
h1 {font-size: 36px; line-height:47px;}
h2 {font-size: 30px; line-height:38px;}
h3 {font-size: 24px; line-height:36px;}
h4 {font-size: 20px; line-height:30px;}

.header-contain { min-height: 100px }
.header_title {font-size: 24px; line-height:36px;}
.header_message {font-size: 20px; line-height:30px;}

.tab-nav {margin:0}
.tab-nav .tab-link a:hover {text-decoration: none}
.tab-nav .tab-link.active a {color: #fff}
.tab-nav .tab-link.active
  {background-image: linear-gradient(#f90,#e70) !important;}

.tab-nav .tab-link.active:after 
{   left: 50%;
    margin-left: -8px;
    bottom: -7px;
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-top-color: #e70;
    border-bottom: 0;
  z-index: 9999;
  }
 
 
 .table-striped tbody tr:nth-of-type(odd) {background: #fff}
 
 a.btn.btn-primary, .btn-primary, .top_section_wrapper .form-inline .btn-primary:hover, .btn-primary, .btn-primary.active, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {cursor: pointer;
    border: .25rem solid rgba(221,221,237,1);
    background-clip: padding-box;
    border-radius: 3em;
    padding: .54em 1.25em .4em 2.2em;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
  position: relative;
  background : #061671;
    }
  
 a.btn.btn-primary:before, .btn-primary:before { color: #f90; content:"\f054"; font-family: "Font Awesome 5 Free"; position: absolute; left: 15px; top: 7px}
 
 a.btn.btn-primary:hover, .btn-primary:hover { background-color: #009; border: .25rem solid rgba(221,221,237,1);}
 
 
 /*breadcrumb -- progressbar */
 ul.breadcrumb.progressbar {padding: 10px 0;}
 ul.breadcrumb li,  ul.breadcrumb li.complete {border: none}
 ul.breadcrumb li { padding: 11px 28px; background: #fff; position: relative}
 
 ul.breadcrumb li+li:before {
   content: " ";
    background-image: none;
    position: absolute;
    left: 0px;
    top: 0;
  padding: 24px;
    background-repeat: no-repeat;}
  
 ul.breadcrumb  li.complete+li:before {
   content: " ";
    background-image:  url(../Images/wizard_arrow.png);;
    position: absolute;
    left: 0px;
    top: 0;
  padding: 24px;
    background-repeat: no-repeat;}
  
   ul.breadcrumb li:hover
   {background-image: linear-gradient(#ffb24d, #e70); color: #fff !important; 
   }
   
    
 ul.breadcrumb li:hover+li:before {
   content: " ";
    background-image: url(../Images/wizard_arrow_active.png);
    position: absolute;
    left: 0px;
    top: 0;
  padding: 24px;
    background-repeat: no-repeat;}
  
  
  ul.breadcrumb li.complete {  background-image: linear-gradient(#fff, #fff); color: #000 !important }
  ul.breadcrumb li.complete:hover  {  background-image: linear-gradient(#ffb24d, #e70); color: #fff !important }
  
  .register_form_wrapper_enbw .btn-primary:before, .login_form_wrapper_enbw .btn-primary:before, .login_form_wrapper .btn-primary:before,  
  .booking_info_form_wrapper .btn-primary:before {content:" " !important;}
    .register_form_wrapper_enbw .btn-primary , .login_form_wrapper_enbw .btn-primary , .login_form_wrapper .btn-primary ,  
  .booking_info_form_wrapper .btn-primary { padding: .54em 1.25em .4em 1.25em;}
/*  
  
.event_wraper.active .card-body {padding-right: 100px; position: relative}
.event_wraper.active .card-body:after {
  position: absolute;
    content: " ";
  background-image: url(../Images/right_arrow.png);
  background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-color: #ff9900;
    height: 105%;
    width: 96px;
    background-position: 0px 35%;
    
  } */
  
  .date_container #datePicker_1 { margin: 5px 10px;}
  .tech_nav_div li.active {color:#ff9900; font-weight:normal}
  
  .login_form_wrapper_enbw {max-width:430px; margin:0 auto}
  
  .register_form_wrapper_enbw {    max-width: 630px;
    margin: 0 auto;}
  
   .booking_info_form_wrapper {max-width: auto  }
   
   .cstm_footer_wrapper {background: #061671;     padding-top: 40px;   padding-bottom: 20px;}
  .legal-footer-links a  {color:#fff; text-decoration: none; margin-right: 15px; white-space: nowrap; font-size:15px;}
  /* .cr_wrapper {float: right} */
   .cr_wrapper p {font-size:12px; color:#fff}
   
   .tab-link {text-align: center; margin-right: 4px }
   .tab-link:last-child { margin-right: 0px }
   
   .event_wraper.active .card  {background: #ff9900;}
    .event_wraper.active .card .image_wrapper {border: none}
     .event_wraper.active .card .card-body {color: #fff}
     .event_wraper.active .card a.enbw_link { border-bottom: 2px solid #fff !important;}
     
      .event_wraper.active .card:hover .card-title a {color: #fff}
    
    .select_numberof_users h6 {text-align: left; margin-left:-15px}
    
    .cstm_footer_wrapper { background: #fff;}
    .legal-footer-links a, .cr_wrapper p {color:#626262}
    .legal-footer-links a:hover {color:#ff9900 }
    .legal-footer-links a i {color:#ff9900}
   
   #PageFooterDetailstop, #PageFooterDetails {margin: 0 }
   #PageFooterDetailstop {background: #626262; color: #fff}
    #PageFooterDetailstop ul {padding-left: 0}
     #PageFooterDetailstop .cr_wrapper p{color:#fff}
    #PageFooterDetailstop ul li {display: inline-block; margin-right: 5px; padding: 0 2px; color: #fff }
   .footer-social-link-container .footer-social-icon  {display: inline-block; padding-right: 12px}
   .footer-social-link-container .footer-social-link,  .footer-social-link-container .footer-social-link:hover {text-decoration:none}
   .footer-social-link-container .footer-social-icon svg {    height: 18px; max-width: 18px; color:#fff}
   .footer-social-link-container .footer-social-icon:hover svg {color:#ff9900 }
   #PageFooterDetailstop ul.co_nums {padding:0;}
    #PageFooterDetailstop ul.co_nums li {margin-right: 30px}
    .legal-footer-links, .cr_wrapper {padding-top: 30px; padding-bottom: 25px }
    .co_nums a {color: #fff}
    
    .tab-nav .tab-link a {color: #061671}
      .tab-nav .tab-link:hover a {color:#ff9900 }
    .tab-nav .tab-link.active:hover a {color:#fff }
    
  /*  ul.breadcrumb.progressbar li a {color: #061671 }
    ul.breadcrumb.progressbar li.complete a, ul.breadcrumb.progressbar li:hover a {color:#fff }*/
   
   .right_detail li.nav-item a {color: #061671 !important}
   .right_detail li.nav-item:hover a {color:#ff9900  !important }
    .right_detail li.nav-item a.current:hover {color:#fff  !important }
    ul.breadcrumb li.pending {color: #ccc}
    ul.breadcrumb li.current { background-image: linear-gradient(#ffb24d, #e70);
    color: #fff !important;}
  ul.breadcrumb li.current+li:before {
    content: " ";
    background-image: url(../Images/wizard_arrow_active.png);
    position: absolute;
    left: 0px;
    top: 0;
    padding: 24px;
    background-repeat: no-repeat; }
  
  .left_map {position: relative; margin-right: -20px;}
  .left_map div:last-child {position: absolute; top:0px; left:0px; width: 90%;}
    .tech_nav_div {top: 5px;
    left: 15px;
    z-index: 9999; position: absolute;}
  .right_detail{
    min-height: 750px;
  }
  .map-popup{
   /*background: #fff*/
  }
   
   
   
   /*design fixes 12-11-19*/
   .nav_wrapper li a {color: #061671 !important}
    .nav_wrapper li:hover > a {color: #ff9900 !important}
    .nav_wrapper li:hover a:hover {color: #ff9900 !important}
    .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { background: #ffffff !important;
    color: #ff9900 !important;}

  .location_not_loaded_message {font-size: 18px;
    text-align: center;
    max-width: 230px;
    margin: 55% 38% 0 auto;}
  .location_not_loaded_message > div {
      margin:0 !important; 
      width: 356px !important;
      padding: 64px;
      background: #F9F9F9;
      border: 1px solid #CED4DA;
      box-sizing: border-box;
    }

    .location_not_loaded_message > div b{
      font-style: normal;
      font-weight: normal;
      font-size: 15px;
    }
  .right_detail {box-shadow: none !important}
  
  ul.breadcrumb li.pending:hover:before {
    content: " ";
    background-image: url(../Images/wizard_arrow.png);
    position: absolute;
    left: 0px;
    top: 0;
    padding: 24px;
    background-repeat: no-repeat;
}
  ul.breadcrumb li.current+li:hover:before  {
    content: " ";
    background-image: url(../Images/wizard_arrow_active.png);
    position: absolute;
    left: 0px;
    top: 0;
    padding: 24px;
    background-repeat: no-repeat;
}

.right_detail li.nav-item:hover a.active {
    color: #ffffff !important;
}

.fc-unthemed td.fc-today {
    background: transparent !important;
}
.fc-toolbar.fc-header-toolbar .fc-center h2 {min-width: 180px}

#calendar .fc-toolbar.fc-header-toolbar .fc-center button {padding-top: 10px}
.fc button .fc-icon {overflow: visible}
.fc-toolbar.fc-header-toolbar .fc-center button {outline: none !important}
.event_display   {background: #f6f6f6; margin: 15px 0 !important}
ul.profile_and_cart {margin-bottom:0 !important}
.list_container ul {padding-left:0}

ul.breadcrumb.progressbar {    display: flex;
    flex-flow: row wrap;}
  
ul.breadcrumb.progressbar li {flex: 1 auto;}

.right_detail ul.nav-tabs {    display: flex;
    flex-flow: row wrap;}
  
.right_detail ul.nav-tabs li {flex: 1 auto;}
.right_detail .nav-link {.5rem .5rem}

ul.breadcrumb li {padding-left: 35px; padding-right: 10px}
ul.breadcrumb li:first-child {padding-left: 15px;}
.navbar-brand img {max-width: 122px !important;
    height: auto  !important;}
.container-fluid.nav_wrapper {padding:6px 0;}

.nav_wrapper li.nav-item div.dropdown-menu a {position: relative; padding-left: 30px}
  .nav_wrapper li.nav-item div.dropdown-menu a:before{    color: #f90;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 10px;
    top: 2px;}
  
  /*header fixes*/
  .container-fluid.nav_wrapper { box-shadow: none; margin-bottom: 5px; background: #fff}
  .main_wrapper {box-shadow: none}
  body {background: #f6f6f6}  
  
    /* end header fixes*/
    
    
    
    #toast-container {left: calc(50% - 150px);
    top: 35%;}

    .booking_info_form_wrapper .v-select .dropdown-toggle {
      background: #fff !important;
    }

    .booking_info_form_wrapper .v-select .dropdown-toggle input{
      background: transparent !important;
    }

    .booking_info_form_wrapper .v-select .dropdown-toggle i{
      background: transparent !important;
    }

    .booking_info_form_wrapper .v-select .dropdown-toggle button{
      background: transparent !important;
    }
  
  /*right box fix*/
  .right_detail {background: #fff}
  .right_detail ul.nav-tabs {background: #f6f6f6}
  .right_detail .tab-content  {background: #f6f6f6;    padding: 15px 2px 15px 2px; min-height: 210px;}
    .right_detail .nav-tabs {margin-bottom:0;  padding-bottom: 10px}
  
  /*end right box fix*/

  .captchaHolder {
    margin-left: 5px;
  }
  .captchaHolder .result{
    margin-left: 10px;
  }
  .captchaHolder .equation {
    margin-top: 7px !important; 
  }

.top_section_wrapper .card .form-inline .form-group {display: inherit;}
.top_section_wrapper .card .form-inline .form-group span.orange_txt {padding-top: 8px;
padding-right: 10px;}
.bulk_error input{
    border-color: red;
}

.bulk_error select{
    border-color: red;
}

.bulk_error .col-md-10{
    border:1px solid red;
}
.enbw_display_type_link{
  color: #212529;
  background: #ffff;
  border-color: #f6f6f6;
  border: 2px solid rgba(221,221,237,1);
  border-radius: 4px;
}
.private-tour-white-active:before{
    background-image: url(../Images/private-tour-white-Icon.png);
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 24px;
    background-repeat: no-repeat;
    content: '';
}
.private-tour-white:before{
    background-image: url(../Images/private-tour.png);
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 24px;
    background-repeat: no-repeat;
    content: '';
}

.virtual-tour-white:before{
    background-image: url(../Images/virtual-tour.png);
    position: absolute;
    left: 3px;
    top: 5px;
    padding: 24px;
    background-repeat: no-repeat;
    content: '';
}

.virtual-tour-white-active:before{
    background-image: url(../Images/virtual-tour-white.png);
    position: absolute;
    left: 3px;
    top: 5px;
    padding: 24px;
    background-repeat: no-repeat;
    content: '';
}
.enbw_display_type_link:hover{
  background: linear-gradient(360deg, #EE7700 10.48%, #FF9900 100%); border: 1px solid #EE7700;box-sizing: border-box;border-radius: 4px;
}
.enbw_display_type_link.active{
  background: linear-gradient(360deg, #EE7700 10.48%, #FF9900 100%) !important; border: 1px solid #EE7700 !important;box-sizing: border-box;border-radius: 4px !important;
}
.enbw_link_without_login:before{
  top: 18px;
}
.map-filter-home{
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  position: absolute;
  width: auto;
  height: auto;
  background: #FFFFFF;
  left: 60px;
}
.map-filter-home img{
  height: 35px;
}
.map-filter-home ul{
  padding-left: 0;
  margin-top: 5px;
  width: 100%
}
.map-filter-home ul p{
  margin-bottom: 5px;
}

.map-filter-home .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float: right;
  margin-bottom: 0px;
  margin-left: 15px;
}

.map-filter-home .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.map-filter-home .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.map-filter-home .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.map-filter-home input:checked + .slider {
  background-image: linear-gradient(#f90,#e70) !important;
}

.map-filter-home input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.map-filter-home input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  align-items: center;
  display: flex;
  justify-content: center;
  color: #FF9900;
}

/* Rounded sliders */
.map-filter-home .slider.round {
  border-radius: 34px;
}

.map-filter-home .slider.round:before {
  border-radius: 50%;

}
.apple-switch-label{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float: right;
  margin-bottom: 0px;
  margin-left: 15px;
}
input.apple-switch {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  width: 50px;
  height: 30px;
  background-color: #fff;
  border: 2px solid #D9DADC;
  border-radius: 50px;
  box-shadow: inset -20px 0 0 0 #D9DADC;
}

input.apple-switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}

input.apple-switch:checked {
  box-shadow: inset 20px 0 0 0 #ff9900;
  border-color: #ff9900;
}

input.apple-switch:checked:after {
    left: 20px;
    box-shadow: -2px 4px 3px rgb(0 0 0 / 5%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c" !important;
    color: #FF9900;
    align-items: center;
    display: flex;
    justify-content: center;
}
.filter_btn{
  display: none;
}
.map-filter-home{
  display: block;
}
@media (min-width: 1300px) {
  .map-filter-home{
    display: block !important;
  }
}
@media (min-width: 1300px) and (max-width: 1800px) {
  .container.main_wrapper{
    margin-left: 288px;
  }
  .map-filter-home{
    left: 2px;
  }
}

@media (min-width: 1100px) and (max-width: 1300px) {
  
  .filter_btn{
    display: block;
    background: #fff;
    z-index: 10;
    display: flex;
    position: absolute;
    padding: 8px;
    font-size: 18px;
    color: #ff9900;
    top: 5px;
    left: 1px;
    box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 15%);
  }
  .map-filter-home{
    margin-top: 45px;
    left: 60px;
    display: none;
  }
  .enbw_link_without_login{
    width: auto !important;
    margin-top: 10px
  }
  .enbw_link{
    width: auto !important;
    margin-top: 10px
  }
  .enbw_link_without_login:before{
    top: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  
  .filter_btn{
    display: block;
    background: #fff;
    z-index: 10;
    display: flex;
    position: absolute;
    padding: 8px;
    font-size: 18px;
    color: #ff9900;
    top: 5px;
    left: 1px;
    box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 15%);
  }
  .map-filter-home{
    margin-top: 45px;
    left: 180px;
    display: none;
  }
  .enbw_link_without_login{
    width: auto !important;
    margin-top: 10px
  }
  .enbw_link{
    width: auto !important;
    margin-top: 10px
  }
  .enbw_link_without_login:before{
    top: 7px;
  }
}

@media (max-width: 768px) {
  .left_map div:last-child {
    top: -8px;
  }
  .left_map svg {
      width: 430px;
      height: 550px;
  }
  .filter_btn{
    display: block;
    background: #fff;
    z-index: 10;
    display: flex;
    position: absolute;
    padding: 8px;
    font-size: 18px;
    color: #ff9900;
    top: -2px;
    left: 1px;
    box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 15%);
  }
  .map-filter-home{
    margin-top: 8px;
    left: 55px;
    display: none;
  }
  .enbw_link_without_login{
    width: auto !important;
    margin-top: 10px
  }
  .enbw_link{
    width: auto !important;
    margin-top: 10px
  }
  .enbw_link_without_login:before{
    top: 7px;
  }
}

span.enbw_link_without_login.btn {
  white-space: normal !important;
}