[box0] {
    box-sizing: border-box;
    display: block;
    padding: 1.25rem;
    background: #fff;
    padding-left: 10%;
    padding-right: 10%;
    width: 100%
}

box{    
    display: block;
    margin-top: 1.25rem
}

cw-footer[box] {
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 20px
}

.section-container[box] {
    margin: 0;
    margin-left: -.25rem;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 740px) {
    .section-container[box] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: left;
        column-gap: .25rem
    }
}

div[box1] {
    margin-top: -.5rem;
    margin-left: -.25rem;
    margin-right: -.25rem;
    display: flex;
    flex-direction: column
}

.cw-information-card[box1] {
    /*display: block;*/
    width: 100%
}
@media only screen and (min-width: 900px) {
    .card-holder[box1] {
        margin-top: -.25rem;
        margin-left: -.5rem;
        margin-right: -.5rem;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .card-holder[box1] .cw-information-card[box1] {
        width: calc(50% - .5rem);
        margin: .25rem
    }
}

@media only screen and (min-width: 1400px) {
    .card-holder[box1] .cw-information-card[box1] {
        width: calc(33.3% - .5rem);
        margin: .25rem
    }

    .card-holder[box50] .cw-information-card[box1] {
        width: calc(50% - .5rem);
        margin: .25rem
    }

    .card-holder[box_long] .cw-information-card[box1] {
        width: calc(50% - .5rem);
        margin: .25rem
    }
}

@media only screen and (min-width: 1500px) {
    .card-holder[box50] {
        padding-left: 15%;
        padding-right: 15%;
    }
}

@media only screen and (min-width: 2200px) {
    .card-holder[box_long] .cw-information-card[box1] {
        width: calc(33.3% - .5rem);
        margin: .25rem
    }
}

.craneware-blue-gradient-background[blue] {
    background: radial-gradient(circle, #112d4f 0% 33%, #4f5f76)
}

.card[blue] {
    margin: .25rem
}

.card.card-title[blue] {
    max-width: 35ch
}

.card.nav-hover[blue] {
    transition: all .25s ease-in-out
}

.card.nav-hover[blue]:hover {
    border-left-color: #06c;
    border-right-color: #06c;
    border-bottom-color: #06c
}

.grey-background[blue] {
    background-color: #eee
}

.blue-brand[blue] {
    border-top: solid .4rem #0066cc
}

.green-brand[blue],
.orange-brand[blue] {
    border-top: solid .4rem #f16523
}

.info-card-footer[blue] {
    border-top: 1px solid #d9d9d9;
    min-height: 3rem
}

@media only screen and (min-width: 740px) {
    .card-text[blue] {
        height: 7rem
    }
}

@media only screen and (min-width: 1200px) {
    .card-text[blue] {
        height: 6rem
    }
}

#submenu-dropright[blue] {
    top: 4.6rem;
    left: -.15rem
}



.craneware-blue-gradient-background[orange] {
    background: radial-gradient(circle, #112d4f 0% 33%, #4f5f76)
}

.card[orange] {
    margin: .25rem
}

.card.card-title[orange] {
    max-width: 35ch
}

.card.nav-hover[orange] {
    transition: all .25s ease-in-out
}

.card.nav-hover[orange]:hover {
    border-left-color: #F16523;
    border-right-color: #F16523;
    border-bottom-color: #F16523
}

.grey-background[orange] {
    background-color: #eee
}

.blue-brand[orange] {
    border-top: solid .4rem #0066cc
}

.green-brand[orange],
.orange-brand[orange] {
    border-top: solid .4rem #f16523
}

.info-card-footer[orange] {
    border-top: 1px solid #d9d9d9;
    min-height: 3rem
}

@media only screen and (min-width: 740px) {
    .card-text[orange] {
        height: 7rem
    }
}

@media only screen and (min-width: 1200px) {
    .card-text[orange] {
        height: 6rem
    }
}

#submenu-dropright[orange] {
    top: 4.6rem;
    left: -.15rem
}

h3[orange] {
    color: #f16523 !important;
}

.card[transparent] {
    visibility: hidden;
    margin: .25rem
}

.card.card-title[transparent] {
    visibility: hidden;
    max-width: 35ch
}

.card.nav-hover[transparent] {
    visibility: hidden;
    transition: all .25s ease-in-out
}

.grey-background[transparent] {
    visibility: hidden;
}

.blue-brand[transparent],
.green-brand[transparent],
.orange-brand[transparent] {
    visibility: hidden;
}

.info-card-footer[transparent] {
    visibility: hidden;
    min-height: 3rem
}

@media only screen and (min-width: 740px) {
    .card-text[transparent] {
        visibility: hidden;
        height: 7rem
    }
}

@media only screen and (min-width: 1200px) {
    .card-text[transparent] {
        visibility: hidden;
        height: 6rem
    }
}

#submenu-dropright[transparent] {
    visibility: hidden;
    top: 4.6rem;
    left: -.15rem
}

h3[transparent] {
    visibility: hidden;
}

.dropdown-menu[blue] {
    border: 1px solid #ccc;
    border-radius: .25rem;
    color: #06c;
    font-weight: 600;
    font-size: .875rem;
}

.dropdown-menu[blue] .dropdown-item[blue] {
    border-radius: .25rem;
    background: none;
    border: none;
    color: #06c;
    font-weight: 600;
    font-size: .875rem;
    outline-color: #d1e8ff;
    padding: .25rem 1rem;
}

.dropdown-menu[blue] .dropdown-item:hover[blue] {
    background-color: #e5f2ff
}

.dropdown-menu[blue] .dropdown-item.disabled,.dropdown-menu[blue] .dropdown-item:disabled[blue] {
    outline: none;
    color: #999;
    background: none;
    font-weight: 400
}

.dropdown-menu[blue] .dropdown-item.disabled>i,.dropdown-menu[blue] .dropdown-item:disabled>i[blue] {
    color: #999
}

.dropdown-menu[blue] hr.dropdown-separator[blue] {
    color: #ddd;
    margin: 0 .25rem
}

.dropdown-menu[blue] {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: .875rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: .375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: rgb(29.7, 33.3, 36.9);
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0066cc;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-item[blue] {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,.dropdown-item:focus[blue] {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,.dropdown-item:active[blue] {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,.dropdown-item:disabled[blue] {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-item-text[blue] {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center[blue]{
    position: relative;
}

.dropdown-menu.show[blue]{
    display: block;
}

ol ul[blue]{
    padding-inline-start: 2.5rem;
}
li[blue]{
    display: list-item;
    unicode-bidi: isolate;
}

a.btn-link, a:not(.nav-link)[blue]{
    text-decoration: none;
    background-color: transparent;
}

.myHidden {
  display: none;
}

#action-menu-news:focus + .myHidden {
  display: block;
}

h3 {
    font-family:  Segoe UI, Arial, Helvetica Neue, Helvetica, sans-serif;;
    margin-top: 5px;
}

a[blue]{
    text-decoration: none;
}

a:hover[blue]{
    text-decoration: none;
}

cw-your-solutions[box]{
    padding: 4.5rem;
}

  .show-pointer-on-row {
    cursor: pointer;
  }
  .gallery-title {
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
  }

  .gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
  }

  .filter-button {
    font-size: 18px;
    border: 1px solid #F16523;
    border-radius: 5px;
    text-align: center;
    color: #F16523;
    margin-bottom: 30px;

  }

  .filter-button:hover {
    font-size: 18px;
    border: 1px solid #F16523;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #F16523;

  }

  .btn-default:active .filter-button:active {
    background-color: #9E3320;
    color: white;
  }

  .port-image {
    width: 100%;
  }

  .gallery_product {
    margin-bottom: 30px;
  }
  
#tblKBList th {cursor: pointer;}