.kba {
    font-family: "Segoe UI";
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: rgba(17, 45, 79, 1);
    background: rgba(255, 255, 255, 1);
    margin: 4px 1px 12px;
    padding: 0
}
.kba h1,
.kba h2,
.kba h3,
.kba h4,
.kba h5,
.kba h6 {
    font-family: "Segoe UI Semibold";
    text-transform: capitalize;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: rgba(42, 70, 104, 1);
    border: 1px none rgba(0, 0, 0, 0);
    margin: 0 0 6px;
    padding: 0
}
.kba h1 {
    font-size: 28px
}
.kba h2 {
    font-size: 24px
}
.kba h3 {
    font-size: 22px
}
.kba h4 {
    font-size: 20px
}
.kba h5 {
    font-size: 16px
}
.kba h6 {
    font-size: 14px
}
.kba p {
    text-align: left;
    margin: 0 16px 0 4px;
    padding-bottom: 4px
}
.kba strong,
.kba b {
    font-family: "Segoe UI Semibold";
    color: rgba(42, 70, 104, 1);
}
.kba sup {
    font-size: 0.65em;
    line-height: 1;
    margin-left: 0.05em
}
.kba ul,
.kba ol {
    display: flex;
    flex-direction: column;
    color: inherit;
    margin: 1px 16px 7px 10px;
    padding-left: 40px
}
.kba ul ul,
.kba ol ol,
.kba ol ul,
.kba ul ol {
    margin-top: 2px;
    margin-bottom: -2px;
    padding-left: 36px
}
.kba li {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px
}
.kba ul li {
    padding-left: 0
}
.kba ol li {
    margin-left: -4px;
    padding-left: 4px
}
.kba li:first-of-type {
    padding-top: 0
}
.kba li:last-of-type {
    padding-bottom: 0
}
.kba ul {
    list-style: disc outside
}
.kba li::marker {
    color: rgba(244, 132, 79, 1);
    font-family: "Segoe UI Semibold"
}
.kba .reverse li::marker {
    color: rgba(17, 45, 79, 1)
}
.kba a {
    font-weight: 500;
    font-size: 0.98em;
    text-transform: capitalize;
    text-decoration: none;
    color: rgba(243, 120, 63, 1);
    cursor: pointer;
    transition-duration: 0.5s;
    margin-left: 0;
    margin-right: 0
}
.kba a:hover {
    color: rgba(47, 71, 101, 1);
    transition-duration: 0.5s
}
.kba a::after {
    content: url("https://www.thecranewaregroup.com/media/g1mhic02/oin_b.png");
    margin-left: 7px
}
.kba a:hover::after {
    content: url("https://www.thecranewaregroup.com/media/y1yetrqs/oin_o.png");
    margin-left: 7px
}
.kba img {
    vertical-align: middle;
    width: auto;
    height: auto;
    border: 1px solid rgba(200, 200, 200, 1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 0.25em;
    margin: 2px 6px 6px;
    padding: 0
}
.kba p img {
    margin-bottom: 0;
    margin-left: 0
}
.kba li img {
    margin-top: 6px;
    margin-left: 0
}
.kba hr {
    border-top: 1px solid rgba(255, 255, 255, 1);
    border-left: 1px hidden rgba(0, 0, 0, 1);
    border-right: 1px hidden rgba(0, 0, 0, 1);
    border-bottom: 1px solid rgba(220, 220, 220, 1);
    margin: 6px 80px 8px 6px
}
.kba .main,
.kba .sub,
.kba .low {
    display: block;
    width: auto;
    background: rgba(255, 255, 255, 1);
    border: 1px none rgba(0, 0, 0, 0)
}
.kba .main {
    margin: 0 0 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    border-radius: 0.25em;
    padding: 0 12px 4px;
}
.kba .sub {
    margin: 0 -6px 4px;
    box-shadow: none;
    overflow: visible;
    border-radius: 0;
    padding: 0 8px 4px
}
.kba .low {
    margin: 12px -4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    border-radius: 0.25em;
    padding: 0 12px 6px
}
.kba .low .low {
    margin: 6px -6px 0;
    box-shadow: none;
    overflow: visible;
    border-radius: 0;
    padding: 0 12px 2px
}
.kba .low.table {
    padding: 0 !important
}
.kba .sub .sub {
    margin: 0 -12px;
    padding: 0 12px
}
.kba .sub:not(:first-of-type) {
    margin-top: 6px
}
.kba .sub .sub:not(:first-of-type) {
    margin-top: 8px
}
.kba .main .sub:first-of-type {
    margin-top: 4px
}
.kba .main .sub:last-of-type {
    margin-bottom: 0
}
.kba .sub .low:first-of-type {
    margin-top: 8px
}
.kba .sub .low:last-of-type {
    margin-bottom: 4px
}
.kba .low .low:first-of-type {
    margin-top: 2px
}
.kba .low .low:last-of-type {
    margin-bottom: 0
}
.kba .b1,
.kba .b2,
.kba .b3,
.kba .b4,
.kba .b5,
.kba .b6,
.kba .b7 {
    display: block;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 1.2em;
    line-height: 1em
}
.kba .b1 {
    background: rgba(239, 244, 252, 1);
    margin: 0 -12px 6px;
    padding: 6px 14px 9px 10px
}
.kba .b2 {
    background: rgba(254, 246, 236, 1);
    margin: 0 -16px 6px;
    padding: 6px 22px 9px 14px
}
.kba .b3 {
    background: rgba(239, 244, 252, 1);
    margin: 0 -12px 6px;
    padding: 7px 12px 9px
}
.kba .b4 {
    background: rgba(0, 0, 0, 0.03);
    margin: 4px -12px -6px;
    padding: 9px 14px 10px
}
.kba .b5 {
    background: rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin: 14px -12px;
    padding: 8px 12px 0
}
.kba .b5.last {
    margin-top: 4px;
    margin-bottom: 4px
}
.kba .b6 {
    border-radius: 0.325rem;
    min-width: 100%;
    background: rgba(0, 0, 0, 0.03);
    margin: 0 -10px 4px;
    padding: 7px 10px 9px
}
.kba .mln .b7 {
    height: auto;
    background: rgba(0, 82, 155, 1);
    margin: 0 -18px 12px;
    padding: 0 36px 0 0
}

.kba .b9:before {
    content: "Craneware Insights Article - ";
    font-family: "Segoe UI Semibold"
}
.kba .orange {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-family: "Segoe UI";
    font-weight: 400;
    margin: 0 -3.5px;
    line-height: inherit;
    color: rgba(243, 120, 63, 1)
}
.kba .ora {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    width: auto;
    height: auto;
    text-align: left;
    line-height: inherit;
    margin: 0;
    padding: 0
}
.kba .ora::before {
    font-family: "Segoe UI";
    font-weight: 400;
    content: "┃";
    color: rgba(243, 120, 63, 1);
    margin: 0 -5px;
    padding: 0
}
.kba i.das::before {
    font-style: normal;
    font-weight: 200;
    color: rgba(243, 120, 63, 1);
    visibility: visible;
    line-height: 1;
    font-size: 1em;
    content: "-";
    padding: 0 0 0 0.23em;
    margin-right: -0.4em
}
.vh,
.vx {
    display: none !important;
    visibility: hidden !important
}
.kba .main.feature {
    outline: 1px solid rgba(230, 230, 230, 1)
}
.kba .main.feature,
.kba .feature .sub,
.kba .feature .low {
    background: rgba(17, 45, 79, 1);
}
.kba .feature .sub {
    padding-bottom: 8px
}
.kba .feature h2,
.kba .feature h3,
.kba .feature h4,
.kba .feature b {
    color: rgba(235, 235, 235, 1)
}
.kba .feature p {
    color: rgba(255, 255, 255, 1)
}
.kba .feature .b1 {
    background: rgba(255, 255, 255, 1)
}
.kba .feature .b2 {
    background: rgba(17, 45, 79, 1)
}
.kba .feature hr {
    border-top: 1px solid rgba(17, 45, 79, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}
.kba .row-title {
    margin: 0 -14px;
    padding: 6px 0;
    flex-wrap: nowrap
}
.row-title .b2 {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap
}
.row-title .perspective {
    font-style: italic;
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 0.9em
}
.row-title .perspective:before {
    content: " - ";
    font-family: "Segoe UI Semibold";
    margin: 0;
    padding: 0
}
.kba .row {
    display: flex;
    flex-flow: row wrap;
    align-content: start;
    align-items: start;
    justify-content: center
}
.kba .col {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0;
    margin: 0
}
.kba .row.row-feature {
    flex-wrap: wrap;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 12px 0;
    margin: 8px 0 12px
}
.kba .row-feature .col {
    margin-right: auto;
    padding: 0 4px;
    width: auto;
}
.kba .col.col-left {
    padding-top: 4px;
    max-width: 16%;
}
.kba .col.col-right {
    padding-left: 18px;
    max-width: 84%;
}
.kba .feature-image {
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0
}
.kba .feature-image {
    content: url("https://cranewaregroup.crm.dynamics.com/api/data/v9.0/msdyn_knowledgearticleimages(3f7a730f-d5fa-f011-8406-7ced8d6f9da6)/msdyn_blobfile/$value");
    border: 1px ridge rgba(255, 255, 255, 0.5);
    border-radius: 0.25rem;
    padding: 0
}
.kba .mln {
    background: rgba(255, 255, 255, 1)
}
.kba .mln-image {
    content: url("https://cranewaregroup.crm.dynamics.com/api/data/v9.0/msdyn_knowledgearticleimages(383cfcfb-55a4-f011-bbd3-002248041f4c)/msdyn_blobfile/$value");
    display: block;
    width: auto;
    height: auto;
    max-height: 70px;
    margin: 0;
    padding: 0
}
.kba .row.resource-links {
    display: block;
    width: auto;
    border-radius: 0.325rem;
    background: rgba(255, 255, 255, 1);
    margin: 6px 4px 6px;
    padding: 0
}
.kba .resource-links button {
    font-size: 18px;
    line-height: 1;
    font-family: "Segoe UI semibold";
    text-align: center;
    align-content: center;
    vertical-align: middle;
    border: 1px outset rgba(17, 45, 79, 0.2);
    background: rgba(17, 45, 79, 1);
    color: rgba(243, 120, 63, 1);
    border-radius: 4px;
    width: auto;
    height: 42px;
    margin-right: 4px;
    margin-left: 0;
    padding: 0 0 2px
}
.kba .text {
    min-width: 180px
}
.kba .logo {
    min-width: 48px
}
.kba .resource-links a {
    transition: 0.5s
}
.kba .resource-links button:hover {
    transition: 0.5s;
    border: 1px solid rgba(243, 120, 63, 1);
    background: rgba(245, 245, 245, 1);
    color: rgba(243, 120, 63, 1)
}
.kba .logo-x,
.kba .logo-linkdin {
    display: inline-block
}
.kba .logo-x {
    content: url("https://www.thecranewaregroup.com/media/4avowou4/x.png");
    margin: 2px 0 -2px
}
.kba .logo-linkdin {
    content: url("https://www.thecranewaregroup.com/media/txjfekpx/linkdin.png");
    margin: 0 0 -2px
}
.kba .resource-links a::after {
    content: "";
    margin-left: 0
}
.kba .resource-links a:hover::after {
    content: "";
    margin-left: 0
}
.kba #iframe {
    overflow: hidden;
    border: 1px solid rgba(222, 226, 230, 1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    background-color: rgba(250, 249, 248, 1);
    border-radius: 0.325em;
    margin: 0 !important;
    padding: 0 !important
}
.kba iframe {
    display: inline-block;
    width: 100%;
    border: 1px hidden rgba(222, 226, 230, 1);
    border-radius: 0.325rem;
    background-color: rgba(250, 249, 248, 1);
    min-height: 90vh;
    margin: -58px -12px -24px 12px !important;
    padding: 0
}
#iframe a:link,
#iframe a:visited {
    border: none;
    border-radius: 50%;
    background-color: rgba(17, 45, 79, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    position: relative;
    transition-duration: 1s;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.11);
    padding: 0;
    margin: 0;
    top: 6vh;
    left: 5.5%;
    width: 55px;
    height: 55px
}
#iframe a:after {
    content: ""
}
.iframe-icon {
    border-bottom: 2px solid rgba(207, 213, 220, 1);
    border-left: 2px solid rgba(207, 213, 220, 1);
    border-right: 2px solid rgba(207, 213, 220, 1);
    margin: 0 auto 6px;
    width: 24px;
    height: 4px
}
.iframe-text {
    width: 150px;
    line-height: 1;
    position: absolute;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    margin: 0;
    padding: 0;
    transition-duration: 1s;
    font-size: 13px;
    font-family: "Segoe UI semibold";
    color: rgba(241, 101, 35, 1);
    top: 64px
}
#iframe:hover .iframe-text {
    opacity: 1;
    transition-duration: 0.6s;
    animation: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-in-bottom
}
#iframe a:hover {
    background-color: rgba(244, 132, 79, 1);
    transition-duration: 1s
}
#iframe a:hover .iframe-icon {
    border-bottom: 2px solid rgba(42, 70, 104, 1);
    border-left: 2px solid rgba(42, 70, 104, 1);
    border-right: 2px solid rgba(42, 70, 104, 1)
}
.down-blue,
.down-grey {
    width: 25px;
    height: auto;
    padding: 0;
    margin: 0px 0 -4px;
    transition-duration: 1s;
}
.down-blue {
    display: none
}
.down-grey {
    display: unset
}
.kba .down-grey::before {
    text-align: center;
    content: url("https://www.thecranewaregroup.com/media/etyn2ocd/kb_down_grey.png");
    padding: 0;
    margin: 0;
    display: block
}
.kba .down-blue::before {
    text-align: center;
    content: url("https://www.thecranewaregroup.com/media/omvaz0il/kb_down_blue.png");
    padding: 0;
    margin: 0;
    display: block
}
#iframe a:hover .down-grey {
    transition-duration: 1s;
    display: none
}
#iframe a:hover .down-blue {
    transition-duration: 1s;
    display: unset;
    animation: 1s slide-in-top
}