/* beta */
.betatooltip {
color: #999999 !important;
}

/* general */
a {
color: rgb(100, 176, 242);
}
.hidden {
display:none;
}
.muted {
color: #999999;
}
.m-t-5 {
margin-top: 5px;
}
.m-t-40 {
margin-top: 40px;
}
.m-r-10 {
margin-right: 10px !important;
}
.m-l-10 {
margin-left: 10px;
}
.m-b-0 {
margin-bottom: 0;
}
.m-b-60 {
margin-bottom: 60px;
}
.min-h-90 {
min-height: 90px;
}
.p-b-0 {
padding-bottom: 0;
}
#subtitle {
line-height: 1.5;
}
.nowrap {
white-space: nowrap;
}
.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: not-allowed  !important;
pointer-events: auto !important;
}
.pull-right {
float: right;
}
.alert-link, label {
font-weight: 400; /* chrome bugfix, 500 is displayed bold */
}
/* ms edge only */
@supports (-ms-ime-align:auto) {
 .no-visual-search {
  pointer-events: none;
 }
}

/* buttons */
.btn-dby {
background-color: #00cbff;
border-color: #00cbff;
color: #fff !important;
}
.btn-dby:hover {
color: #fff;
}
.btn-secondary {
background-color: #c4c4c4;
border-color: #c4c4c4;
}
.card-body.tags .btn, .dby_call_to_action .btn {
margin-bottom: 5px;
}
.btn.wrap {
white-space: normal;
}

/* header, search form & dropdowns */
#topnav .logo img {
height: 23px;
margin: -4px 1px 0 0;
}
#topnav {
position: static;
}
#topnav .navbar-custom {
height: 65px;
}
#topnav .navigation-menu > li > a {
line-height: 23px;
padding-top: 21px;
padding-bottom: 21px;
}
#topnav .navigation-menu i.fa-home {
margin-top: -4px;
}
#topnav .logo .fa-check-square-o {
font-size: 1.45em;
vertical-align: sub;
}
#topnav .cpname i.fa-building-o, #topnav .langs {
display: none;
}
#topnav .mobi, #topnav .navigation-menu > li.mobi, .invoices .mobi {
display: none;
}
#topnav .xmobi {
display: none;
}
#topnav .notification-list .noti-title {
padding: 10px 20px 14px;
}
.dby-search-query {
padding: 23px 18px 21px;
height: 64px;
background: none;
border-width: 0 1px 0 1px;
border-color: rgba(0, 0, 0, 0.125);
border-radius: 0;
box-shadow: none;
display: inline;
font-weight: 500;
font-size: .95rem !important;
line-height: 1.0;
margin: 0;
min-width: 60px;
text-overflow: ellipsis;
}
.dby-search-query:focus {
border-color: rgba(0, 0, 0, 0.125);
}
.dby-navbar-search .input-group-append {
height: 64px;
border-width: 0 1px 0 1px !important;
border-color: rgba(0, 0, 0, 0.125) !important;
border-radius: 0 !important;
background-color: #fff;
color: #868e96;
padding: 1rem 1rem;
}
.dby-navbar-search .query-x {
font-size: 20px;
height: 64px;
color: #868e96;
padding: 1rem 1rem;
margin-left: -46px;
z-index: 10;
}
.profile-dropdown {
width: auto;
}
.wrapper {
padding-top: 1px;
padding-bottom: 40px;
}

/* navi */
.list-group-item.active {
background-color: #00cbff;
border-color: #00cbff;
}
.list-group-item.active a {
color: #fff;
}
.breadtitle {
padding-right: .5rem;	
}

/* paging */
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
background-color: #00cbff;
border-color: #00cbff;
}

/* home */
#fullStageCarousel .carousel-item, #responsiveStageCarousel .carousel-item {
min-height: 300px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#fullStageCarousel .carousel-item {
height: 87vh;
max-height: 1250px;
cursor: pointer;
}
#fullStageCarousel .carousel-caption {
bottom: 40%;
}
#fullStageCarousel .carousel-caption h3 span {
font-size: 48px;
font-weight: 600;
line-height: 66px;
padding: 0 10px 2px;
background: rgba(50, 50, 50, 0.6);
}
#defaultStageCarousel .carousel-item img {
width: 100%;
}

#loginbox {
position: absolute;
right: 0;
top: 6px;
z-index: 100;
}
#loginbox .btn-microsoft, #loginform .btn-microsoft, #loginformpopup .btn-microsoft {
background-color: #2b3d51;
color: white;
border: none;
}
#loginbox .btn-microsoft .fab, #loginform .btn-microsoft .fab, #loginformpopup .btn-microsoft .fab {
margin-right: 10px;
}
#loginbox .separator, #loginform .separator, #loginformpopup .separator {
position: relative;
height: 1px;
background: #e0e0e0;
margin: 30px 0;
}
#loginbox .separator {
margin: 20px 0;
}
#loginbox .separator span, #loginform .separator span, #loginformpopup .separator span {
position: absolute;
top: 50%;
left: 50%;
color: #6c757d;
background: #fff;
transform: translate(-50%, -56%);
padding: 0 10px;
}

#blogarticleteaser a {
color: #212529;
}
.dby_quote > i {
position: absolute;
}
.dby_quote blockquote {
margin: 0 0 0 70px;
}
.dby_quote blockquote p {
font-family: 'Georgia';
font-size: 19px;
line-height: 26px;
}
.dby_quote .blockquote-footer {
font-size: 16px;
}
.quoteprovider img {
width: 100%;
border-radius: .25rem;
margin-top: 1px;
}
.dby_slogan_link_compact h2 {
font-size: 2.5em;
}
.dby_slogan_link_compact .infotext {
font-weight: 300;
line-height: 1.2;
font-size: 1.3em;
margin: -16px 0 30px;
}
.dby-icon-box, .dby-icon-box a {
display:flex;
align-items:center;
}
.dby_solution .dby-icon-box {
align-items:initial;
}
.dby-icon-box a {
color: #212529;
}
.dby-icon-box i {
float: left;
margin-top: 4px;
opacity: 0.4;
min-width: 54px;
}
.dby-icon-box p {
margin: 0 0 0 16px;
font-size: 16px;
line-height: 23px;
}

#topReferencesStageCarousel .carousel-item {
background-attachment: scroll;
background-size: auto 100%;
background-repeat: no-repeat;
}
#topReferencesStageCarousel .stageoverlay {
width: 100%; 
height: 650px;
}
#topReferencesStageCarousel .carousel-item span, #defaultStageCarousel .carousel-item .registrationfeaturedText span {
padding: 3px 10px;
line-height: 29px;
background: rgb(50, 50, 50); /* Fallback for older browsers without RGBA-support */
background: rgba(50, 50, 50, 0.6);
}
#defaultStageCarousel .carousel-item .registrationfeaturedText span a {
color: #fff;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}
.carousel .play, .carousel .pause {
color: #fff;
right: 10px;
opacity: 0.5;
position: absolute;
bottom: 10px;
display: none;
z-index: 100;
}
.carousel .play {
right: 30px;
}
.carousel:hover .play, .carousel:hover .pause {
display: block;
}
.nextstepsnavbar {
z-index: 10;
position: relative;
}
#hints-container .card {
border-top-width: 0;
}
#hints-container .card-title i {
margin-right: 10px;
}
#hints-container h4 {
margin: 0 40px 4px 40px;
}
#hints-container h4 i {
position: absolute;
left: 23px;
top: 23px;
}
#hints-container p.card-text, #hints-container div.taskstatus {
margin: 0 40px 0 40px;
max-width: 1280px;
}

.card-deck .card .alert {
height: 100%;
margin: -1px;
padding: 20px;
}
.alert p:last-child {
margin-bottom: 0;
}

/* outputtypes about us etc. */
div.video.backgroundbar {
background-color: #e6e6e6;
padding: 30px;
}
div.video.backgroundbar > div {
margin: auto;
}
section.shorttextbg {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
section.shorttextbg .light, section.shorttextbg .dark {
color: #fff;
padding: 40px 10px 40px 10px;
}
section.shorttextbg .dark {
color: rgb(33, 37, 41);
}
section.shorttextbg ul li, section.shorttextbg p {
font-size: 16px;
line-height: 23px;
margin-bottom: 8px;
}

/* features */
.featuresection .card-body {
padding: 2rem;
}
.featuresection .card-body i {
color: #5f656a;
float: left;
margin-left: -4px;
}
.featuresection .card-body h2 {
margin: 4px 0 0 66px;
}
.featuresection .card-body .subheadline {
font-size: 16px;
line-height: 23px;
margin: 4px 0 0 66px;
}
.featuresection .featureset {
margin-left: 66px;
}
.featuresection .featureset > ul {
margin: 20px 0 10px -20px;
}
.featuresection .featureset > ul > li ul {
margin: 8px 0 12px 0;
}
.featuresection .featureset ul li {
font-size: 16px;
line-height: 23px;
margin-bottom: 8px;
}
.featuresection .featureset ul li a {
color: rgb(33, 37, 41);
}
.featuresection .carousel-indicators {
bottom: 70px;
}
.featuresection .carousel-control-next, .featuresection .carousel-control-prev {
bottom: 80px;
}
.featuresection .carousel-caption {
position: static;
height: 80px;
padding: 16px 20px;
}
.featuresection .carousel-caption h3 {
font-size: 14px;
color: rgb(33, 37, 41);
}

/* dashboard & hints */
.card-box p {
max-width: 1280px;
}
.card-box p:last-child {
margin-bottom: 0;
}

/* list */
.displayformatselect i {
font-size: 20px;
color: #2b3d51;
margin-top: 4px;
}
ul.references-list {
list-style: outside none none;
margin: 0;
padding: 0;
clear:both;
}
/* no longer fix since card columns are used
.references-list .card {
height: 520px;
}*/

.reflisttitle h1 small, #companieslistsection h1 small {
font-size: 2rem;
display:table-cell;
}
.reflisttitle h1 small:nth-child(2), #companieslistsection h1 small:nth-child(2) {
padding-left:10px;
}
.reflisttitle h1 small:nth-child(2):before, #companieslistsection h1 small:nth-child(2):before {
content: '-'; 
padding-right:10px;
}
.references-list .card a, .blog .card-title a, .blog .card-subtitle a, .ds-list .card a {
color: #2b3d51;
}
.references-list .card a.btn-secondary, .ds-list .card a.btn-secondary {
color: #fff;
}
.references-list .card .checkbox {
background-color: #f5f5f5;
display: none;
margin: -1px 0 0 -1px;
left: 0;
top: 0;
position: absolute;
}
.references-list .col-md-9 .checkbox {
left: -10px;
top: -20px;
}
.references-list .card .checkbox.on {
display: block;
}
.references-list div.card:hover .checkbox, .references-list .card.rowselected .checkbox {
display: block;
z-index: 20;
}
.references-list div.card .checkbox-primary input[type="checkbox"] + label::before {
margin-top: -9px;
left: 4px;
}
.references-list div.card .checkbox input[type="checkbox"] + label::after {
top: -10px;
left: 5px;
}
.reflisttoolbar input[type="checkbox"] + label::after {
top: 3px;
left: -3px;
}
.references-list .card .countersigned {
right: 0;
top: 0;
position: absolute;
z-index: 20;
}
.company.card .countersigned {
right: 10px;
top: 39px;
}
.countersigned .fa-certificate {
color: #00b9dc;
}
.references-list .list-thumb, .ds-list .list-thumb {
padding: 0 10px 0 0;
margin: -1.25rem 0.65rem -1.25rem -0.65rem;
}
.references-list .reference.card img, .ds-list .card img {
width: 100%;
}
.references-list .company.card img {
display:block;
margin: 25px auto;
max-width: 60%;
max-height: 110px;
}
.references-list .card .img-wrapper, .ds-list .card .img-wrapper {
overflow: hidden;
z-index: 10;
}
.references-list .card .img-wrapper img, .ds-list .card .img-wrapper img {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
vertical-align: middle;
}
.references-list .card:hover .img-wrapper img, .ds-list .card:hover .img-wrapper img {
-webkit-transform:scale(1.05); /* Safari and Chrome */
-moz-transform:scale(1.05); /* Firefox */
-ms-transform:scale(1.05); /* IE 9 */
-o-transform:scale(1.05); /* Opera */
transform:scale(1.05);
}
.references-list .card .dummy-tile-thumb img {
opacity: 0.4;
position: relative;
}
.references-list .card .dummy-tile-thumb span {
color: #fff;
font-size: 35px;
font-weight: 600;
left: 0;
position: absolute;
text-align: center;
top: 13.5%;
width: 100%;
opacity: 0.4;
}
.references-list .card .locationtime {
margin-bottom: 10px;
}
.references-list.card-list .card .countersigned {
margin: 10px 20px;
}
.references-list.card-list .card .vcard {
position: relative;
}
.references-list.card-list .card .switchcontainer.signed .org {
width: 85%;
}
.references-list.card-list .card .btn-group, .ds-list.card-list .card .btn-group  {
position: absolute;
bottom: 0;
right: 10px;
}
.references-list.card-columns .card .vcard {
position: relative;
}
.references-list.card-columns .card .img-wrapper img, .ds-list.card-columns .card .img-wrapper img  {
width: 100%;
}
.references-list.card-columns .card .btn-admin .companyaddr {
width: 73%;
}
.references-list.card-columns .card .btn-group, .ds-list.card-columns .card .btn-group, .ds-list .card-deck .card .btn-group {
position: absolute;
bottom: 20px;
right: 20px;
}
.references-list .card .btn-group {
display: none;
}
.references-list .card:hover .btn-group {
display: block;
}
.references-list .markercomment {
background-color: #fcf8e3;
border-color: #f1b53d;
color: #c09853;
}
.ref-container .alert {
width: 100%;
}

/* no longer fix since card columns are used
.references-list .card .card-footer {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
*/
.ds-list .iconbg {
background-color: #f8f9fa;
}
.ds-list .previewthumbs img {
height: 54px;
width:  auto;
margin: 0 4px 4px 0;
}
.ds-list .nobg {
background: none;
border: none;
}
.ds-list h3.duration, .ds-list h3.assetsnr {
padding-left: 22px;
}
.ds-list .img-wrapper i.fa-desktop, .ds-list i.fa-folder, .ds-list i.fa-folder-open, .ds-list i.fa-caret-down, .ds-list i.fa-caret-right, .ds-list i.fa-plus-circle {
color: #6c757d;
}
.ds-list i.fa-circle.online {
color: #1bb99a;
}
.ds-list i.fa-circle.offline {
color: #ff5d48;
}
.ds-list .card .card-body, .ds-list .card .card-footer {
width: 100%;
}
.tags .btn-sm {
font-size: .875rem;
}

.references-list .card .confirmedby {
display: none;
}
.sortform {
display: flex;
justify-content: flex-end;
}

/* blog */
.blogarticle .tags i, .blogarticle .tags a {
color: #868e96;
}
.blogarticle .img-fluid {
width: 100%;
}
.blogarticle .card-body.blogcontent {
padding: 1.5rem 10% 1.25rem 10%;
line-height: 1.6;
}
.blogarticle h3.sectitle {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.twitimgfancybox img {
display: block;
}
.twitteravatar {
margin-left: 20px;
}

/* search */
.matchedTerm {
background-color: #FFFF88;
padding: 2px 4px 0;
margin: 0 -3px;
}

/* forms */
.btn.disabled, .btn:disabled {
opacity: .3;
}
.wizard > .content > .body .innertabpaneform label {
margin-top: 0;
}
.form-group label > span::after, .form-inline label > span::after{
content: ":";
}
.form-group .checkbox label > span::after, .form-group .custom-checkbox label > span::after, .form-group .custom-radio label > span::after {
content: "";
}
.form-group label .req::after {
content: "*:";
}
.radio.inline {
display: inline-block;
margin: 0 10px 0 5px;
}
.custom-radio .custom-control-label {
margin-bottom: 4px;
}
.custom-radio.inline {
margin-right: 20px;
}
.custom-radio .radioption.remove {
display: none;
top: -4px;
z-index: 999;
}
.custom-radio:hover .radioption.remove {
display: inline-flex;
}
.innertabpaneform #multilangnavi, .innerlistform #multilangnavi {
margin: -3px 10px 0 0;
}
.innertabpaneform button.close {
margin-top: 6px;
}
.innertabpaneform legend.bar, .innerlistform legend.bar, .innertabpaneform .header-title, .innerlistform .header-title {
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 600;
line-height: 1.2;
margin: 2rem -1.5rem 2rem -1.5rem;
}
.innertabpaneform legend.bar label {
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 600;
line-height: 1.2;
}
.innertabpaneform legend.bar .checkbox label::before {
margin-top: 2px;
}
.innertabpaneform legend.bar label, .innertabpaneform legend.bar .checkbox {
margin: 2px 0;
}
.innertabpaneform .header-title, .innerlistform .header-title {
margin: -0.45rem -1.5rem 2rem -1.5rem !important;
}
.innertabpaneform .header-title, .innertabpaneform legend.bar, .innerlistform .header-title, .innerlistform legend.bar {
padding: 0.6rem 1.5rem;
background: -moz-linear-gradient(left, rgba(129, 138, 145, 0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(129, 138, 145, 0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(129, 138, 145, 0.1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Safari7+ */
}
.form-group small.block {
margin: 3px 0;
line-height: 1.2 !important;
display: block;
}
.btn.visibility {
padding: 1px 0;
}
.langinfo {
color: #444;
margin-top: -2px;
}
label .langinfo, label .subinfo, label .subsecinfo {
display: block;
font-size: 80%;
opacity: 0.4;
/* relative (in-flow) so multiple sub-infos in one label stack instead of overlapping –
   e.g. translation view of company-internal additional fields, where a label carries both
   a .langinfo (deutsch/englisch) and a .subinfo (firmenintern). Absolute positioned them
   at the same spot. Mirrors the ≤991px rule that always did this. */
position: relative;
width: 100%;
color: #444 !important;
}
label .subinfo {
color: #EC0000;
opacity: 0.6;
}
label.empty span {
display: none;
}
div.autotranslateall {
position:absolute;
right:14px;
top:33px;
}
div.autotranslateall button {
padding: 0 0 0 10px;
border: 0;
margin-top: -2px;
font-size: small;
}
div.autotranslateall i {
font-size: 12px;
}
div.autotranslateall span {
font-size: small;
}
div.autotranslate {
margin-top:1px;
margin-bottom:-14px;
}
div.autotranslate button {
padding:0px;
}
div.autotranslate span {
font-size: small;
padding: 0 4px;
}
.bvalidatorinfo {
color: #444;
float: right;
font-size: 11px;
margin: 7px 0 0 7px;
}

/* validator */
/* invalid input */
.bvalidator-insert-invalid {
    background-color: #FFC4C4 !important;
}
/* message */
.bvalidator-insert-msg {
    border-radius: 0.2em;
    border: 1px solid #FF9A9C;
    color: #000000;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    padding: 0.3em;
    font-size: 1em;
    background-color: #FFEFEF;
    line-height: normal;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

/* modal */
#mainModal .bvalidatorinfo {
color: #fff;
}
.modal-body legend {
font-size: 1.2rem;
margin: 1rem 0;
}
#printoptionsform .modal-lg {
max-width: 1140px;
}
.ui-front {
z-index: 1100 !important;
}

/* home stage todo 
.featuredText {
color: #fff;
font-family: "Georgia",Times New Roman,serif;
font-size: 18px;
line-height: 22px;
position: absolute;
right: 25px;
top: 35px;
width: 45%;
}
.featuredText .featuredName {
display: block;
font-family: "LucidaGrandeBold";
font-size: 14px;
line-height: 20px;
padding-top: 35px;
}
*/

/* search filters */
.breadcrumbsFilter{
min-height: 40px;
margin-top: -2px;
border-top: 0;
}
.breadcrumbsFilter ul{
list-style:none;
margin: 0;
padding: 0;
}
.breadcrumbsFilter ul li{
float:left;
margin-right:17px;
}
.vertical li.accordion-heading {
padding-bottom: 20px;
}
.vertical .breadcrumbsFilter ul li{
float:none;
margin: 2px 0;
}
.breadcrumbsFilter ul li a, .breadcrumbsFilter ul li span {
color:#141414;
display:block;
}
.breadcrumbsFilter ul li a:hover, .breadcrumbsFilter ul li#setfilters span a:hover{
text-decoration:none;
}
.breadcrumbsFilter ul li#setfilters span {
display:inline;
margin-right:4px;
text-decoration: none;
white-space: nowrap;
}
.breadcrumbsFilter ul li#setfilters span a {
display:inline;
}
#filtertoolbar .btn {
width:100%;
}
#filtertoolbar #showmorefilters, #filtertoolbar #hidemorefilters, #filtertoolbar #resetfilters {
background-color: #f5f5f5;
border-color: #f5f5f5;
}
.checkbox input[type="checkbox"]:disabled {
opacity: .005;
}
/* no longer necessary?
input.styled{
display:block !important;
opacity: 0;
filter: alpha(opacity=0) !important;
}
*/

/* dby Filters */
.searchfilterbox {
padding: 0.25rem 1.25rem 1.25rem;
}
.searchfilters .col-md-2 h2 {
line-height: 19px;
padding: 0 4px 0 0;
font-size: 1rem;
margin: -2px 0 2px 0;
height: 43px;
display: flex;
align-items: center;
}
.checkbox label::before {
margin-top: 3px;
}
.checkbox label::after {
top: 1px;
}
.referencegroups-level2 .checkbox label::before, .referencegroups-level2 .checkbox label::after {
margin-left: -16px;
}
.referencegroups-level2 .checkbox label {
padding-left: 8px;
}
.vertical .searchfilters .col-md-2 {
width: 100% !important;
/*height: 120px;*/
height: auto;
margin-left: 0;
}
.filterCollapse{
height:174px;
position:relative;
padding-right: 5px;
/*.padding-bottom:15px;*/
margin:5px 0 15px;
}
.filterCollapse.internal {
background-color: #fcf8e3;
}
/*
.filterCollapse.internal h2 {
background-color: #fcf8e3;
margin: 0 -4px .5rem;
padding: 8px 4px 8px;
}*/
.vertical .searchfilters .filterCollapse {
margin:10px 0 15px;
}
#filterform {
margin-top: -1px;
}
.filterPosition{
position:absolute;
top:0;
left:10px;
width:98%;
}
.vertical .searchfilters .filterPosition {
position:relative;
}
.filterPosition ul{
list-style:none;
margin:0;
padding:0 0 0 3px;
height:110px;
overflow:hidden;
}
/* remove?
.filterPosition ul:last-child{
height:90px;
}*/
.filterPosition ul.boolean{
height:82px;
}
.filterBackground{
background:#fff;
border:1px solid #999999;
margin-left:-10px;
padding:0 7px 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:    0px 0px 3px #999999;
-webkit-box-shadow: 0px 0px 3px #999999;
box-shadow:         0px 0px 3px #999999;
z-index: 25;
}
.vertical .searchfilters .filterBackground {
padding:0 7px 34px 10px;
}
.filterBackground ul {
height:auto;
}

.filters .firstFilter {
margin-left: 0 !important;
}
.collapseOverflow{
margin-top: 0;
overflow: visible !important;
}
.col-md-2 h2{
font-size: 1.1rem;
text-transform: uppercase;
font-weight:500;
line-height: 30px;
}
.filters label{
vertical-align: middle;
margin-bottom: 0;
}
.searchfilters label{
vertical-align: super;
font-size: 14px;
width: 86%;
}
.searchfilters label.disabled {
opacity: 1;
color: #777;
}
.searchfilters .datefilter label{
margin: 0;
}
.searchfilters .datefilter input{
width: 128px;
margin: -6px 0 3px;
padding: .15rem .25rem;
}

.col-md-2 a.more, .col-md-2 a.morepopup {
color: #0C0D0F;
display: block;
font-size: 11px;
line-height: 12px;
margin-left: 18px;
padding: 3px 0 6px 8px;
float: left;
cursor: pointer !important;
}
.col-md-2 h2 a.morepopup {
	font-size: 14px;
	color: #777;
	position: absolute;
	top: 12px;
	right: 18px;
	padding: 0;
	float: none;
	display: none;
}
.col-md-2.filterCollapse:hover h2 a.morepopup {
	display: block;
}
.col-md-2 h2 a.morepopup:hover {
	color: #212529;
}
.col-md-2 .filterBackground h2 a.morepopup {
	right: 12px;
}
.col-md-2 a.more:hover{
border:0;
}
.col-md-2 a.changeso {
font-size: 13px;
color: #212529;
float: right;
padding: 4px 10px;
display: none;
}
.col-md-2 .filterBackground a.changeso {
display: block;
}
.vertical .searchfilters .col-md-2 a.more:hover{
border-bottom: 1px solid #8E8F91;
}
.removefilterfield i, .removefilter i, .removedaterange i {
color: #aaa;
margin: 0 1px 0;
}
/* project period trigger: a plain clickable label, not a grey button (also not on hover).
   Its font-size is pinned in every breakpoint (here and in the media queries below) to the size
   of the filter labels next to it - left alone it follows .btn/.btn-sm, which scale differently
   and made it stick out. */
#ref-daterange, #ref-daterange:hover, #ref-daterange:focus, #ref-daterange:active {
background: none;
border: 0;
box-shadow: none;
padding-left: 0;
font-size: 14px;
}
/* ... and the popup wears the done.by brand colour (as "Filter anwenden" does) instead of the
   plugin blues #08c / #357ebd. Scoped via .daterangepicker-dby, added in references.datefilter.js,
   so the statistics pickers keep their own look. Both classes have to be in the selector: the
   plugin stylesheet is injected with cfhtmlhead, so it lands AFTER custom.css and would win every
   specificity tie. */
.daterangepicker.daterangepicker-dby .ranges li.active,
.daterangepicker.daterangepicker-dby td.active,
.daterangepicker.daterangepicker-dby td.active:hover {
background-color: #00cbff;
border-color: #00cbff;
color: #fff;
}
.filterselectform #filtersearch {
width: 80%;
margin-bottom: 20px;
display: inline;
}
.filterselectform a.changeso {
float: right;
color: #212529;
padding: 6px;
}
.filterselector {
height: 500px;
position:relative;
}
.filterselector ul{
list-style:none;
max-height:100%;
overflow:auto;
}
.filterselector ul.treesearch{
padding-top: 20px;
}
.filterselector .optionpath {
display: block;
font-size: 12px;
color: #888;
margin-top: -19px;
}
.filterselector .optionpath i {
padding: 0 6px;
font-size: 11px;
color: #bbb;
vertical-align: middle;
}
.filterselector li.option-lg {
min-height: 44px;
}
a.clearsearch {
display: none;
width: 21px;
height: 21px;
margin-left: -24px;
margin-top: 7px;
position: absolute;
color: #ccc;
}

.radioFilters .radio {
display: inline-flex;
align-items: center;
width: auto;
}
.radioFilters .radio input[type="radio"] {
margin: 0;
flex-shrink: 0;
}
.radioFilters .radio label {
margin-bottom: 0;
}
.radioFilters .radio label::before {
margin-top: 0;
top: 50%;
transform: translateY(-50%);
}
.radioFilters .radio label::after {
top: 50%;
transform: translateY(-50%) scale(0, 0);
}
.radioFilters .radio input[type="radio"]:checked + label::after {
transform: translateY(-50%) scale(1, 1);
}

/* edit profile */
#toogleprofilemenu i {
color: #ccc;
margin-right: 8px;
}
#profileadminnavi a.nav-link {
padding: 0.35em 1em;
}
.card-block .companylogo {
max-width:100%;
}

/* breadcrumbs */
.breadcrumb {
padding: .75rem 0;
background: none;
}

/* category path */
.categorypath{
width:100%;
padding:5px 0;
display:inline-block;
margin:0;
}
.categorypath ul{
list-style:none !important;
margin: 0 0 2px 0 !important;
padding: 0;
width: 100%;
clear: both;
-webkit-padding-start: 0px;
}
.categorypath ul li{
float:left;
}
.categorypath ul li a, .categorypath ul li i{
color:#777777;
padding:0 6px 0 2px;
}
.categorypath ul li:first-child a{
background:none;
padding-left:0;
}

/* company profile timeline */
.timeline-item.alt h4, .timeline-item.alt p, .timeline-item.alt .timeline-date {
text-align: left;
}

/* admin */
#profileadminnavi img.companylogo {
max-width: 100%;
}
.cnews, .cpartners, .cuser, .cclients, .clocations, .creferencegroups, .cproducts, .ccompaniesmedia, .cprompts {
border-bottom: 1px solid #eceeef;
padding: 20px 0 20px;
}
.cnews:last-child, .cpartners:last-child, .joboffer:last-child, .countersignstatement:last-child, .cuser:last-child, .historymilestone:last-child, .partner:last-child, .cclients:last-child, .clocations:last-child, .cproducts:last-child, .ccompaniesmedia:last-child, .cprompts:last-child  {
border-bottom: none;
}
.ccompanies h3, .cpartners h3, .clocations h3, .cnews h3, .cuser h3, .cproducts h3, .cclients h3, .ccountersignstatements h3, .ccompaniesmedia h3, .cprompts h3 {
margin-bottom: 12px;
}
.editinfo {
display: block;
font-size: 14px;
margin-top: 6px;
min-height: 20px;
}
.editinfo > span {
display: inline-block;
white-space:nowrap;
margin-right: 10px;
}

/* List Filters */
#filterbox_pool {
display: none;
}
.filterform {
margin: 0;
}
.filterform button.close {
font-size: 20px;
padding: 0 10px 0 4px;
}
.filterform div.dropdown-menu.keep_open {
padding: 10px;
margin-right: 22px;
}
.filterform div.dropdown-menu.keep_open label.checkbox {
white-space: nowrap;
display: block;
min-width: 250px;
}
.dropdown-menu .form-group {
margin: 0;
}

/* cms content */
.row .faq, #faqsearchform, .article {
max-width: 750px
}
#faqsearchform .twitter-typeahead {
width: 100%;
}
.card.news p:last-child {
margin-bottom: 0;
}
#NewsContent .card-body img, #newsrecordslist .cnews p img {
max-width: 100% !important;
height: auto;
}
.col-sm-4 .articleimage img {
max-width: 100%;
}
/* 2del?
#stageCarousel.carousel, #stageCarousel .carousel-item, #stageCarousel .active, #stageCarousel .carousel-inner {
height: 100%;
}
#stageCarousel .fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
*/

/* branch mega menu */
.dby-nav-list, .dby-nav-list2, ul.submenu-col {
list-style: none outside none;
}
.dby-nav-list > li:hover .mainNav, .dby-nav-list > li:hover li:hover .mainNav	{
width: 100%
}

.menuSection{
position:relative;
z-index: 200;
margin-top: -1px;
}
.menuSection.new{
height: 0;
}

/* relativeMenu */
.relativeMenu{
position:relative;
z-index: 2;
}
.mainNav {
position:absolute;
z-index: 2;
background: rgba(255, 255, 255, 0.98);
padding: 7px 9px 9px 9px;
border: 1px solid #e7e7e7;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.mainNav.sidebar-nav {
clear: both;
padding: 7px 0 8px;
width: 100%;
}

.subbranches h5 {
margin-bottom: 1.5rem;
}
.subbranches .branchteaser {
margin: -10px 0 1rem;
color: #818a91;
}
.subbranches .branchteaser:last-child {
margin: -10px 0 0;
}
.subbranches .card.empty {
background: none;
border: none;
}

#blogsearch .reset {
text-align: right;
}
.rightPosition{
position:relative;
z-index:1;
float:right !important;
}
.submenu {
margin: 0;
}

.dby-nav-list > li > a, .dby-nav-list2 > li > a{
padding: 8px 25px;
display: block;
}
.dby-nav-list > li:hover .subHoverMenu .subSubHoverMenu {
display: none;
}
li .subHoverMenu, li .subSubHoverMenu  {
display:none;
position: absolute;
z-index: 200;
left: 25%;
top:0;
/*background: rgba(255, 255, 255, 0.92);
check background:#fff; */
padding-top: 12px;
padding-bottom: 12px;
}
li .subHoverMenu{
width: 75%;
}
li .subHoverMenu .dby-nav-list2 {
padding-left: 10px;
margin-top: -5px;
}
li .subHoverMenu .subSubHoverMenu {
width: 100%;
top: 0px;
left:33%;
}
.subHoverMenu .submenu-col{
margin:0;
padding:0 10px 20px 20px;
width:33%;
float: left;
}
.subHoverMenu .submenu-col.sclear{
clear:both;
}
.subHoverMenu .submenu-col li a{
color: #2b3d51 !important;
font-size: 13px;
padding: 2px 0;
text-decoration:none;
float:left;
width:100%;
}
.dby-nav-list .submenu li a{
color: #2b3d51;
font-size: 13px;
padding: 2px 10px 2px 16px;
text-decoration:none;
float:none;
width:100%;
}
.dby-nav-list .submenu .nav-header{
padding-top: 16px;
margin: 10px;
clear: both;
}
.dby-nav-list .submenu .nav-header:first-child {
padding-top: 0;
}
.submenu-col li a:hover, .submenu li a:hover{
text-decoration:underline;
}
.submenu-col li a span{
color:#A2A3A5;
}
.submenu-col li.more a{
text-decoration:underline;
}
.submenu-col li.more a:hover{
text-decoration:none;
}
.submenu-col .title, .submenu .nav-header {
border-bottom:1px solid #000;
color: #2b3d51;
font-size:16px;
padding-bottom:5px;
margin-bottom:10px;
}
.submenu-col li.title a{
color: #2b3d51;
font-size:16px;
padding:0;
float:none;
}

/* footer */
.footer-one {
color: #9ba1ac;
padding-top: 60px;
padding-bottom: 0px;
}

.footer-one h4, .footer-one h5{
color: #ffffff;
font-size: 1.5rem;
font-weight: bolder;
margin-bottom: 20px;
letter-spacing: 1px;
}
.footer-one h5{
font-size: 15px;
}
.footer-one .about-text {
padding-right: 20px;
line-height: 22px;
margin-top: 10px;
font-size: 13px;
}
.footer-one .footer-logo {
height: 48px;
margin-bottom: 5px;
}
.footer-one a{
color: #9ba1ac;
}
.footer-one a:hover{
color: #1bb99a;
}
.footer-one ul li {
margin: 5px 0px;
}
.footer-one-alt {
margin-top: 40px;
padding: 20px 0px 40px;
border-top: 1px solid #9ba1ac;
}
.footer-one-alt .copyright {
line-height: 34px;
margin: 0;
}
.footer-social-one {
font-size: 16px;
margin-bottom: 0px;
}
.footer-social-one li {
padding: 0;
margin: 0 2px !important;
display: inline-block;
}
.footer-social-one a {
border-radius: 50%;
text-align: center;
background-color: #212125;
width: 34px;
display: block;
height: 34px;
line-height: 36px;
font-size: 15px;
}
.footer-social-one a:hover {
color: #ffffff;
background-color: #1bb99a;
}
.back-to-top {
width: 30px;
height: 30px;
position: fixed;
bottom: 10px;
right: 20px;
display: none;
text-align: center;
z-index: 9998;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #496174;
}
.back-to-top i {
color: #fff;
font-size: 18px;
display: block;
line-height: 30px;
}
#invitetab a {
height: 30px;
position: fixed;
bottom: 10px;
right: 60px;
color: #fff;
font-size: 13px;
line-height: 22px;
padding: 6px 10px 4px;
line-height: 16px;
text-decoration: none;
text-align: center;
z-index: 9998;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #496174;
}


@media (max-width: 1600px) { /* 1280 - < 1600 px */
body, .btn, .form-control, .input-group-text {
font-size: 14px;
}
.container {
width: 96%;
}
.display-2 {
font-size: 4rem;
}
.display-3 {
font-size: 3rem;
}
.display-4 {
font-size: 2.5rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-size: 1.2rem;
}
h5 {
font-size: 1.1rem;
}
h6 {
font-size: 0.9rem;
}
#fullStageCarousel .carousel-caption h3 span {
font-size: 44px;
line-height: 60px;
}
.dby-navbar-search .input-group-append {
margin: 0 -3px;
}
.scrtabs-tab-container, .scrtabs-tabs-fixed-container, .scrtabs-tab-scroll-arrow {
height: 39px !important;
}
.btn-group-lg > .btn, .btn-lg, .pagination-lg .page-link {
font-size: 1rem;
}
#filterform {
margin-top: -3px;
}
.filterPosition ul {
height: 93px;
}
.filterCollapse {
height: 153px;
}
.filterBackground ul {
height: auto;
}
.searchfilters .col-md-2 h2 {
font-size: 14px;
line-height: 17px;
height: 40px;
margin: -2px 0 2px 0;
}
.filters label {
font-size: 12px;
margin: 0;
}
.filters .radioFilters .custom-checkbox label {
padding: 2px 0 0;
}

.searchfilters .datefilter input {
font-size: 12px;
}
/* the period picker is a .btn, so it keeps the global 14px while the filter labels around it
   shrink - pull it down to their size, it also has to fit the narrow filter column */
#ref-daterange, #ref-daterange:hover, #ref-daterange:focus, #ref-daterange:active {
font-size: 12px;
}
.checkbox label::before {
margin-top: 1px;
}
.wizard > .steps a {
font-size: 14px;
}
.references-list.card-list .card .countersigned {
margin: 8px 15px;
}
.editinfo {
font-size: 12px;
}
.innertabpaneform legend.bar, .innertabpaneform legend.bar label, .innerlistform legend.bar, .innertabpaneform .header-title, .innerlistform .header-title {
font-size: 1rem;
line-height: 1.1rem;
}
.blogarticle h3.sectitle {
font-size: 1.2rem;
}

}

@media (max-width: 1279px) { /* 0 - < 1280 px */
body, .btn, .form-control, .page-link {
font-size: 14px;
}
.container {
width: 100%;
}
.display-2 {
font-size: 3rem;
}
.display-3 {
font-size: 2.5rem;
}
.display-4 {
font-size: 2rem;
}
h2 {
font-size: 1.3rem;
}
h3 {
font-size: 1.2rem;
}
h4 {
font-size: 1.1rem;
font-weight: 600;
}
h5 {
font-size: 0.9rem;
}
h6 {
font-size: 0.8rem;
}
#fullStageCarousel .carousel-caption h3 span {
font-size: 40px;
line-height: 55px;
}
.mainNav .dby-nav {
padding: 0;
}
#topnav .navigation-menu > li > a, .dby-nav-list > li > a, .dby-nav-list2 > li > a {
font-size: 14px;
}
.dby-navbar-search .input-group-append {
margin: 0 -12px 0 -4px;
}
#topnav .navigation-menu > li .submenu.megamenu.last {
left: -96px;
}
#topnav .navigation-menu > li .submenu.megamenu > li {
min-width: 100px;
}
.scrtabs-tab-container, .scrtabs-tabs-fixed-container, .scrtabs-tab-scroll-arrow {
height: 36px !important;
}
#filterform {
margin-top: 0;
width: 100%;
}
.filterPosition ul {
height: 84px;
}
.filterCollapse {
height: 136px;
}
.filterBackground ul {
height: auto;
}
.searchfilters .col-md-2 h2 {
font-size: 12px;
height: 32px;
line-height: 14px;
}
.filters label {
font-size: 11px;
}
#ref-daterange, #ref-daterange:hover, #ref-daterange:focus, #ref-daterange:active {
font-size: 11px;
}
.checkbox label::before {
margin-top: 1px;
left: 1px;
}
.checkbox input[type="checkbox"]:disabled + label::before {
left: 1px;
}
.references-list .company.card img {
max-width: 80%;
}
.references-list.card-list .card .countersigned {
margin: 7px;
}
.editinfo {
font-size: 11px;
}
.innertabpaneform legend.bar, .innertabpaneform legend.bar label, .innerlistform legend.bar, .innertabpaneform .header-title, .innerlistform .header-title {
font-size: 0.9rem;
line-height: 1rem;
}
.pagination-lg .page-link {
padding: .75rem .9rem;
font-size: 13px;
}

}

/* mobile */
@media (max-width: 991px) { /* 768 - < 992 px */
body, .btn, .form-control, .page-link {
font-size: 16px;
}
/* ... but not the period picker in the desktop filter bar (a narrow browser window is not
   detected as mobile server-side, so that bar is still the one being rendered). The picker
   inside the mobile filter modal - .searchfilters.filterMobileDefine - keeps the 16px. */
.searchfilters:not(.filterMobileDefine) #ref-daterange {
font-size: 11px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 16px;
}
.display-2 {
font-size: 2.5rem;
}
.display-3 {
font-size: 2rem;
}
.display-4 {
font-size: 1.5rem;
}
.display-4 small, .reflisttitle h1 small {
font-size: 1.2rem;
}
#fullStageCarousel .carousel-caption h3 span {
font-size: 32px;
line-height: 45px;
}
#topnav {
position: fixed;
}
span.logo {
margin-right: -5px;
}
.logo span {
display: inline;
font-size: 20px;
}
#topnav .navbar-toggle {
float: left;
line-height: 60px;
width: 40px;
padding: 17px 5px 0 0;
}
#topnav .nomobi, #topnav .cpname span, .nomobi {
display: none !important;
}
#topnav .mobi, #topnav .navigation-menu > li.mobi, .invoices .mobi {
display: block;
}
#topnav .cpname i.fa-building-o {
display: inline-block;
font-size: 20px;
vertical-align: middle;
}
#topnav .navbar-custom {
height: auto;
}
#searchbar {
height: 55px;
background-color: #fff;
}
.dby-search-query {
padding: 18px 15px 15px;
height: 55px;
border-width: 0;
}
.dby-navbar-search .input-group-append {
height: 55px;
padding: 0.7rem 1rem;
position: absolute;
right: 10px;
}
.twitter-typeahead {
width: 100% !important;
}
.dby-navbar-search .tt-dropdown-menu {
margin-top: 0 !important;
overflow-x: hidden; 
overflow-x: auto;
height: 600px;
}

.nav-pills .nav-link {
background-color: #eee;
border-radius: .15em;
margin: 0 3px 3px 0;
}
.innertabpaneform #multilangnavi, .innerlistform #multilangnavi {
float: none;
margin: 0 0 20px 0;
}
#multilangnavi .nav-link {
padding: .25rem .5rem;
}
div.pull-right + div.pull-right + .page-title {
white-space: nowrap;
padding-top: 45px;
}

.wrapper {
padding-top: 115px !important;
}
#loginbox {
position: relative;
padding: 0;
margin-bottom: 20px;
}
#fullStageCarousel {
margin: 0;
}
#fullStageCarousel .carousel-item, #topReferencesStageCarousel .stageoverlay {
height: 40vh;
}
#topReferencesStageCarousel .carousel-item span, #defaultStageCarousel .carousel-item .registrationfeaturedText span {
line-height: 22px;
background: rgba(50, 50, 50, 0.8);
}
#topReferencesStageCarousel .carousel-item h5 span {
line-height: 26px; 
}

.radioFilters .radio {
width: 100%;
}
#filtertoolbar button, .buttonBottom button, .alert a.btn {
margin-bottom: 3px;
}
.dby-where {
display: none;
}
.project .card-columns {
column-count: 1 !important;
}

label .langinfo, label .subinfo, label .subsecinfo {
position: relative;
width: 100%;
}
.fileupload-buttonbar .text-muted {
white-space: nowrap;
}
.timeline-item.alt .timeline-desk .arrow-alt, .timeline-item.alt .timeline-icon, .timeline-item.alt::after {
display: none;
}
.timeline-item.alt .panel {
margin-right: 0;
}
.timeline .time-show {
margin-right: 0;
text-align: center;
}
.cpartners figure {
margin: .5em 0;
}

.featuresection .card-body i {
margin-left: -8px;
}
.featuresection .card-body .subheadline, .featuresection .featureset ul li {
font-size: 14px;
line-height: 21px;
}
.featuresection .carousel-caption h3 {
font-size: 12px;
}
.featuresection .card-body h2, .featuresection .card-body .subheadline, .featuresection .featureset {
margin-left: 40px;
}

.breadcrumb-item + .breadcrumb-item::before {
padding-right: .25rem;
}
.recordsperpage.pull-right {
float: none;
margin-bottom: 6px;
}
.ref-container > .col-md-12 > .pull-right.text-right  {
float: none;
width: 50%;
margin-left: 50%;
}
.sortform {
margin: 0 0 6px !important;
}
.alert a.btn, .page-item.wide a {
width: 100%;
}
.pagination {
display: inline-block;
width: 100%;
}
.pagination li a {
margin: 2px !important;
padding: 18px 0 !important;
float: left;
width: 50px;
height: 50px;
line-height: 11px !important;
text-align: center;
border-radius: 0 !important;
}
#toogleprofilemenu, #invitetab, #btnsupportchat span {
display: none;
}
#btnsupportchat {
right: 52px !important;
}
div.video.backgroundbar {
padding: 0;
}
.dby_slogan_link_compact h2 {
font-size: 1.75em;
}
#secondarynavi {
display: flex;
flex-direction: column;
}
#secondarynavi .pull-right {
float: none;
margin-bottom: 10px;
}
}


.card-columns {
column-count: 3;
}
@media (min-width: 1920px) { 
.card-columns {
column-count: 4;
}
}
@media (min-width: 2580px) { 
.card-columns {
column-count: 6;
}
#gotoCompanyReferencesList .card-columns {
column-count: 5;
}
}

@media (max-width: 767px) { /* 640 - < 768 px */
#fullStageCarousel .carousel-caption h3 span {
font-size: 22px;
line-height: 32px;
}
#topnav .langl, #topnav .username {
display: none;
}
#topnav .langs {
display: block;
font-size: 16px;
margin: -1px 0 0 20px;
}
.reference.card-body {
padding: 0 0 1.25em;
}
.references-list .list-thumb {
padding: 0 10px 0;
margin: 0;
}
.reference.card-body .col-md-5, .reference.card-body .col-md-9, .reference.card-body .list-content {
padding: 1.25rem 1.75rem;
}
.reference.card-body .vcard {
padding: 0;
margin: 0 1.75rem 0;
}
.reflisttoolbar {
margin-bottom: 30px !important;
}
.reflisttoolbar .checkbox {
width: 100%;
text-align: left;
margin-left: 3px;
}

}

@media (max-width: 639px) { /* 0 - < 640 px */
#topnav .list-inline-item {
margin-right: 0;
}
.nav-user,
#topnav a.cpname {
padding: 0 12px 0 0 !important;
}

}

@media (max-width: 500px) { /* 0 - < 500 px */
#topnav .smobi {
display: none;
}
#topnav .xmobi {
display: block;
}
}

@media (max-width: 424px) { /* 0 - < 424 px */
#topnav .logo img {
display: none;
}
}

@media (max-width: 380px) { /* 0 - < 380 px */
    .topbar-main .container {
    padding: 0 10px;
    }
    .logo {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    }
    .logo a {
    display: flex;
    }
    .logo span {
    display: block !important;
    }
    #topnav .logo img {
    margin: 19px 1px 0 0;
    }
}

@media (max-width: 300px) { /* 0 - < 300 px */
    #topnav .logo span {
    display: none !important;
    }
    #topnav .logo img {
    display: block;
    }
}

/*left right modal*/
.modal.left_modal, .modal.right_modal{
    position: fixed;
    z-index: 99999;
  }
  .modal.left_modal .modal-dialog,
  .modal.right_modal .modal-dialog {
    position: fixed;
    margin: auto;
    width: 450px;
    max-width: 85%;
    /*height: 100%;*/
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  
  .modal-dialog {
      /* max-width: 100%; */
      margin: 1.75rem auto;
  }
  @media (min-width: 576px)
  {
  .left_modal .modal-dialog {
      max-width: 100%;  
  }
  
  .right_modal .modal-dialog {
      max-width: 100%;  
  }
  }
  .modal.left_modal .modal-content,
  .modal.right_modal .modal-content {
    /*overflow-y: auto;
      overflow-x: hidden;*/
      height: 90vh !important;
  }
  
  .modal.left_modal .modal-body,
  .modal.right_modal .modal-body {
    padding: 15px 15px 30px;
  }
  
  /*.modal.left_modal  {
      pointer-events: none;
      background: transparent;
   
  /*Left*/
  .modal.left_modal.fade .modal-dialog{
    left: -50%;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
  }
  
  .modal.left_modal.fade.show .modal-dialog{
    left: 0;
    box-shadow: 0px 0px 19px rgba(0,0,0,.5);
  }
      
  /*Right*/
  .modal.right_modal.fade .modal-dialog {
    right: -50%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }
  
  
  
  .modal.right_modal.fade.show .modal-dialog {
    right: 0;
    box-shadow: 0px 0px 19px rgba(0,0,0,.5);
  }
  
  /* ----- MODAL STYLE ----- */
  .modal-content {
    border-radius: 0;
    border: none;
  }
  
  
  
  .modal-header.left_modal, .modal-header.right_modal {
      
    padding: 10px 15px; 
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
  }
  
  .modal_outer .modal-body {
      /*height:90%;*/
      overflow-y: auto;
      overflow-x: hidden;
      height: 91vh;
  }

  .expand_caret {
    transform: scale(1.2);
    margin-right: 10px;
    margin-top: 8px;
    float: right;
}
a[aria-expanded='false'] > .expand_caret {
    transform: scale(1.2) rotate(-90deg);
}

.panelsection {
    min-height: 30px;
    margin-bottom: 10px;
    background-color: rgba(0,0,0,.03);
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panelsection a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px;
    color: black;
}

.filterMobileDefine.collapseOverflow {
    margin-top: 0;
    overflow-y: auto !important;
}
.filterMobileDefine .filterPosition ul {
    height: 135px;
    overflow-y: scroll;
}
.filterMobileDefine .filterCollapse {
    height: 150px;
    margin-top: 0;
}
.filterMobileDefine .filterCollapse.internal {
    height: 160px;
}
.modal.left_modal .modal-content {
  height: 100%;
  border-radius: 0;
  position:relative;
}
.modal.left_modal .modal-footer {
  border-radius: 0;
  bottom:0px;
  /* position:absolute; */
  width:100%;
  justify-content: center;
  background-color: white;
}
.filterMobileDefine a.changeso {
  display: block;
}
.filterMobileDefine .collapse.show {
  margin-bottom: 0px;
  overflow: hidden;
  /* transition: height 0.66s ease-out; */
}
.filterMobileDefine .card-footer {
  background-color: white;
  border-top: none;
}


/* BS4 Grid XXL breakpoint */

/* adding col-xxl */
.col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto {
  position: relative; width: 100%;
}

@media (min-width: 2000px){
/* expanding BS4 max-width 
.container {max-width: 1970px;}*/

/* grid columns xxl */
.col-xxl {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-xxl-auto {-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}  
.col-xxl-1 {-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-xxl-2 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-xxl-3 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-xxl-4 {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-xxl-5 {-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-xxl-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-xxl-7 {-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-xxl-8 {-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-xxl-9 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-xxl-10 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-xxl-11 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-xxl-12 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}

/* order xxl */
.order-xxl-0 {-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0;}
.order-xxl-1 {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
.order-xxl-2 {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
.order-xxl-3 {-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;}
.order-xxl-4 {-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;}
.order-xxl-5 {-webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5;}
.order-xxl-6 {-webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6;}
.order-xxl-7 {-webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7;}
.order-xxl-8 {-webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8;}
.order-xxl-9 {-webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9;}
.order-xxl-10 {-webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10;}
.order-xxl-11 {-webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11;}
.order-xxl-12 {-webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12;}

/* text-align xxl */
.text-xxl-center {text-align: center!important;}
.text-xxl-left {text-align: left!important;}
.text-xxl-right {text-align: right!important;}  

/* float xxl */
.float-xxl-left {float: left!important;}
.float-xxl-right {float: right!important;}
.float-xxl-none {float: none!important;}

/* display xxl */
.d-xxl-none {display: none!important;}
.d-xxl-inline {display: inline!important;}
.d-xxl-inline-block {display: inline-block!important;}
.d-xxl-block {display: block!important;}
.d-xxl-table {display: table!important;}
.d-xxl-table-cell {display: table-cell!important;}
.d-xxl-table-row {display: table-row!important;}
.d-xxl-flex {display: flex!important;}
.d-xxl-inline-flex {display: inline-flex!important;}

/* offsets xxl */
.offset-xxl-1 {margin-left: 8.333333%;}
.offset-xxl-2 {margin-left: 16.666667%;}
.offset-xxl-3 {margin-left: 25%;}
.offset-xxl-4 {margin-left: 33.333333%;}
.offset-xxl-5 {margin-left: 41.666667%;}
.offset-xxl-6 {margin-left: 50%;}
.offset-xxl-7 {margin-left: 58.333333%;}
.offset-xxl-8 {margin-left: 66.666667%;}
.offset-xxl-9 {margin-left: 75%;}
.offset-xxl-10 {margin-left: 83.333333%;}
.offset-xxl-11 {margin-left: 91.666667%;}

/* spacing xxl */
.m-xxl-0{margin:0!important}.mt-xxl-0,.my-xxl-0{margin-top:0!important}.mr-xxl-0,.mx-xxl-0{margin-right:0!important}.mb-xxl-0,.my-xxl-0{margin-bottom:0!important}.ml-xxl-0,.mx-xxl-0{margin-left:0!important}.m-xxl-1{margin:.25rem!important}.mt-xxl-1,.my-xxl-1{margin-top:.25rem!important}.mr-xxl-1,.mx-xxl-1{margin-right:.25rem!important}.mb-xxl-1,.my-xxl-1{margin-bottom:.25rem!important}.ml-xxl-1,.mx-xxl-1{margin-left:.25rem!important}.m-xxl-2{margin:.5rem!important}.mt-xxl-2,.my-xxl-2{margin-top:.5rem!important}.mr-xxl-2,.mx-xxl-2{margin-right:.5rem!important}.mb-xxl-2,.my-xxl-2{margin-bottom:.5rem!important}.ml-xxl-2,.mx-xxl-2{margin-left:.5rem!important}.m-xxl-3{margin:1rem!important}.mt-xxl-3,.my-xxl-3{margin-top:1rem!important}.mr-xxl-3,.mx-xxl-3{margin-right:1rem!important}.mb-xxl-3,.my-xxl-3{margin-bottom:1rem!important}.ml-xxl-3,.mx-xxl-3{margin-left:1rem!important}.m-xxl-4{margin:1.5rem!important}.mt-xxl-4,.my-xxl-4{margin-top:1.5rem!important}.mr-xxl-4,.mx-xxl-4{margin-right:1.5rem!important}.mb-xxl-4,.my-xxl-4{margin-bottom:1.5rem!important}.ml-xxl-4,.mx-xxl-4{margin-left:1.5rem!important}.m-xxl-5{margin:3rem!important}.mt-xxl-5,.my-xxl-5{margin-top:3rem!important}.mr-xxl-5,.mx-xxl-5{margin-right:3rem!important}.mb-xxl-5,.my-xxl-5{margin-bottom:3rem!important}.ml-xxl-5,.mx-xxl-5{margin-left:3rem!important}
.p-xxl-0{padding:0!important}.pt-xxl-0,.py-xxl-0{padding-top:0!important}.pr-xxl-0,.px-xxl-0{padding-right:0!important}.pb-xxl-0,.py-xxl-0{padding-bottom:0!important}.pl-xxl-0,.px-xxl-0{padding-left:0!important}.p-xxl-1{padding:.25rem!important}.pt-xxl-1,.py-xxl-1{padding-top:.25rem!important}.pr-xxl-1,.px-xxl-1{padding-right:.25rem!important}.pb-xxl-1,.py-xxl-1{padding-bottom:.25rem!important}.pl-xxl-1,.px-xxl-1{padding-left:.25rem!important}.p-xxl-2{padding:.5rem!important}.pt-xxl-2,.py-xxl-2{padding-top:.5rem!important}.pr-xxl-2,.px-xxl-2{padding-right:.5rem!important}.pb-xxl-2,.py-xxl-2{padding-bottom:.5rem!important}.pl-xxl-2,.px-xxl-2{padding-left:.5rem!important}.p-xxl-3{padding:1rem!important}.pt-xxl-3,.py-xxl-3{padding-top:1rem!important}.pr-xxl-3,.px-xxl-3{padding-right:1rem!important}.pb-xxl-3,.py-xxl-3{padding-bottom:1rem!important}.pl-xxl-3,.px-xxl-3{padding-left:1rem!important}.p-xxl-4{padding:1.5rem!important}.pt-xxl-4,.py-xxl-4{padding-top:1.5rem!important}.pr-xxl-4,.px-xxl-4{padding-right:1.5rem!important}.pb-xxl-4,.py-xxl-4{padding-bottom:1.5rem!important}.pl-xxl-4,.px-xxl-4{padding-left:1.5rem!important}.p-xxl-5{padding:3rem!important}.pt-xxl-5,.py-xxl-5{padding-top:3rem!important}.pr-xxl-5,.px-xxl-5{padding-right:3rem!important}.pb-xxl-5,.py-xxl-5{padding-bottom:3rem!important}.pl-xxl-5,.px-xxl-5{padding-left:3rem!important}
.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}

}