/*Class for Flowy Effect for Text and images*/
.abstand { margin-left: 420px;}
.abstand320 { margin-left: 340px;}


/*UI fix -> color settings=RED are loaded late so we see blue for a period of time. Here the color is set early  */
/*
ul.nav-pills > li.active > a {
    background-color: #ed1c23;
}

header nav ul.nav-main a, header nav ul.nav-main a:focus, header nav ul.nav-main a:hover {
    color: #ed1c23;
}

header nav ul.nav-main > li.active > a, header nav ul.nav-main > li:hover > a, header nav ul.nav-main > li > a:focus {
    background-color: #ed1c23;
    color: #ffffff;;
}

  header nav ul.nav-main a,
  header nav ul.nav-main a:focus,
  header nav ul.nav-main a:hover {
    color: #ed1c23;
  }
  header nav ul.nav-main > li.active > a,
  header nav ul.nav-main > li:hover > a,
  header nav ul.nav-main > li > a:focus {
    color: #ffffff;
    background-color: #ed1c23 !important;
  }
  header nav ul.nav-main .dropdown > ul.dropdown-menu {
    border-top-color: #ed1c23 !important;
  }
  header nav ul.nav-main .dropdown-submenu > a:after,
  header nav ul.nav-main .dropdown-submenu:hover > a:after {
    border-left-color: #ed1c23;
  }

*/ 




/* iframe embed repsonive */
.embed-container{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* button blue on click/hover fix */
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #C9292E !important;
    border-color: #ed1c23 #ed1c23 #c61016 !important;    
}
  
/*hash in links fix for fixed header*/  
.hashlink:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
} 

@supports (-ms-accelerator:true) {
	/*IE specific*/
.hashlink:before {   
		margin-top: -90px !important; 
		height: 90px !important;     
	} 
}

/*blue=>red button for form submit*/
.LiveForm.Porto .Submitbutton input[type="button"], .LiveForm.Porto .bSubmit, .LiveForm.Porto .form-pagebreak .button-next, .LiveForm.Porto .form-pagebreak .button-back, .LiveForm.Porto .page-break-section .button-back {
    background-color: #ed1c23 !important; 
	border-color: transparent !important;	
}


/*social icons in header are briefly shown, FIX*/
header div.social-icons {
    display: none;
}


/*Interactive form style start*/
#inf-selection .toggle.toggle-secondary.mt-lg {
    margin-bottom: 4px;
}

.inf-sel-box {
    border-radius: 5px;
    border: 2px solid #515151;
    padding: 10px;
}

    .inf-sel-box p {
        margin-bottom: 0;
    }

.tracResult, .anaResult, .navResult {
    margin-bottom: 5px;
}

.inf-sel-box.selected {
    border: 2px solid red;
}

.inf-sub-box {
    display: table;
    border-radius: 5px;
    border: 2px solid #515151;
    padding: 0 10px 3px 40px;
    margin-top: 1px;
}

    .inf-sub-box:not(.selected) {
        border-left: 5px solid red;
        padding-left: 37px; /*minus margin*/
    }

    .inf-sub-box .inf-cancel-icon {
        float: right;
        margin-top: 13px;
        cursor: pointer;
    }

    .inf-sub-box .inf-exp-icon {
        float: left;
        margin-top: 13px;
        margin-right: 2px;
        margin-left: -26px;
    }

    .inf-sub-box .inf-exp-icon, .inf-sub-box .inf-cancel-icon {
        visibility: hidden;
        vertical-align: middle;
    }

        .inf-sub-box .inf-exp-icon:before {
            content: url("../portals/0/Images/solutions/basics/interactive-tool/arrow_link.png");
        }

        .inf-sub-box .inf-cancel-icon:before {
            content: url("../portals/0/Images/solutions/basics/interactive-tool/icon_cancel.png");
        }

    .inf-sub-box.selected .inf-exp-icon, .inf-sub-box.selected .inf-cancel-icon {
        visibility: visible;
    }


.inf-sel-box .inf-package {
    cursor: default;
}

.inf-package {
    height: 45px;
    margin-right: 10px;
    float: left;
    border-radius: 5px;
    border: 1px solid #515151;
    padding-top: 8px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 8px;
    background: #f5f5f5;
    cursor: pointer;
    min-width: 230px;
    margin-top: 3px;
}

    .inf-package img {
        float: left;
    }

    .inf-package div {
        text-wrap: none;
        margin-left: 5px;
        float: left;
        margin-top: 3px;
    }

#inf-selection .toggle-secondary .toggle > label {
    background-color: #515151;
    color: #ffffff;
}

#inf-selection .toggle-secondary .toggle:not(.active) > label {
    border-left: 5px solid red;
}

    #inf-selection .toggle-secondary .toggle:not(.active) > label::before {
        border-color: transparent transparent transparent #ffffff;
    }

#inf-selection .inf-clr {
    clear: left;
    display: block;
}

#inf-selection .toggle-secondary .toggle.active .start-lbl {
    display: none;
}

#inf-selection  .start-lbl {
    float: right;
    margin-right: 6px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 1px;
}


/*Interactive form style end*/

/*Start iFrame Responsive Container*/

/*
.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}


.iframe-container-16x9 {
  padding-bottom: 76%;
}


.iframe-container-4x3 {
  padding-bottom: 75%;
}

.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}*/
.iframe-container { position: relative; margin: 5px; height: 0; overflow: hidden;}

.iframe-container-16x9 {
 padding: 1px 1px 1% 1px;
  padding-bottom: 76%;
}
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
/*End iFrame Responsive Container*/