/**
 * IBD CONTAINER
 */
#ibd-container {
    margin-bottom: 2rem;
}
#ibd-initial-url-parameters {
    display: none;
}
.ibd-step-container {
    margin-top: 0;
    padding: 20px 2px !important;
}
.ibd-step-heading {
    font-size: 1.2rem;
    font-weight: bold;
}
.focused {
    color: rgba(112, 112, 112, 0.5);
}
.ibd-step-heading.active .focused {
    color: #2C4C54;
}
.ibd-sample, .ibd-hidden {
    display: none;
}
.ibd-table {
    display: table;
}
.ibd-table > div {
    display: table-row;
}
.ibd-table > div > div {
    display: table-cell;
}

.ibd-step-subheading {
    font-size: 1.5rem;
    margin-top: -1.6rem;
    margin-left: 1.9rem;
}

.ibd-main-description {
    font-size: 1rem;
}


/**
 * IBD styles
 */
table.ibd-base-table {
    width: 100%;
    margin: 1rem 0;
    font-size: 0.9rem;
    border-collapse: collapse;
    border-radius: 5px;
    border: 1px solid rgba(112, 112, 112, 0.5);
    overflow: hidden;
}
.ibd-base-table th, .ibd-base-table td {
    padding: 0.5rem 2rem;
}
.ibd-base-table th {
    background-color: #2C4C54;
    border-style: none;
    color: #fff;
}
.ibd-buttons-panel {
    text-align: right;
    padding: 0 0.1rem;
}
.ibd-btn {
    font-size: 1rem;
    padding: 0.1rem 1.3rem;
    background-color: #fff;
    color: #545960;
    border: 1.5px solid #545960;
    border-radius: 10px;
}
.ibd-btn:hover {
    color: #999;
    border: 1.5px solid #999;
}
.btn-red:hover {
    color: #FF7272;
    border-color: #FF7272;
}
.btn-red {
    color: #E43232;
    border-color: #E43232;
}
.ibd-message {
    font-size: 1rem;
    margin: 0.5rem 1rem;
    padding: 0.2rem 0.5rem;
    border-radius: 5px;
}
.ibd-message-gray {
    color: #999;
    background-color: #eee;
}
.ibd-message-primary {
    color: #2C4C54;
    background-color: #efd;
}

/**
 * IBD Segment Menu
 */
.ibd-segment-menu-margin {
    margin: 0 2rem;
}
#ibd-segment-menu {
    box-shadow: 15px 15px 40px 0px rgba(0,0,0,0.3);
    border-radius: 20px 20px 0 0;
    border-bottom: 2px solid #2C4C54;
    padding: 0;
    margin-bottom: 10px;
}
#ibd-segment-menu a {
    display: block;
    box-sizing: border-box;
    padding: 1rem;
    color: #2C4C54;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: 20px 20px 0 0;
}
#ibd-segment-menu a:hover, #ibd-segment-menu a.selected {
    border-color: #2C4C54;
}
#ibd-segment-menu a > span {
    display: block;
    margin: 0 auto;
}
#ibd-segment-menu a > span.icon {
    height: 5rem;
    background: no-repeat center bottom;
    margin-bottom: 0.5rem;
}
#ibd-segment-menu a[data-segment-title*="Automotive"] > span.icon {
    background-image: url(/images/product/by-solution-images/automotive-icon.svg);
}
#ibd-segment-menu a[data-segment-title*="Industrial"] > span.icon {
    background-image: url(/images/product/by-solution-images/industrial-icon.svg);
}
#ibd-segment-menu a[data-segment-title*="IoT"] > span.icon {
    background-image: url(/images/product/by-solution-images/internet-of-things.svg);
}
#ibd-segment-menu a[data-segment-title*="Medi"] > span.icon {
    background-image: url(/images/product/by-solution-images/medical-icon.svg);
}
#ibd-segment-menu a[data-segment-title*="Personal"] > span.icon {
    background-image: url(/images/product/by-solution-images/personal-electronics-icon.svg);
}
#ibd-segment-menu a[data-segment-title*="5G"] > span.icon {
    background-image: url(/images/product/by-solution-images/5g-enterprise-icon.svg);
}
#ibd-segment-menu .icon-title {
    width: 7rem;
}

/**
 * IDB LEFT PROGRESS BAR
 */
#ibd-container {
    background:
            url(/site/images/ibd/progress-bar/top-bar-icon.svg) no-repeat top left,
            url(/site/images/ibd/progress-bar/bottom-bar-icon.svg) no-repeat bottom left 13px,
            url(/site/images/ibd/progress-bar/line-inactive-bar-icon.svg) repeat-y 11px 0;
    padding: 3rem 0;
    margin-left: 1rem;
    margin-right: 1rem;
}
.ibd-step-heading {
    height: 50px;
}
.ibd-step-heading.active {
}
.ibd-step-heading {
    margin-left: -1.6rem;
    padding-top: 0.2rem;
}
.ibd-step-heading > span:first-child {
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin-right: 0.2rem;
    margin-left: 6px;
    font-size: 1.3rem;
    line-height: 1.2;
    color: #fff;
    background-color: #b7b7b7;
    padding-top: 6px;
    border-radius: 50rem !important; /* BS .rounded-pill */
    text-align: center; /* BS .text-center */
}
.ibd-step-heading.active > span:first-child {
    background-color: #2c4c54;
}
#ibd-container > .row.ibd-step-container > .col {
    position: relative;
}
#ibd-container > .row.ibd-step-container:first-child > .col::before, #ibd-container > .row.ibd-step-container:first-child + .ibd-step-container > .col::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 15px;
    left: 11px;
    top: 50%;
    background: #fff url(/site/images/ibd/progress-bar/step-inactive-bar-icon.svg) no-repeat;
}

/**
 * IBD Solution View
 */
#ibd-solution-view {
    box-sizing: content-box;
    padding: 2rem 4rem;
    transition: opacity 150ms, height 200ms;
}
#ibd-solution-view h5 {
    display: flex;
    color: #000;
    font-size: 1rem;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    margin-right: 30px;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid #000;
    box-shadow: rgb(128, 128, 128) 0px 5px 10px -7px;
}
#ibd-solution-view h5 a {
    color: #000;
    text-decoration: none;
}
#ibd-solution-view h5 a:hover {
    color: #f00;
    border-color: #f00;
}
#ibd-solution-view h5 a::after {
    content: "❯❯";
    padding-left: 2px;
}
#ibd-solution-view ul {
    padding-left: 0;
    margin-top: 1.4rem;
}
#ibd-solution-view ul > li {
    list-style-type: none;
}
#ibd-solution-view ul > li > a {
    display: inline-block;
    padding: 0.1rem 1.6rem;
    border-radius: 0.7rem;
    color: #0d7198;
    text-decoration: none;
    border: 1px solid transparent;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjYiIGN5PSI2IiByPSI2IiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=') no-repeat top 0.3rem left 0.5rem;
}
#ibd-solution-view ul > li > a.selected {
    color: #fff;
    background-image: url("data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAN0lEQVQoU2NkQAL/////j8yHsRkZGRnhbBADl0J0zSCNYJ0kaSBWMdxJI1IDycFKlgZYGBOTNACTwC/1+fvpjQAAAABJRU5ErkJggg==");
    background-color: #f58134;
}
#ibd-solution-view ul > li > a:hover {
    border-color: #f58134;
}
#ibd-solution-view ul > ul {
    margin-left: 1.1rem;
    margin-top: 0;
    color: #2C5985;
}
#ibd-solution-view ul > ul > li {
    padding: 0.1rem;
    padding-left: 1.6rem;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjYiIGN5PSI2IiByPSI1LjUiIHN0cm9rZT0iIzJDNTk4NSIvPg0KPC9zdmc+') no-repeat top 0.3rem left 0.5rem;
}
.ibd-animation-fade-in {
    opacity: 1;
}
.ibd-animation-fade-out {
    opacity: 0;
}

/**
 * IBD Add Part View
 */
#ibd-diagram-view {
    margin: 0 1.7rem;
    font-size: 1rem;
}
#ibd-diagram-view .row {
    font-size: 1rem;
}
.ibd-diagram-view-heading {
    background: #254147 url(/site/images/ibd/ibd-diagram-view-heading-arrow.svg) no-repeat center left 0.9rem;
    display: inline-block;
    color: #fff;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-size: 1.2rem;
    border-radius: 0.8rem;
    margin: 0.2rem 0 1rem;
    text-align: center;
}
.ibd-diagram-view-heading.multilevel {
    padding-right: 0;
}
.ibd-diagram-view-heading span {
    display: inline-block;
    padding: 0.4rem;
}
.ibd-diagram-view-heading select {
    width: auto;
    border: 1px solid #2C4C54;
    background-color: #fff;
    color: #254147;
    background-image: url('data:image/svg+xml,%3Csvg width="15" height="34" viewBox="0 0 15 34" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="15" height="34" x="0" y="0" fill="white" /%3E%3Cpath d="M0 0 V0 34 L15 17 L0 0 Z" fill="%23254147" stroke="white"/%3E%3C/svg%3E'),     url('data:image/svg+xml,%3Csvg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.728494 0.331162L13.6216 0.331162L7.17504 8.06702L0.728494 0.331162Z" fill="%23254147"/%3E%3C/svg%3E');
    background-repeat: no-repeat, no-repeat;
    background-position: left -1px top -4px, top 12px right 8px;
    background-size: auto 125%, auto;
    padding: 0.1rem 30px 0.1rem 20px;
    display: inline-block;
    margin-right: -12px;
    line-height: 29px;
    border-left-style: none;
}
.ibd-diagram-view-heading select option:hover {
    background-color: #000;
}
#ibd-diagram-view-diagram {
    position: relative;
}
#ibd-diagram-view-diagram > div:first-child {
    min-height: 300px;
}
button.expand-collapse-view-btn {
    position: absolute;
    right: 0.5rem;
    bottom: 0.2rem;
    z-index: 10;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00NC41NzE0IDQ0LjU3MTRIMy40Mjg2MVYzLjQyODYxSDI0VjBIMS43MTQzQzAuNzY2NzIzIDAgMCAwLjc2NjcyMyAwIDEuNzE0M1Y0Ni4yODU3QzAgNDcuMjMzMyAwLjc2NjcyMyA0OCAxLjcxNDMgNDhINDYuMjg1N0M0Ny4yMzMzIDQ4IDQ4IDQ3LjIzMzMgNDggNDYuMjg1N1YyNEg0NC41NzE0VjQ0LjU3MTRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMzAuODU2OCAwVjMuNDI4NjFINDIuMTQ2OUwyMi43ODc2IDIyLjc4NzlMMjUuMjExNyAyNS4yMTJMNDQuNTcxIDUuODUyN1YxNy4xNDI4SDQ3Ljk5OTZWMEwzMC44NTY4IDBaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==') no-repeat top right;
    border-style: none;
    width: 122px;
    height: 48px;
    text-align: right;
    padding-right: 56px;
    font-weight: bold;
}
button.expand-collapse-view-btn.collapse-view-btn {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00NC41NzE0IDQ0LjU3MTRIMy40Mjg2MVYzLjQyODYxSDI0VjBIMS43MTQzQzAuNzY2NzIzIDAgMCAwLjc2NjcyMyAwIDEuNzE0M1Y0Ni4yODU3QzAgNDcuMjMzMyAwLjc2NjcyMyA0OCAxLjcxNDMgNDhINDYuMjg1N0M0Ny4yMzMzIDQ4IDQ4IDQ3LjIzMzMgNDggNDYuMjg1N1YyNEg0NC41NzE0VjQ0LjU3MTRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMzkuOTI5OSAyNS4yMTJWMjEuNzgzNEwyOC42Mzk3IDIxLjc4MzRMNDcuOTk5IDIuNDI0MTRMNDUuNTc0OSA0LjE5NjE3ZS0wNUwyNi4yMTU2IDE5LjM1OTNMMjYuMjE1NiA4LjA2OTJIMjIuNzg3TDIyLjc4NyAyNS4yMTJIMzkuOTI5OVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+');
    bottom: 20px;
    right: 25px;
}
#ibd-diagram-view-diagram .ibd-multilevel-diagrams-menu button {
    background: transparent;
    border: 4px solid transparent;
    cursor: pointer;
}
#ibd-diagram-view-diagram .ibd-multilevel-diagrams-menu object {
    max-height: 4rem;
    pointer-events: none;
}
#ibd-diagram-view-diagram .ibd-multilevel-diagrams-menu button:hover {
    border-color: #f00;
}
#ibd-diagram-view-tabs {
    padding: 0;
}
#ibd-diagram-view-tabs > div:last-child {
    display: table;
    border-collapse: separate;
    border-spacing: 5px;
    margin-bottom: -5px;
}
#ibd-diagram-view-tabs a {
    display: table-cell;
    padding: 0.1rem 0.8rem;
    font-size: 0.9rem;
    width: 30%;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    border: 1px solid #254147;
    color: #000;
    text-decoration: none;
    text-align: center;
}
#ibd-diagram-view-tabs.inactive a, #ibd-diagram-view-tabs a.inactive {
    pointer-events: none;
    color: #777;
    border-color: #777;
}
#ibd-diagram-view-tabs a:hover, #ibd-diagram-view-tabs a.selected {
    background-color: #254147;
    color: #fff;
}
#ibd-diagram-view-main-content {
    border-top: 2px solid #254147;
    padding-left: 0;
    padding-right: 0;
}
#ibd-diagram-view-diagram {
    margin: 1rem;
    margin-right: 2rem;
    min-height: 100px;
}
#ibd-diagram-view-diagram > div:first-child {
    transition: height 200ms;
    overflow: hidden;
}
#ibd-diagram-view-diagram > div > object {
    max-width: 100%;
    max-height: 30rem;
    width: 100%;
}
#ibd-diagram-view-diagram.multiDiagram > div > object {
    display: none;
}
#ibd-diagram-view-diagram > div > object.displayed {
    display: block;
}
#ibd-diagram-view-detail {
    font-size: 0.9rem;
}
#ibd-diagram-view-detail .ibd-selected-component-heading {
    background: #000;
    color: #fff;
    padding: 0.1rem 0.5rem;
    margin: 0.3rem 0;
    display: inline-block;
    border-radius: 0.7rem;
}
#ibd-diagram-view-detail .ibd-selected-component-heading-hint {
    display: none;
}

#ibd-diagram-view-detail .ibd-selected-component-description {
    margin: 0.5rem 0;
}
#ibd-diagram-view-detail table {
    margin: 0.5rem 0 3rem;
    width: 100%;
}
#ibd-diagram-view-detail table th, #ibd-diagram-view-detail table td {
    padding: 0.2rem 0.3rem;
}
#ibd-diagram-view-detail table tr {
    border-bottom: 1px solid #254147;
}
#ibd-diagram-view-detail .ibd-diagram-view-tab-content {
    margin-top: 15px;
}
#ibd-diagram-view-detail #ibd-block-products-tab-content table tr {
    border-style: none;
}
#ibd-diagram-view-detail #ibd-block-products-tab-content table tr.ibd-base-parts-row {
    border-bottom: 1px solid #728a9a;
}
#ibd-diagram-view-detail #ibd-block-products-tab-content table tr:first-child {
    border-bottom: 2px solid #728a9a;
    text-align: center;
    font-size: 0.7rem;
}
#ibd-diagram-view-detail #ibd-techdoc-tab-content table tr:first-child + tr,
#ibd-diagram-view-detail #ibd-refdesign-tab-content table tr:first-child + tr {
    border-top: 2px solid #254147;
}
#ibd-diagram-view-detail table tr > td {
    vertical-align: top;
}
#ibd-diagram-view-detail a {
    text-decoration: none;
    color: #000;
}
#ibd-block-products-tab-content table tr a {
    font-weight: bold;
    display: inline-block;
}
#ibd-block-products-tab-content table tr td {
    text-align: center;
}
#ibd-block-products-tab-content table tr td:first-child {
    text-align: left;
}
#ibd-block-products-tab-content table tr .taxonomyLink {
    display: inline-block;
    cursor: pointer;
    padding-top: 0.1rem;
    font-weight: bold;
}
#ibd-block-products-tab-content table tr .expandLink {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.529275 0.848741L13.4224 0.848741L6.97582 8.58459L0.529275 0.848741Z' fill='%23f58134'/%3E%3C/svg%3E%0A") no-repeat center;
}
#ibd-block-products-tab-content table tr .parametricsLink {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.6894 6.15867C23.4786 5.91009 18.4408 0.0794678 12.0006 0.0794678C5.56027 0.0794678 0.522655 5.91009 0.311364 6.15892C-0.103177 6.64632 -0.103177 7.35355 0.311607 7.84145C0.522655 8.09003 5.56027 13.9204 12.0006 13.9204C18.4408 13.9204 23.4786 8.08954 23.6897 7.84096C24.1042 7.35355 24.1042 6.64632 23.6894 6.15867ZM13.9678 3.58199C14.4009 3.34559 15.0048 3.61684 15.3165 4.18759C15.6282 4.75859 15.5297 5.41318 15.0967 5.64957C14.6638 5.88621 14.0597 5.61472 13.7478 5.04397C13.4363 4.47297 13.5345 3.81838 13.9678 3.58199ZM12.0006 11.808C7.50186 11.808 3.71591 8.35298 2.40552 6.99994C3.29041 6.08605 5.30511 4.21464 7.90519 3.09555C7.39804 3.86712 7.10072 4.78905 7.10072 5.78142C7.10072 8.48751 9.29431 10.6811 12.0004 10.6811C14.7065 10.6811 16.9003 8.48751 16.9003 5.78142C16.9003 4.78905 16.6032 3.86712 16.0961 3.09555C18.6962 4.21489 20.7106 6.08605 21.5955 6.99994C20.2851 8.35372 16.4992 11.808 12.0006 11.808Z' fill='%23f58134'/%3E%3C/svg%3E%0A") no-repeat center;
}
#ibd-block-products-tab-content table tr.ibd-base-parts-row {
    font-weight: normal;
    font-size: 0.9rem;
}
#ibd-block-products-tab-content table tr.ibd-base-parts-row > td {
    padding: 0;
}
#ibd-block-products-tab-content table tr.ibd-base-parts-row > td > div {
    height: 0;
    overflow: hidden;
    transition: height 300ms;
}
#ibd-block-products-tab-content table tr.ibd-base-parts-row > td > div > div {
    display: table-row;
}
#ibd-block-products-tab-content table tr.ibd-base-parts-row > td > div > div:last-child {
    border-bottom: 2rem solid transparent;
}
#ibd-block-products-tab-content table tr.ibd-base-parts-row > td > div > div > div {
    display: table-cell;
}
#ibd-block-products-tab-content table tr.ibd-base-parts-row > td > div > div > div:first-child {
    padding-left: 0.3rem;
    padding-right: 0.5rem;
}
#ibd-block-products-tab-content table tr.ibd-base-parts-row > td > div > div > div:nth-child(2) {
    padding-right: 1rem;
}

/**
 * Diagram expand view
 */
#ibdDiagramExpandedView .modal-body {
    background-color: #707070;
    padding: 25px 15px 10px;
}
#ibdDiagramExpandedView button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    line-height: 0.5;
}
#ibdDiagramExpandedView .modal-body > div {
    background-color: #fff;
    border: 3px solid #000;
}
#ibdDiagramExpandedView .modal-body object {
    display: block;
    width: 100%;
}
#ibdDiagramExpandedView .modal-body button {
    background-color: transparent;
}

/**
 * Parametrics view
 */
#parametrics-table-view {
    margin: 0 1rem;
    overflow: hidden;
}
#parametrics-table-view .px-body .px-row.px-highlight {
    background-color: #e3edf0;
}
#parametrics-table-view > .loading-bar {
    margin: 2rem;
}
#parametrics-table-view > .heading {
    font-size: 1.5rem;
    margin: 0 1rem;
}
#parametrics-table-view > .heading:nth-child(2) {
    color: #888;
}
#parametrics-table-view > .ibd-buttons-panel {
    margin: 0 1rem;
}
#add-to-worksheet-btn[disabled] {
    color: #aaa;
    border-color: #aaa;
}

.ibd-tab-content {
    display: none;
}
.ibd-tab-content.ibd-displayed {
    display: block;
}

/**
 * Worksheet view
 */
#ibd-worksheet-view {
    margin: 1rem 2rem;
}
#ibd-remove-part-worksheet-btn[disabled] {
    color: #aaa;
    border-color: #aaa;
}

/**
 * Expand view modal window
 */
@media (min-width: 576px) {
    #ibdDiagramExpandedView .modal-xl {
        width: 95%;
        max-width: 920px;
    }
}
@media (min-width: 992px) {
    #ibdDiagramExpandedView .modal-xl {
        width: 95%;
        max-width: 1200px;
    }
}

/**
 * Download worksheet modal window
 */
@media (min-width: 576px) {
    #ibdDownloadWorksheetModal .modal-dialog {
        max-width: 420px;
    }
}
#ibdDownloadWorksheetModal .modal-body > form > div {
    width: 90%;
    margin: 10px auto;
}

.idb-worksheet-login-form-or-section {
    border-top: 1px solid #dee2e6;
    text-align: center;
    padding-top: 10px;
    font-size: 0.9rem;
    font-weight: bold;
}

#ibdDownloadWorksheetModal input[type="text"], #ibdDownloadWorksheetModal input[type="password"], #ibdDownloadWorksheetModal select {
    border-radius: 0.3rem;
    border: 1px solid #999;
    padding: 0.3rem 0.5rem;
    width: 100%;
    font-size: 1rem;
}
#ibdDownloadWorksheetModal .modal-body {
    padding-bottom: 0.3rem;
}
#ibdDownloadWorksheetModal .modal-footer {
    border-style: none;
    display: block;
    text-align: center;
    padding-top: 0.3rem;
}
#ibdDownloadWorksheetModal .modal-footer button {
    margin: 0.4rem 0.2rem;
}
#ibdDownloadWorksheetModal .modal-body div.form-info {
    font-size: 0.8rem;
    padding: 0.5rem 2rem;
    text-align: center;
    width: 20rem;
}
#ibd-worksheet-download-login h6 {
    font-weight: bold;
    color: #000;
    margin: 1.5rem 2.5rem 0.5rem;
}
#download-worksheet-progress > span, #email-worksheet-progress {
    font-size: 1rem;
    padding: 5px;
}
#ibd-worksheet-download-login .button-label-one-line {
    display: flex;
}
#ibd-worksheet-download-login .login-options-area {
    padding-left: 6.8rem;
}
#ibd-worksheet-download-login .login-options-area a {
    display: block;
    margin: 0.2rem 0;
}
.btn-area {
    text-align: center;
    padding: 0.2rem;
}
.btn-area button {
    margin: 0 0.3rem;
    min-width: 9rem;
}