/*######General######*/

    /*Default Font Size*/
    html{
    font-size: 18px;
    }
    /*fix for font size in buttons if font size is unter 16px*/


    /*Font Family(ies)*/
    body,
    .tooltip, .popover, h2, p,  .main-footer .left span, .main-footer .right, .navbar.navbar-main .top-menu-wrapper .navbar-brand,
    .sidebar.sidebar-main a span,
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    .full-page section .section-header .title,
    .iw-stepper .iw-step .circle,
    .page-container-register .title,
    .page-container-landing-page .title,
    .page-container-checkout section .section-header
    {
    font-family:Calibri;Helvetica;Arial !important;
    }


    /*headers and tabs color*/
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    section .section-header .title,
    .iw-ribbon .bg-ribbon,
    .text-primary,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .price,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active i,
    .nav-tabs .nav-link:hover:not(.active),
    .iw-catalogue-wrapper .product .info-area .title a:hover,
    .iw-catalogue-wrapper .modal .product .info-area .title a:hover,
    .iw-catalogue-wrapper .product.preview .price,
    .iw-catalogue-wrapper .modal .product.preview .price
    {
    color:#000000 !important;
    }

    /*bookmark (bg-ribbon) color*/
    .iw-ribbon .fg-ribbon
    {
    background: #000000 !important;
    width:auto !important;
    }

    .page-link, .page-link:hover, a, a:hover,
    .checkbox-icon,
    input[type="checkbox"]:checked ~ i span:nth-of-type(1),
    input[type="radio"]:checked ~ i span:nth-of-type(1),
    input[type="checkbox"]:checked ~ i span:nth-of-type(2),
    input[type="radio"]:checked ~ i span:nth-of-type(2),
    input[type="checkbox"]:not(:checked) ~ i span:nth-of-type(1),
    input[type="radio"]:not(:checked) ~ i span:nth-of-type(1),
    .iw-stepper .iw-step,
    .slick-prev::before, .slick-next::before,
    .content-product-details #iw-aside-scroll-container #iw-product-section-features .list-group-item.active i,
    .info-tooltip.btn.btn-plain,
    .progressrim .percent .number span,
    .btn-link:hover, .btn.btn-glyph:hover
    {
    color:#000000;
    }

    .btn-link, .btn.btn-glyph{
    color:#000000e6;
    }

    .progressrim svg circle:nth-child(2){
    stroke:#000000;
    }

    .iw-stepper .iw-step .circle{
    }
    .iw-stepper .iw-step.current .circle{
    background-color:#000000e6;
    }

    .nb-stepper-step {
    color: #000000;
    }

    .nb-stepper-step.nb-stepper-step--completed::after {
    background-color: #000000;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__circle, .nb-stepper-step.nb-stepper-step--current::after {
    background-color: #000000;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #000000;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__circle {
    background-color: #000000;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #000000;
    }

    .nb-stepper-step.nb-stepper-step--completed .nb-stepper-step__text {
    color: #000000;
    }

    .form-control:focus{
    border-color:#0000004c;
    }

    option:hover {
    box-shadow: 0 0 10px 100px red inset;
    }

    .badge-primary,
    .iw-stepper .iw-step::after,
    .iw-stepper .iw-step + .iw-step::after,
    .select2-container--bootstrap4 .select2-results__option--highlighted,
    .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"],
    .btn-action:hover,
    .content-product-details #iw-aside-scroll-container .iw-product-section-editions .edition-wrapper .edition .addon-item.card:hover .card-footer .buttons-wrapper{
    background-color:#000000;
    }
    .bg-primary{
    background-color:#000000 !important;
    }

    .select2-container--bootstrap4.select2-container--focus .select2-selection{
    border-color: #00000099;
    box-shadow: 0 0 0 .2rem #0000004d;
    }

    .sidebar.sidebar-main a::after,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.active .nav-link{
    border-color:#000000;
    }

    .sidebar.sidebar-main a::before{
    border-color:#00000030 !important;
    }

    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active{
    border-left-color:#000000;
    border-right-color:#000000;
    }

    .custom-select:focus
    {
    border-color:#0000004d;
    }
    /*BUTTONS*/
    :root {
    --nb-primary-button-background-color: #000000;
    --nb-primary-button-border-color:     #000000;

    --nb-primary-button-background-color--hover: #000000;
    --nb-primary-button-border-color--hover:     #000000;

    --nb-primary-button-background-color--active: #000000;
    --nb-primary-button-border-color--active:     #000000;

    --nb-primary-button-background-color--focus: #000000;
    --nb-primary-button-border-color--focus:     #000000;

    --nb-secondary-button-border-color: #000000;
    --nb-secondary-button-text-color:   #000000;

    --nb-secondary-button-background-color--hover: #00000040;
    --nb-secondary-button-border-color--hover:     #000000;
    --nb-secondary-button-text-color--hover:       #000000;

    --nb-secondary-button-background-color--active: #00000040;
    --nb-secondary-button-border-color--active:     #000000;
    --nb-secondary-button-text-color--active:       #000000;

    --nb-secondary-button-background-color--focus:           #00000040;
    --nb-secondary-button-border-color--focus: border-color: #000000;

    --nb-outline-primary-button-border-color: #000000;
    --nb-outline-primary-button-text-color: #000000;

    --nb-outline-primary-button-background-color--hover: #00000040;
    --nb-outline-primary-button-border-color--hover:     #000000;
    --nb-outline-primary-button-text-color--hover:       #000000;

    --nb-outline-primary-button-background-color--focus: #00000040;
    --nb-outline-primary-button-border-color--focus:     #000000;
    --nb-outline-primary-button-text-color--focus:        #000000;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled).active,
    .page-item.active .page-link {
    background-color:#000000;
    border-color:#000000;
    }

    .btn.btn-icon {
    color:#000000;
    border-color:#000000;
    }

    .btn.btn-icon:hover:not(:disabled):not(.disabled) {
    color:#000000;
    border-color:#000000;
    background-color:#00000040;

    }

    .dropdown-item:not(:disabled):not(.disabled):active, .dropdown-item:not(:disabled):not(.disabled).active{
    border-color:#00000040;
    background-color:#00000040;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:hover:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a.selected:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled):active,
    .dropdown-item:hover
    {
    border-color: #000000bf;
    background-color: #000000bf;
    }

    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-left-color: #000000;
    }

    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-right-color: #000000;
    }

    /*Custom range*/

    .custom-range::-webkit-slider-thumb {
    background-color: #000000;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-webkit-slider-runnable-track {
    background-color: #0000004c;
    }

    .custom-range::-moz-range-thumb {
    background-color: #000000;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-moz-range-thumb:active {
    background-color: #ebf1fe;
    background-color: #00000019;
    }

    .custom-range::-moz-range-track {
    background-color: #0000004c;
    }

    .custom-range::-ms-thumb {
    background-color: #000000;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-ms-fill-lower {
    background-color: #0000004c;
    }

    .custom-range::-ms-fill-upper {
    background-color: #0000004c;
    }

    /*Custom switch*/
    .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #000000;
    background-color: #000000;
    }

    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color: #00000050;
    }

    /*Custom radio*/
    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #00000050;
    background-color: #00000050;
    }

    .iw-list-picker-item.is-selected,
    .iw-list-picker-item:hover {
    border-color: #000000;
    }

    /*Theme UI Components*/

    .nb-section .nb-main-title
    {
    color:#000000 !important;
    }

    .nb-grid .k-grid a
    {
    color:#000000;
    }

    /*Override hardcoded min-height*/
    .nb-search-input {
    min-height: initial !important;
    }

    .browser-compatibility {
    background-color:#000000 !important;
    }



/*CustomCSS*/
/* Product Content */

.img-200px {
    min-height:200px;
    align-content: space-around;
}

.grid-6-img {
    max-height: 80px;
    height: 80px;
    margin-bottom: 20px;
}

.overflow-auto > h4 {
    display: none;
}

/* Product Content END*/

.card { 
border-radius: 0;
}

.iw-aside-navigator-wrapper .iw-aside-navigator .card .title {
    color: #030303;
}

.iw-aside-navigator-wrapper .image {
    max-width: 100%;
}

.categories > a.btn-link {
 display: inline-flex;
}

.industries > a.btn-link {
 display: inline-flex;
}

.text-center {
    text-align: left !important;
}

.align-items-center {
    align-items: left !important;
}

    /* custom css START */

.navbar-a {
    background-color: #333;
    overflow: hidden;
}

.navbar-a a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
}

.navbar-a a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown-a {
    float: left;
    overflow: hidden;
}

.dropdown-a .dropbtna {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 20px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content-a {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.dropdown-content-a a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content-a a:hover {
    background-color: #ddd;
}

.dropdown-a:hover .dropdown-content-a {
    display: block;
}

/* home page background color */

.iw-aside-section {
    background-color: #f8f8f8;
}

/* disabled feature icon  */

.iw-ribbon {
    display:none;
}

/* disabled footer interwork */

.footer-custom {
    padding-bottom: .5rem !important;
    align-items: center !important;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 0px;
    color: #707070;
}

div.py-2 {
    display: none;
}



.p-content {
font-size:18px;
magin-top:20px;
margin-bottom: 20px;
}

.p-title {
font-size:20px;
font-weight: 600;
}

.h2-title {
font-size: 1.75rem !important;
line-height: 2.0625rem !important;
font-weight: 600;
}


.carousel-control-prev {
top: 40%;
left: 5%;
position: absolute;
margin-top: 0;
}

.carousel-control-next {
top: 40%;
position: absolute;
margin-top: 0;
}




/* custom css END */


button.btn.sidebar-toggler,.badge-primary{background-color:#56336c;}
.navbar.navbar-main .sidebar-toggler i {color: #ffffff;}
.sidebar.sidebar-main a:not(:disabled):not(.disabled):active i, .sidebar.sidebar-main a:not(:disabled):not(.disabled).active i {
    color: #56336c;
}
.sidebar.sidebar-main a:after {
    border-left: 3px solid #56336c;
}
.btn.btn-cart i, .btn.btn-profile i {
    color: #56336c !important;
}
.iw-ribbon .bg-ribbon {
    position: absolute;
    top: -7px;
    right: 0;
    left: 0;
    font-size: 60px;
    color: #56336c;
}
 .iw-catalogue-wrapper .product .info-area .title a:hover {
color: #004588!important;
}

.iw-catalogue-wrapper .product .info-area .title a, div.price-analysis-container {
color: #587381!important;
}
.iw-catalogue-wrapper .product .new-window, .iw-catalogue-wrapper .product .description, .iw-catalogue-wrapper .modal .product .new-window, .iw-catalogue-wrapper .modal .product .description {
    color:  #587381;
}
.btn-primary, .btn.btn-primary:hover:not(:disabled):not(.disabled){
    border-color: #f48220;
    background-color: #f48220;
    text-transform: capital;
    border-radius: 10px;
}
.btn.btn-outline-primary, .btn.btn-icon, .btn.btn-secondary, .btn.btn-outline-primary:hover:not(:disabled):not(.disabled) {
    background-color: transparent;
    color: #f48220;
    border-color: #f48220;
text-transform: capital !important;
border-radius: 10px;
}
.btn.btn-outline-gray {
    background-color: #ffffff;
    color: #bcbcbc;
    border-color: #bcbcbc;
text-transform: capital;
border-radius: 10px;
}
[title=Register] { background-color: #ffffff !important; color:#56336c !important; border-color: #56336c !important;}
[title=Login] { background-color: #56336c !important; color:#ffffff !important; border-color: #56336c !important;}
div.banner{padding-bottom:80px;}
.iw-aside-navigator-wrapper .iw-aside-navigator .card {
    box-shadow: 0 9px 12px rgba(0, 0, 0, 0.16);
    border: 0px;
    /*
    border-top: 3px solid #56336c;
    */
    font-size: .875rem;
}
.iw-aside-navigator-wrapper .iw-aside-navigator .card .price {
    font-size: 1rem;
    color: #56336c;
    font-weight:bold;
}
.iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active {
    background-color: inherit;
    color: inherit;
    /* 
    border-bottom: 1px solid rgba(34, 34, 34, 0.125);
    border-top: 1px solid rgba(34, 34, 34, 0.125);
    */
    border-left: 3px solid #56336c;
}
.iw-aside-navigator-wrapper .iw-aside-container section .section-header .title {
    color: #004588;
    font-family: "Nunito Sans","IBM Plex Sans Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.75rem;
    line-height: 1.625rem;
    font-weight: 600;
text-transform:capital;
}
h2 {
    font-size: 1.75rem !important;
    line-height: 1.625rem;
    font-weight: bold !important;
    color:#004588;
}
div.unit-price.text-primary{color:#56336c !important;font-weight:bold;}
.nav-tabs .nav-link:hover:not(.active) {
    color: #56336c;
}
.nav-tabs .nav-item.active .nav-link {
    background-color: inherit;
    border-bottom: 3px solid transparent;
    border-color: #56336c;
}
.nav-tabs, .nav-tabs .nav-link {
    color: #56336c;
    border: none;
}
.iw-filters-container .iw-filters-list .filter-list .filter-item a {
    box-shadow: none;
    padding: 5px 15px;
    background-color: #56336c;
    border-radius: 50rem !important;
    color: #ffffff;
}
.iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled).active {
    border-color: #56336c;
    background-color: #56336c;
    color: #ffffff;
}
.cookies-acceptance {
    background-color: #56336c !important;
    color: white;
    margin-bottom: 2px;
}
.btn.btn-cookie {
    background-color: #f48220;
    color: #ffffff;
    border-color: #f48220;
}
.btn.btn-cookie:hover:not(:disabled):not(.disabled) {
    color: #ffffff;
    border-color: #f48220;
    background-color: #f48220;
}
.btn.btn-outline-primary:hover:not(:disabled):not(.disabled), .btn.btn-icon:hover:not(:disabled):not(.disabled), .btn.btn-secondary:hover:not(:disabled):not(.disabled) {
    color: #f48220;
    border-color: #f48220;
    background-color: #ffffff;
}
.iw-filters-container .iw-filters-list .filter-list .filter-item a:hover:not(:disabled):not(.disabled), .iw-filters-container .iw-filters-list .filter-list .filter-item a.selected:not(:disabled):not(.disabled), .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled):active {
    border-color: #56336c;
    background-color: #56336c;
    color: #ffffff;
}
.cloudBG{ 
    background-image: url("https://my.interworkscloud.com/Data/System/2020/5/8/053BDEF8-5375-4BF7-B2D3-2670F0BDE30C/interworks-marketplace-banners-02-b.png");
}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.iw-catalogue-wrapper .product .price, .iw-catalogue-wrapper .modal .product .price {
    color: #56336c;
    font-weight: 200;
    font-size: 1rem;
}
.dropdown-item:hover {
    color: #ffffff;
    background-color: #56336c;
}
.navbar.navbar-main .top-menu-wrapper .navbar-brand .brand-logo {
    max-height: 48px;
    max-width: 180px;
}

#fld-1399{
display:none !important;
}


label[for=fld-1399]
{
display:none !important;
}