.view-doc-card {
    .table-list-title {
        font-size: 0.9rem;
        font-weight: 600;
        color: black;
    }

    .ecx-table-sdk_attch.ecx-table-cell {
        rect {
            fill: none;
        }

        path {
            fill: #005C8A;
        }
    }
}

.cl-grey {
    color: gray;
}
.eula-box {
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    min-height: 1.9rem;
}
.tools-container {
    svg path {
        fill: #005C8A;
    }
}

.view-sdk-top-div {
    position: relative;
    min-height: 4rem;

    .banner-img {
        height: 10rem;
        width: 100%;
    }

    .view-sdk-overlap {
        position: absolute;
        top: 0;
        width: 100%;

        .banner-badge {
            border-radius: 1rem;
            font-size: 0.8rem;
            font-weight: 550;
            background-color: white;
        }
        
        .banner-badge.sdk-uid-badge {
            color: #495057; 

          }
          .banner-badge:not(.sdk-uid-badge) {
            color: rgb(233,161,0);
          }

        .view-sdk-title {
            .brcm-page-title-default {
                color: white;
                padding-left: 0.5rem;
            }

            button {
                svg path {
                    fill: white;
                }
            }
        }

        .back-icon {
            svg path {
                fill: white;
            }
        }
    }
}

.overview-sub-head {
    color: gray;
}

.overview-det {
    margin-top: 0.6rem;
    font-size: 1rem;
}

.external-link-div {
    display: flex;
}

.ext-link {
    font-size: 1rem;
    margin-right: 2rem;
    margin-top: 0.6rem;
}

.ft-wght {
    font-weight: 600;
}

.cpy-btn {
    height: 0.5rem;
}

.section-title{
    font-size:large;
    font-weight: 600;
}

.section-title {
    font-size: large;
    font-weight: 600;
}

.list-sdk {
    .nav-item {
        width: 10rem;
        font-size: 1rem;
    }
}


.contribution-cls {
    display: flex;
    svg path {
        stroke: #434343;
    }
}

.repo-badge {
    font-size: 0.8rem;
    font-weight: 400;
    background: #f0efef;
    color: black;
}
.spec-file-upload-cls {
    input {
        height: 8rem !important;
        padding-top: 3rem !important;
        padding-left: 20rem !important;
    }
}
.scan-btn-icon-div {
    svg {
        height: 24px;
        width: 24px;
    }
}
.spec-file-upload-powercli {
    input {
        height: 4rem !important;
        padding-top: 2rem !important;
        padding-bottom: 4rem !important;
        padding-left: 10rem !important;
        
    }
}
.badge{

    border-radius: 0.3rem;;
}

.draft-status.badge {
    background: rgb(254,245,229);
    color: rgb(233,161,0);
}

.published-status.badge {
    color: rgb(100,155,18);
    background-color: rgb(241,248,232);
}

.unpublished-status.badge {
    color: #dc2020;
    background-color: rgba(255,0,40, 0.1);

}

.Published-action.badge {
    color: rgb(100,155,18);
    background-color: rgb(241,248,232);
}

.Created-action.badge {
    color: rgba(148, 53, 171, 1);
    background-color: rgba(247, 236, 250, 1);
}

.Updated-action.badge {
    background: rgb(254,245,229);
    color: rgb(233,161,0);
}

.Unpublished-action.badge {
    background: rgba(254, 240, 230, 1);
    color: rgba(247, 103, 7, 1);
}

.Deleted-action.badge {
    color: #dc2020;
    background-color: rgba(255,0,40, 0.1);
}

.dp-popupmodal-cross-icon{
    color: black;
    cursor: pointer;
    float: right;
    font-size: 1.4rem;
    border: none;
    position: absolute;
    right: 20px;
    top: 8px;
    font-size: 28px;
    /* font-weight: bold; */
}

.eula-link-tag {
    text-decoration: none !important;
    color: #005c8a;
    &:hover{
        text-decoration: none;
        color: #005c8a;
    }
}
.card-nav-link:hover{
	text-decoration: none;
}

.search-panel {
    background-color: rgb(233, 236, 239);
}

.btn-reset-search:hover  {
	color: black !important;
	font-weight: 600 !important;;
}
.btn-reset-search {
	color: #005c8a !important;
	font-weight: 600 !important;;
}
.btn-show-more {
	color: #005c8a;
	font-weight: 150;
    white-space: nowrap;
    cursor: pointer;
    &:hover {
        text-decoration: underline;
    }
}
.close-modal-icon{
    color: black;
    cursor: pointer;
    float: right;
    font-weight: 500;
    font-size:2rem;
}

.clickrendrer{
    cursor: pointer;
    color: #005C8A;
}
.cursor-cls {
    cursor: pointer;
}

.ecx-table-sdkName{
    color: #005C8A;
}
.ecx-table-toolName{
    color: #005C8A;
}
.clickrendrer:hover {
    text-decoration: underline;
}
#release-modal-head {
    height: 3.6rem;
    .modal-title {
        display: flex;
        justify-content: space-between;
    }
    .close {
        display: none;
    }
}
.programUid-field {
    .btn {
        min-height: 0 !important;
    }
}
.sdk-tool-version-form, .report-dashboard-date-container, .report-dashboard-chart-container {
    .btn {
        min-height: 0 !important;
    }
}
.report-dashboard-date-container {
    .form-group, .form-group-sm {
        margin-bottom: 0 !important;
    }

    .form-group-sm select.form-control {
        height: 2.3rem;
    }
}
.report-dashboard-chart-container {
    .btn.btn-secondary {
        line-height: 1;
    }

    h3 {
        margin-bottom: 0.2rem;
    }
}
.toggle {
    .btn {
        margin-bottom: 1rem !important;
    }
}
.ecx-table-row:hover {
    .clickrendrer {
        color: #005C8A;
    }
}
.product-auto-comp-modal {
    #product{
        max-width: none;
        width: auto;
        max-height: 50vh !important;
    }
}
.sdk-tool-version-form {
    .btn {
        min-height: 0;
    }
}
.custome-specApi-increased-height {
    #apiSpec{
        height: 70px !important;
        max-width: 310px  !important;
    }
  }
  
.modal-content {
    overflow: visible;
}

.ecx-table-header {
    white-space: nowrap !important;
}

.warning-span {
    color: red;
    padding-right: 4px;
}

.emptyAddCategoryText{
    color: 	#D8D8D8;
	font-weight: 550;
    font-size:large;
}

customeIconDocument{
    cursor:none !important; 
}

.addDocCategoryButton{
    margin-right: 2px;
}
.apidepo-toggle.checked .toggle-switch-check:checked ~ .toggle-switch-bar::before{
    background-color: #74b816;
    border-color: #74b816;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    width: 39px;
}
.apidepo-toggle.checked .toggle-switch-check:checked ~ .toggle-switch-bar::after{
    background-color: #fff;
    border-color: #fff;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    left: 18px;
    width: 19px;
    height: 19px;
    top: 3px;
}
.apidepo-toggle.unchecked .toggle-switch-check-bar .toggle-switch-check:empty ~ .toggle-switch-bar:before{
    background-color: #ced4da;
    border-color: #ced4da;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    width: 39px;
}
.apidepo-toggle.unchecked .toggle-switch-check-bar .toggle-switch-check:empty ~ .toggle-switch-bar:after{
    background-color: white;
    border-color: white;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    left: 2px;
    width: 19px;
    height: 19px;
    top: 3px;
}

.displayNameDisable {
    margin-bottom: 0.625rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.tooltip {
    z-index: 999999 !important;
}
.dropdown-menu{
    z-index:9999;
    height: auto!important;
    width: auto;
}
.typeDropdowndiv {
    .form-feedback-item {
        color: #dc3545;
    }
}
.user-email-row {
    input {
        height: 2rem;
        font-size: 0.9rem;
    }
}
.role-function-info {
    button {
        height: 1.4rem;
        min-height: unset !important;
    }
}
.user-mgmt-checkbox-grp {
    span {
        font-size: 0.9rem;
    }
}
.side-nav-item {
    padding: 1rem;
    border-left: 5px solid #F9FBFF;
    background-color: #F9FBFF;
    transition: background-color 0.3s ease-in-out;
    border-radius: 4px;
    font-size: 1rem;
    @media screen and (max-width: 576px) {
        font-size: 0.8rem;
    }
}
.side-nav-item:hover {
    padding: 1rem;
    background-color: #E5F0FE;
    cursor: pointer;
    border-left: 5px solid #005C8A;
}
.side-nav-item.active{
    background-color: #E5F0FE;
    border-left: 5px solid #005C8A;
}
.side-nav-content {
    padding: 1rem;
    background-color: #F2F5F7;
    border-radius: 4px;
    border: 1px solid #dadee1;
}

.side-nav-content-item {
    padding-left: 0;
}

.sdk-link{
    padding-bottom: 0.5rem;
    list-style-type: none;
    display: inline-block;
}

.sdk-link a {
    font-size: 1rem;
    color: #005C8A;
    background: white;
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 0px 4px 16px 0px rgba(51, 56, 64, 0.08) !important;
    margin: 4px;
}

.sdk-link a:hover, .sdk-link a:focus {
    box-shadow: none;
}

.label-item-expand {
    font-weight: 400;
}

.dp-artifact-version {
    border: none;
    background-color: #EEEEEE;
    border-radius: 8px;
    height: 2.4rem;
    font-weight: 400;
    font-family: "Gotham Medium";
    font-size: 0.925rem;
    line-height: 1;
    letter-spacing: 1px;
    outline: 0px;
    width: 10rem;
    display:flex;
    align-items: center;
    width: max-content;
}

.dp-artifact-description {
    font-size: 1rem;
}

#sdkDescription_ifr {
    height:100%!important;
}
#toolDescription_ifr{
    height:100%!important;
}

#apiDescription_ifr{
    height:100%!important;
}

.claymodelbody{
    padding-top: 0;
    height: 14rem;
}
.clayModalHeader{
    border-bottom: 0.0625rem solid #dee2e6!important;
}

.Programs-download-card{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 250px;
    margin-left: 25px;
}

.edit-program-meta-card{
    min-height: 460px;
}
.preview-program-meta-card{
    min-height: 200px;
}

#attachment-table {
    font-size: 0.875rem; 
  }

  .dp-alert-copy {
    /* display: none; */
    position: absolute;
    margin: 0;
    padding: 0;
    right: 1.0rem !important;
}

.repositoryTable{
    margin-top: 0 !important;
}

label[programOverview] {
    display: flex;
    cursor: pointer;
}

.publish-program-search .input-group>.input-group-item.input-group-prepend {
    display: none;
}
.publish-program-edit-search .input-group>.input-group-item.input-group-prepend {
    display: none;
}
.publish-program-edit-search  .input-group > .input-group-item.input-group-append:not(:first-child) > .form-control, .input-group > .input-group-item.input-group-append:not(:first-child) > .form-file .btn, .input-group > .input-group-item.input-group-append:not(:first-child) > .input-group-text  {
    border-bottom-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
    height: 32px;
}
.dp-card-width {
    width:17rem;
    height:13rem !important ;
}
.dp-promote {
    display: flex;
    flex-direction: column;
    white-space: pre-line; 
    gap: 5px;
    .custom-control-inline {
        margin: 0;
    }
}

/* Added CSS to show loader on top of Modal when api is called */
.modal, .modal-backdrop {
    z-index: 9998 !important;
}html:not(#__):not(#___) .cadmin.copy-page-modal .modal-content{min-height:344px}html:not(#__):not(#___) .cadmin .pages-tree{margin-bottom:calc( 				72px + 16px 			)}html:not(#__):not(#___) .cadmin .pages-tree .treeview-dropping-middle{background-color:rgba(255,255,255,.06)}html:not(#__):not(#___) .cadmin .pages-tree .icon-warning{margin:1px 4px 0 8px;z-index:2}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder{border-bottom:1px solid #272833;padding:24px 16px 0}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder input{background-color:#393a4a}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder input::placeholder{color:#a7a9bc}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .back-to-menu{color:#e7e7ed}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .breadcrumb{flex-wrap:nowrap;margin-bottom:0;padding-bottom:4px}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .breadcrumb .breadcrumb-item{flex-shrink:0}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .breadcrumb .breadcrumb-item:not(:first-child):not(:last-child){flex-basis:1.5rem;flex-grow:.5;flex-shrink:1;width:100%}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .breadcrumb .breadcrumb-item:not(:first-child):not(:last-child) .breadcrumb-text-truncate{max-width:95%;padding-right:.5rem;position:absolute}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .btn-sm{font-size:14px}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .form-control:focus{border-radius:1px}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .layout-finder-icon{color:#fff;position:absolute;right:1.8rem;top:4.55rem}html:not(#__):not(#___) .cadmin .pages-tree .pages-administration-link{align-items:center;background-color:#272833;border-top:1px solid #393a4a;bottom:0;display:flex;font-size:14px;height:72px;padding:16px 0 24px 16px;position:fixed;width:320px}html:not(#__):not(#___) .cadmin .pages-tree .pages-administration-link a{color:#a7a9bc}html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector{border-top:1px solid #393a4a;margin-top:20px}html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .add-page-button,html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .configure-link{color:#e7e7ed}html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .form-control{background-color:#272833;border-color:#393a4a;color:#a7a9bc}html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .dropdown-toggle.form-control-select,html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .dropdown-toggle.form-control-select:hover,html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .dropdown-toggle.form-control-select:active,html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .dropdown-toggle.form-control-select:focus{background-color:#272833;border-color:#393a4a;color:#e7e7ed}html:not(#__):not(#___) .cadmin .page-type-selector-option{padding-left:32px}html:not(#__):not(#___) .cadmin .product-menu-toast-toggle{align-items:center;display:inline-flex;height:2em;justify-content:center;position:relative;width:2em}html:not(#__):not(#___) .cadmin .product-menu-toast-toggle .icon-product-menu-open{display:none}html:not(#__):not(#___) .cadmin .product-menu-toast-toggle .icon-product-menu-closed{display:block}html:not(#__):not(#___) .cadmin .product-menu .sidebar-header{line-height:32px;padding-bottom:8px;padding-right:9px;padding-top:8px}@media(min-width: 576px){html:not(#__):not(#___) .cadmin .product-menu .sidebar-header{padding-bottom:12px;padding-left:24px;padding-top:12px}}html:not(#__):not(#___) .cadmin .product-menu .sidebar-header .sidenav-close{float:right;margin-right:-2px}html:not(#__):not(#___) .cadmin .product-menu .sidebar-header-logo{margin-right:10px}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body{bottom:0;left:0;padding:0;position:relative;right:0;top:0}@media(max-width: 575.98px){html:not(#__):not(#___) .cadmin .product-menu .sidebar-body{overflow:visible;position:static}}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body .panel-app-root.active{border-left:4px solid #fff}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body .panel-app-root li{font-weight:400;list-style:none}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body .panel-app-root li.active{font-weight:700;margin-left:-24px;padding-left:20px}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body .panel-group{border-radius:0}html:not(#__):not(#___) .cadmin .product-menu .lfr-product-menu-sidebar .panel-group{overflow:hidden}html:not(#__):not(#___) .cadmin .product-menu small{display:block}html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h1,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h2,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h3,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h4,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h5,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h6{margin-bottom:0;margin-top:0}html:not(#__):not(#___) .cadmin .product-menu .list-group-item{border-top-width:0;padding:10px 20px}html:not(#__):not(#___) .cadmin .product-menu .nav-nested-margins>li .nav>li .nav>li{margin-bottom:1px}html:not(#__):not(#___) .cadmin .product-menu.popover{background-color:#fff}html:not(#__):not(#___) .cadmin .product-menu .impersonation-message{font-size:12px}html:not(#__):not(#___) .cadmin .product-menu .lexicon-icon-home{margin-right:8px}html:not(#__):not(#___) .cadmin .product-menu .manage-sites-link{padding:1em}html:not(#__):not(#___) .cadmin .product-menu .site-selector{box-shadow:none}html:not(#__):not(#___) .cadmin .product-menu .site-selector .selectable-site{color:#333;height:auto}html:not(#__):not(#___) .cadmin .product-menu .site-selector .site-link{color:#333}html:not(#__):not(#___) .cadmin .product-menu .site-selector .site-link.selected-site{color:#999}html:not(#__):not(#___) .cadmin .product-menu .site-selector .site-logo-container{padding:2em}html:not(#__):not(#___) .cadmin .product-menu .staging-links{font-size:12px;margin:6px 22px 4px 16px}html:not(#__):not(#___) body.product-menu-open .cadmin .product-menu-toast-toggle .icon-product-menu-open{display:block}html:not(#__):not(#___) body.product-menu-open .cadmin .product-menu-toast-toggle .icon-product-menu-closed{display:none}