/*!
################################################################################################
# APP.CSS
# BUILD: 2023-05-17
# DOCUMENTATION CENTRAL V 2.14.1 

################################################################################################

/*CF: New added may 2020*/
.tagline {
    text-align: right;
    font-size: 17px;
    /*font-style: italic;*/
    color: #737373;
}

/**********************************************************************
    Header Section: main header
**********************************************************************/
.infor-logo {
    background: url('../images/logo/infor-logo.png') no-repeat 0 0;
}

.site-nav .nav-item>span a {
    font-size: 17px;
}

.header-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    color: #4d4d4d;
    font-weight: bold;
}

.header-title:after {
    content: " ";
    margin-right: 20px;
}

.header-title+ul {
    display: inline-block;
    vertical-align: middle;
}

/**********************************************************************
    Search Section: main search area of the homepage
**********************************************************************/
.search-banner .wrapper {
    padding: 60px 60px 10px;
    text-align: center;
    background: #ffffff;
    margin-top: 60px;
}
.search-section .wrapper {
    padding: 60px 60px 40px;
    text-align: center;
    /*background: #f2f2f2;*/
    background-image: url('../images/home-pic.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.search-input {
    display: inline-block;
    background-color: #ffffff;
    border: 2px solid #6F6F76;
    border-radius: 3px;
    padding: 5px 8px;
    /* width: 63%; */
}
.filter-panel{
    width: 950px;
}
.search-tips-container-home.active {
    width: 55%;
}
.search-btn {
    background-image: url('../images/nav-icon/search.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #13a3f7;
    display: inline-block;
    border-radius: 3px;
    height: 40px;
    text-indent: -9999px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 70px;
}

.search-btn:hover {
    background-color: #0083d6;
    color: #fff;
    text-decoration: none;
}

.search-line div h1 {
    margin: 0 0 20px 0;
    text-align: left;
}

.search-line div h1,
.productline-alpha h1 {
    font-size: 48px;
    font-weight: 700;
    font-style: normal;
    color: #0072ed;
    padding: 0;
    line-height: 48px;
    margin: 0 0 40px 0;
}

.search-input+.search-btn {
    margin-left: 10px;
}

.scroll-anchor {
    scroll-margin-top: 143px;
}

.search-item>li {
    border-bottom: 1px solid #ccc;
    padding: 40px 0;
    position: relative;
}

.search-item li:last-child {
    border-bottom-width: 1px;
}

.search-item h3 {
    margin-bottom: 8px;
}

.search-item .item-found {
    font-size: 12px;
}

.search-item ul {
    margin: 40px 0 0;
}

.search-overlay .btn-close {
    background: url('../images/nav-icon/close-btn-blue.png') no-repeat center center;
    display: block;
    height: 30px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 20px;
    width: 30px;
}

.search-overlay .search-btn {
    background: url('../images/nav-icon/search-icon.png') no-repeat center center;
    display: block;
    height: 40px;
    opacity: 0;
    margin-top: -20px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 50%;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 40px;
}

.search-overlay .search-input {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;
    width: 100%;
    padding-left: 30px;
    align-content: center;
    display: inline-block;
}

.site-header .search-toggle {
    background: url('../images/nav-icon/search-toggle.png') no-repeat 0 0;
    height: 40px;
    text-indent: -9999px;
    width: 40px;
}

.search-toggle {
    background: url('../images/nav-icon/search-toggle.png') no-repeat 0 0;
    height: 40px;
    text-indent: -9999px;
    width: 40px;
}

.search-standard-band {
    padding: 60px 0;
    background-image: url(../images/banner/touch2.jpg);
    opacity: 75%;
}

/************************************
    Whats New 

    MJ: Added 05.2023
************************************/

.whatsnew-col-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
   
}

.whatsnew-col-wrapper .page-title {
    font-size: 28px;
    margin-bottom: 20px;
    color: #0072ed;
    font-weight: 700;
}

.whatsnew-col-wrapper .product-item p {
    margin-bottom: 20px;
}

.whatsnew-header-container {
    background: #fff;
    left: 0;
    position: absolute;
    /*top: 50px;*/
    width: 100%;
}
.whatsnew-header {
    display:inline-block;
    width: 85vw;
}
.whatsnew-topic-container{
    padding: 20px 0px;
}
.whatsnew-body {
    height: 125px;
    position: relative;
}
.whatsnew h1{
    font-style: normal;
    color: #0072ed;
    padding: 40px 0 0 0;
    line-height: 40px;
    margin: 0;
}
.whatsnew span {
    display: block;
    padding: 20px 0 20px 0;
}
.whatsnew-ul > li {
    border-bottom: 1px solid #ccc;
    padding: 40px 0 20px 0;
    position: relative;
}

.whatsnew-bottom-band {
    background-image: url(../images/demo.jpg);
    padding: 60px 0;
    margin: 0 0;
}


@media screen and (min-width: 1920px) {
    /* .wrapper {
        padding:0 400px 30px 400px;
    } */
}

@media screen and (max-width: 500px) {
    .clear-icon {
        right: 16px !important;
    }
}

@media screen and (min-width: 500px) and (max-width: 640px){
    .search-icon {
        right: 30px !important;
    }

    .clear-icon {
        right: 32px !important;
    }
}
@media screen and (max-width: 640px){
    .wrapper{
        padding: 0 40px 0 40px;
    }
    .whatsnew {
        padding-bottom: 0px;
    }
    .whatsnew h1 {
        font-size: 1.35rem;
    }  
}

@media screen and (min-width: 641px) and (max-width: 767px) {
    .search-icon {
        right: 40px !important;
    }

    .clear-icon {
        right: 46px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 819px) {
    .search-icon {
        right: 0px !important;
    }

    .clear-icon {
        right: 10px !important;
    }
}

@media screen and (min-width: 820px){
    .search-icon {
        right: 0px !important;
    }

    .clear-icon {
        right: 4px !important;
    }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .wrapper{
        padding: 0 30px 0 30px;
    }
    .whatsnew{
        padding-bottom: 30px;
        display: block ruby;
    }
    .whatsnew h1 {
        font-size: 28px;
    }  
}    




/**************************************
   Error page details
**************************************/
.error {
    margin-top: -2px;
}

.error-page {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    color: #fff;
    margin-bottom: 0;
    position: relative;
}

.page-error-header {
    background-image: url(../images/banner/inforhall.jpg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.page-404-content {
    color: #fff;
}

.error-heading1 {
    font-size: 3rem;
    letter-spacing: -.03em;
    line-height: 1.3;
    font-weight: 400;
    color: #fff;
}

.error-heading2 {
    font-size: 1.35rem;
    font-weight: 100;
    color: #fff;
}

.error-heading-home {
    font-family: 'Source Sans Pro', Helvetica, sans-serif;
}

.all-products-error-page {
    white-space: nowrap;
    cursor: pointer;
    color: #fff !important;
}

.redirect-text {
    font-family: auto;
    color: #000;
    padding-left: 5px;
}

.text-margin {
    margin: 30px 0px 10px 0px;
}

.redirect-link {
    color: indigo;
    text-decoration: underline;
}

/**********************************************************************
	Sidebar menu
**********************************************************************/
.sidebar-nav {
    display: block;
    float: right;
    height: auto;
    margin-right: 30px;
    min-height: 100px;
    width: 210px;
}

.sidebar-nav a {
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-nav a:not(.tag) {
    display: inline-block;
    font-size: 12px;
    font-size: 1.4rem;
    line-height: 20px;
}

.sidebar-nav .content {
    height: auto;
    max-height: calc(100% - 310px);
    min-width: 260px;
    padding: 0 30px 30px;
    width: 150px;
}

.sidebar-nav .affix {
    position: fixed;
    top: 48px;
}

#vertical-nav a {
    text-transform: uppercase;
    display: block;
    text-align: center;
    font: bold 20px/50px Arial;
    text-decoration: none;
    color: #666;
    transition: color 0.25s;
}

#vertical-nav a.active,
#vertical-nav a:hover {
    color: #b49901;
}

@media only screen and (max-width: 800px) {
    .float-wrapper {
        float: none !important;
    }

    .float-panel {
        position: static !important;
    }

    .main-content {
        padding: 20px;
        margin-right: 0px;
    }

    .scroll-anchor {
        scroll-margin-top: 0px;
    }
}

/**********************************************************************
	Tracker
**********************************************************************/
.sidemenu .section-tracker {
    margin-bottom: 20px;
}

.sidemenu .section-tracker a:hover,
.sidemenu .section-tracker a:active,
.sidemenu .section-tracker a:focus,
.editorial .section-tracker a.is-active {
    border-bottom: 0;
    border-left: 3px solid #368ac0;
    color: #368ac0;
    outline: none;
}

.editorial.component .content {
    background-color: transparent;
    margin-bottom: 35px;
}

.editorial .content {
    overflow: hidden;
}

/**********************************************************************
    List and others
**********************************************************************/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hyperlink {
    font-size: 12px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    border: 1px solid transparent;
    border-radius: 2px;
    padding-top: 2px;
    text-decoration: none;
    cursor: pointer;
}

.list {
    list-style-type: none;
    list-style-position: outside;
    /*
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	*/
    -moz-column-width: 20em;
    /* Firefox */
    -webkit-column-width: 20em;
    /* webkit, Safari, Chrome */
    column-width: 20em;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
}

.list ul li:first-child {
    margin-top: 0px;
}

.list li {
    padding-left: 10px;
    line-height: 30px;
}

.list li:hover {
    background-color: #E0E0E1;
}

.list li a {
    color: #161618;
}

/*****************************************************************
This can be transferred to an independent stylesheet for newsfeeds
******************************************************************/
.social-section {
    background: #f2f2f2;
}

.social-cards {
    margin-bottom: 0;
}

.social-cards .card.wider {
    margin-right: 0;
    width: 100%;
    height: 100%;
}

.social-section .cards .newspaper-icon {
    background-image: url('../images/general-availability.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.social-section .cards .card:hover .card-icon {
    background-image: url('../images/general-availability.png');
}

.card-content {
    padding: 16px;
}

.social-cards .card-content .date {
    font-size: 14px;
    padding: 16px 0;
}

.social-cards .card {
    height: auto;
}

.social-cards .card-content a {
    font-weight: bold;
}

.social-cards .video-card:hover {
    background: #f9f9f9;
}

.social-cards .card:hover {
    color: currentColor;
}

.social-cards .card:hover a,
.social-cards .card:hover .card-title {
    color: #333;
}

.homepage .togglable-blocks {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 60px;
}

.togglable-blocks .c-3-col .col {
    float: left;
    margin-left: 0;
    width: 33.33333%;
    padding: 0 2.5px;
}

.togglable-blocks .c-3-col .col:first-child {
    margin-left: 0;
}

.togglable-blocks .block .toggle {
    /* font-size: 16px; */
}

.togglable-blocks .block .toggle .abbr {
    border-right-width: 0;
}

.standard-band {
    padding: 60px 0;
    background-image: url(../images/demo.jpg);
}

.text-wrapper {
    font-size: 16px;
}

span+.btn {
    margin-left: 18px;
}

.light-fg {
    color: #fff;
}

.col-wrapper {
    padding-top: 60px;
}

.product-item>li {
    border-bottom: 1px solid #ccc;
    padding: 40px 0;
    position: relative;
}

.product-item>li:first-child {
    padding-top: 0;
}

.product-item>li:last-child {
    border-bottom-width: 0;
}

.product-item h3 {
    margin-bottom: 30px;
}

.site-nav .nav-products .sub-menu {
    width: 700px;
}

.site-nav .nav-products .sub-menu .col {
    width: 50%;
}

.site-nav .nav-language .sub-menu {
    padding: 10px;
    width: 250px;
}

.sub-menu.is-open {
    display: block;
}

.site-utility-nav .languages li {
    float: none;
}

.site-utility-nav .search {
    /* margin-left: 0; */
}

.lang {
    margin-right: 30px;
}

/************************************************
      Product and All Products header details
************************************************/
.product-container {
    margin: 0;
}

.page-content-header .product-container {
    display: table;
    height: 135px;
    table-layout: fixed;
    max-width: 1520px;
    width: 100%;
}

.page-content-header {
    height: 125px;
    position: relative;

}

.page-content-header .title {
    display: table-cell;
    vertical-align: middle;
    width: 57vw;
}

.page-content-header .page-title {
    font-size: 28px;
    margin-bottom: 20px;
    color: #0072ed;
    font-weight: 700;
}
.page-content-header .page-title-text {
    font-size: 15px;
    margin-bottom: 10px;
    color: #0072ed;
    font-weight: 700;
}
.page-content-header .version-wrapper {
    display: table;
    width: 30vw;
    margin: 30px 0;
    float: right;
    /*text-align: right;*/
}

.version-wrapper {
    text-align: right;
    padding: 10px 20px 10px;
}

.version-wrapper label {
    display: table-cell;
    padding: 10px 15px;
    font-size: 1.3rem;
    color: #737373;
    font-weight: 700;
    width: 200px;
}

.field-inline {
    position: relative;
    display: inline-block;
    margin-right: 30px;
}

.search-dropdown {
    width: 150px;
    font-size: 1rem;
    text-align: center;
}

.search-dropdown option {
    background-color: #c1c1c1;
}

.searchpage-dropdown {
    width: 150px;
    font-size: 1rem;
    text-align: center;
}

.searchpage-dropdown option {
    background-color: #c1c1c1;
}

.product-version-dropdown {
    padding: 10px 10px;
    width: 120px;
    font-size: 1.3rem;
    color: #0072ed;
    /*margin: -48px 0 0 80px;*/
    text-align: center;
}

.product-version-dropdown option {
    background-color: #c1c1c1;
}

select:focus>option:checked,
select:focus>optgroup>option:checked {
    background-color: Highlight !important;
    color: HighlightText !important;
}

.content-pubtitle {
    flex-wrap: wrap;
    width: 60%;
}

.content-language {
    width: 20%
}

.content-pubdate {
    width: 20%;
}

/**********************************************************************
    Tabs: used in products (and product grid in Home page)
**********************************************************************/
.tabs {
    font-size: 0;
}

.tabs:after {
    clear: both;
    content: '';
    display: table;
}

.tabs .tab {
    display: inline;
}

.tabs .tab:first-child .tab-label {
    padding-left: 0;
}

.tabs .tab:last-child .tab-label {
    padding-right: 0;
}

.tabs .tab>[type="radio"] {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    opacity: 0;
    position: fixed;
    width: 1px;
    z-index: -1;
    display: none;
}

.tabs .tab-label {
    display: inline-block;
    font-size: 1rem;
    left: 1px;
    margin-left: -1px;
    padding: -1px 2.5px;
    position: relative;
    vertical-align: bottom;
    width: 49%;
}

.tabs .tab-panel {
    display: inline;
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 0;
    width: 0;
    display: none;
}

.tabs .tab-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    border: 1px solid #bbbbbf;
    padding: 20px 30px;
    float: left;
    font-size: 16px;
    font-size: 1rem;
    margin-top: -4px;
    margin-bottom: 5px;
    margin-left: 2px;
    width: 97%;
    color: #fff;
    font-weight: 100;
    overflow: hidden;
}

.tabs .tab [type="radio"]:checked+.tab-label .toggle .abbr img,
.togglable-blocks .tab-label .toggle:hover img {
    -webkit-filter: brightness(2);
    filter: brightness(2);
}

.abbr img {
    -webkit-filter: brightness(2);
    filter: brightness(2);
    margin: 20px auto;
}

.tabs .tab [type="radio"]:checked+.tab-label .toggle .icon:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tabs .tab [type="radio"]:checked+.tab-label .toggle .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tabs .tab [type="radio"]~.tab-panel>.tab-content {
    max-height: 0;
}

.tabs .tab [type="radio"]:checked~.tab-panel>.tab-content {
    max-height: 10000px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.tabs .tab [type="radio"]:checked+.tab-label {
    z-index: 1;
}

.tabs .tab [type="radio"]:checked~.tab-panel {
    display: inline;
}

/**********************************************************************
    Checkboxes
**********************************************************************/
input.checkbox,
span.checkbox>input {
    height: 14px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: -1;
}

input.checkbox,
span.checkbox>input {
    height: 14px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: -1;
}

input.checkbox.error+label::before,
span.checkbox>input.error+label::before {
    border: 1px solid #DA1217;
}

input.checkbox.error:focus:not(.hide-focus)+label::before,
span.checkbox>input.error:focus:not(.hide-focus)+label::before {
    border-color: #DA1217 !important;
    box-shadow: 0 0 4px 2px rgba(218, 18, 23, 0.3) !important;
}

label.inline .checkbox~.label-text,
input.checkbox+label,
input.checkbox+input[type='hidden']+label,
span.checkbox>label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    color: #47474C;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
	font-weight: 500;
}

label.inline .checkbox~.label-text::before,
input.checkbox+label::before,
input.checkbox+input[type='hidden']+label::before,
span.checkbox>label::before {
    background-color: #ffffff;
    border: 1px solid #47474C;
    border-radius: 2px;
    content: '';
    height: 14px;
    margin-left: -25px;
    margin-top: 0;
    position: absolute;
    width: 14px;
}

label.inline .checkbox:checked~.label-text::before,
input.checkbox:checked+label::before,
input.checkbox:checked+input[type='hidden']+label::before,
span.checkbox>input:checked+label::before {
    background-color: #0072ED;
    border-color: #0072ED;
}

label.inline .checkbox:checked~.label-text::after,
input.checkbox:checked+label::after,
input.checkbox:checked+input[type='hidden']+label::after,
span.checkbox>input:checked+label::after {
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -o-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    border-color: #ffffff #ffffff #ffffff transparent;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 10px;
    left: 2px;
    position: absolute;
    /*top: 13px;*/

    width: 4px;
    top: 9px;
}

span.checkbox>input+label {
    line-height: 20px;
}

label.inline .checkbox ~ .label-text::after,
span.checkbox > input:checked + label::after,
.checkbox ~ label::after {
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
  }


label.inline .checkbox.partial:checked~.label-text::after,
input.checkbox.partial:checked+label::after,
input.checkbox.partial:checked+input[type='hidden']+label::after,
span.checkbox.partial>input:checked+label::after {
    border-width: 0 0 2px;
    margin-left: 1px;
    top: 1px;
    width: 10px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: -3px;
}

label.inline .checkbox:focus:not(.hide-focus)~.label-text::before,
input.checkbox:focus:not(.hide-focus)+label::before,
input.checkbox:focus:not(.hide-focus)+input[type='hidden']+label::before,
span.checkbox>input:focus:not(.hide-focus)+label::before {
    border: solid 1px #0072ED;
    box-shadow: 0 0 4px 3px rgba(54, 138, 192, 0.3);
}

label.inline .checkbox:not(:checked):not(.error):not(:disabled):hover~.label-text::before,
input.checkbox:not(:checked):not(.error):not(:disabled):hover+label::before,
input.checkbox:not(:checked):not(.error):not(:disabled):hover+input[type='hidden']+label::before,
span.checkbox>input:not(:checked):not(.error):not(:disabled):hover+label::before {
    -webkit-transition: border-color 300ms ease;
    -moz-transition: border-color 300ms ease;
    -o-transition: border-color 300ms ease;
    -ms-transition: border-color 300ms ease;
    transition: border-color 300ms ease;
    border-color: #3E3E42;
}

label.inline .checkbox:not(.partial):checked ~ .label-text::after, span.checkbox > input:checked + label::after, .checkbox:not(.partial):checked ~ label::after {
    -webkit-animation: check 0.15s;
    -moz-animation: check 0.15s;
    -o-animation: check 0.15s;
    -ms-animation: check 0.15s;
    animation: check 0.15s;
}

label.inline .checkbox~.label-text,
.checkbox-label {
    display: inline-flex;
    line-height: 20px;
    margin-bottom: 0px;
    font-size: 14px;
    width: 300px;
    text-align: left;
    color: #737373;
    vertical-align: 5px;
    cursor: pointer;
}

.is-firefox label.inline .checkbox~.label-text,
.is-firefox .checkbox-label {
    display: inline-block;
    line-height: 17px;
}

.ios .field-checkbox .icon-dirty,
.is-firefox .field-checkbox .icon-dirty {
    left: 2px;
    top: 1px;
}

input.checkbox:checked+label:before,
input.checkbox:checked+input[type="hidden"]+label:before,
span.checkbox>input:checked+label:before {
    background-color: #0072ed;
    border-color: #368ac0;
}

input.checkbox+label:before,
input.checkbox+input[type="hidden"]+label:before,
span.checkbox>label:before {
    background-color: transparent;
    border: 1px solid #666666;
    border-radius: 2px;
    content: '';
    height: 16px;
    margin-left: -27px;
    position: absolute;
    width: 16px;
}

.checkbox:not(.is-partial):checked+label:after {
    -webkit-animation: .15s ease 0s normal none 1 running check;
    -moz-animation: .15s ease 0s normal none 1 running check;
    -ms-animation: .15s ease 0s normal none 1 running check;
    -o-animation: .15s ease 0s normal none 1 running check;
    animation: .15s ease 0s normal none 1 running check;
}

.feature-toggle {
    display: block; 
    align-items: center;
}

input.checkbox:checked+label:after,
input.checkbox:checked+input[type="hidden"]+label:after,
span.checkbox>input:checked+label:after {
    border-color: #ffffff #ffffff #ffffff transparent;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 10px;
    left: 8px;
    margin-top: 1px;
    position: absolute;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -o-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    width: 4px;
}

.checkbox+label:after {
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
}

input.checkbox+label,
input.checkbox+input[type="hidden"]+label,
span.checkbox>label {
    cursor: pointer;
    display: inline-block;
    padding-left: 32px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.checkbox,
span.checkbox>input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: -3px;
    width: 18px;
}

label+input.checkbox {
    margin-right: 20px;
}

.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}

input[type=checkbox],
input[type=radio] {
    margin: 2px 0 0;
    margin-top: 2px;
    line-height: normal;
    vertical-align: inherit;
    margin-right: 5px;
}

input,
textarea {
    -webkit-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
    -moz-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
    -o-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
    -ms-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
    transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    /*-webkit-appearance: none;*/
    background-color: #ffffff;
    border: 0.5px solid #97979B;
    border-collapse: separate;
    border-radius: 2px;
    color: #000000;
    display: inline-block;
    font-size: 1.6rem;
    height: 1.3rem;
    max-width: 100%;
    padding: 0 10px;
    resize: none;
    text-align: left;
    width: 15px;
}

input,
textarea,
select,
button,
th {
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 40px;
}

.field.field-checkbox {
    margin-bottom: 12px;
}

.facet-enabled input[type="checkbox"]:checked + .checkbox-label {
    font-weight: bold;
}

/***************************************************
	Accordion
***************************************/
/***
    Component details
***/
.accordion-header {
    border: 1px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #D7D7D8;
    cursor: pointer;
    font-size: 0;
    height: 45px;
    overflow: hidden;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.accordion-header .has-chevron>a {
    width: calc(100% - 55px);
}

.accordion-header>a {
    padding: 11px 0 13px 20px;
}

.accordion-header>a {
    display: inline-block;
    overflow: hidden;
    padding: 13px 0 13px 20px;
    white-space: nowrap;
    width: calc(100% - 1px);
}

.accordion-header a {
    color: inherit;
    font-size: 1.6rem;
    text-decoration: none;
    text-overflow: ellipsis;
}

.accordion-header>* {
    vertical-align: middle;
}

.accordion-header>a>span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.accordion-header span {
    color: inherit;
}

.accordion-header>[class="btn"] {
    background-color: transparent !important;
    border-color: transparent;
    color: #3e3e42;
    height: 38px;
    margin: 0 3px;
    min-width: 0;
    padding: 0 10px;
    width: 40px;
}

.accordion-header.has-chevron>[class="btn"] {
    padding: 0;
}

.accordion-header>[class="btn"] .icon.chevron {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    padding-right: 0;
}

.accordion-header>[class^="btn"] .icon:not(.plus-minus) {
    top: -1px;
}

.accordion-header>[class^="btn"] .icon {
    padding-left: 0;
    padding-right: 1px;
    position: relative;
}

.is-safari [class^="btn"]>.icon,
.is-firefox [class^="btn"]>.icon {
    margin-top: -2px;
}

.accordion-header .icon {
    color: #606066;
    top: -1px;
    width: 18px;
}

.accordion-header>[class^="btn"]>* {
    pointer-events: none;
}

[class^="btn"]>.icon {
    margin-top: -1px;
    vertical-align: middle;
}

.accordion-header .btn {
    top: -2px;
}

[class^="btn"] {
    height: auto;
    line-height: normal;
    min-height: 34px;
}

/***
  	Button details -- used in site search
  ***/

.btn-menu {
    min-width: auto;
    padding: 0 10px;
}

.btn,
.btn-tertiary,
.btn-icon,
.btn-close,
.btn-actions,
.btn-menu {
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    color: #56565B;
    overflow: hidden;
}

[class^="btn"] {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: inherit;
    font-size: 1.6rem;
    font-weight: 600;
    height: 34px;
    line-height: normal;
    min-width: 75px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: auto;
}

button {
    background-color: transparent;
    margin-right: 5px;
}

button {
    cursor: pointer;
    margin: 0;
    overflow: visible;
    width: auto;
}

button:disabled {
    cursor: default;
   
}

button:last-child {
    margin-right: 0;
}

.btn .icon,
.btn-tertiary .icon,
.btn-icon .icon,
.btn-close .icon,
.btn-actions .icon,
.btn-menu .icon {
    color: #606066;
}

[class^="btn"] .icon {
    -webkit-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

[class^="btn"]>.icon {
    color: inherit;
    position: static;
    width: 18px;
}

[class^="btn"]>svg {
    pointer-events: none;
}

[class^="btn"]>* {
    vertical-align: baseline;
}

[class^="btn"]>* {
    vertical-align: middle;
}

.icon {
    fill: transparent;
    width: 18px;
}

.icon {
    color: #47474C;
    display: inline-block;
    height: 18px;
    position: relative;
    width: 22px;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*** 
  	SVG
  ***/
svg:not(:root),
symbol,
image,
marker,
patter,
foreignObject {
    overflow: hidden;
}

svg use {
    pointer-events: none;
}

/*:not(svg),
:not(foreignObject)>svg {
    transform-origin: 0 0;
}*/


/**********************************************************************
    Breadcrumbs
**********************************************************************/
ul.breadCrumb {
    float: left;
    margin: 0 0 10px;
}

ul.breadCrumb:after {
    clear: both;
}

ul.breadCrumb li {
    padding: 0 6px 0 0;
    float: left;
    list-style: none;
    font-weight: 600;
    font-style: normal;
    color: #4d4d4d;
    font-size: 80%;
}

.breadcrumbs-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 60px
}

/**********************************************************************
    Table
**********************************************************************/
.ui-table {
    width: 100%;
}

.ui-table th {
    border-width: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px 4px;
}

.ui-table td {
    border-width: 0;
    border-bottom: 1px solid #ccc;
    padding: 8px 4px;
}

/* CF footer font too small for docs.
.ui-table tfoot {
	font-size: 12px;
}
*/

.field {
    position: relative;
}

.field>input,
.field>textarea {
    margin-bottom: 0;
}



/**********************************************************************
    icons & links and properties
**********************************************************************/
.iconArrow {
    background: url('../images/nav-icon/language-collapse.png') no-repeat;
    width: 10px;
    height: 12px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.nav-item:hover .iconArrow {
    background: url('../images/nav-icon/language-expand.png') no-repeat;
}

.section-scroller button {
    background: url('../images/nav-icon/section-scroller.png') no-repeat 0 0 #ccc;
}

.link {
    display: block;
}

/*****************************************
   Product page details
****************************************/
.button-addl {
    background-color: #fff;
    color: #737373;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    color: #56565B;
    overflow: hidden;
    background: #0072ed;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    min-height: 43px;
    padding: 7px 20px;
    border-radius: 3px;
    vertical-align: baseline;
}

[class^="button-addl"] {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: inherit;
    font-size: 1.6rem;
    font-weight: 600;
    height: 34px;
    line-height: normal;
    min-width: 75px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: auto;
    min-height: 47px;
}

.button-addl:hover{
    color:#ffffff;
    background-color: #0066D4;;
}



/*****************************************
   Products page - Alpha list
****************************************/

.productline-alpha .nav-links {
    border: 1px solid #c1c1c1;
    border-right-width: 0;
    border-left-width: 0;
    padding: 20px 0;
    font-size: 29px;

}

.search-line div h1,
.productline-alpha h1 {
    font-style: normal;
    color: #0072ed;
    padding-top: 30px;
    line-height: 40px;
    margin: 0 0 40px 0;
}

.nav-links a {
    display: inline-block;
    font-weight: 300;
    font-size: 29px;
    font-style: normal;
    text-align: center;
    flex: 1;
    padding: 0 10px;
}

.products-list-grid {
    margin-top: 30px;
}

.products-table {
    margin-bottom: 15px;
    border-collapse: collapse;
    width: 100%
}

.b-top {
    border-top: 1px solid grey;
}

.b-bottom {
    border-bottom: 1px solid grey;
}

.b-left {
    border-left: 1px solid grey;
}

.b-right {
    border-right: 1px solid grey;
}

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

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

.column-bg {
    background-color: rgb(207, 208, 213);
}

.column-one {
    padding: 5px;
    width:14%
}

.column-two {
    padding: 5px 5px 8px 5px;;
    width: 43%;
}

.column-three {
    padding: 10px;
    width: 43%
}

.table-column {
    display: block;
    color: black;
    font-weight: 600
}

.filter-field {
    border: 1.5px solid black;
    height: 35px;
    width: 100%;
}
.product-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product-list-item {
    padding: 10px;
    border-top: 1px solid grey;
    text-align: left;
}

.product-list-item:first-child {
    border-top: none;
}

.product-list-item a {
    text-decoration: none;
}

.column-one-data {
    font-size: 30px;
    font-weight: 600;
    width: 14%
}

.empty-column-data {
    padding: 10px; 
    width: 14%
}

.column-two-data {
    padding: 10px; 
    width: 43%;
}

.column-three-data {
    width: 43%;
    height: 50px;
    border-right: 1px solid grey;
}

.to-top {
    font-size: 14px;
    bottom: 10px;
    position: relative;
    right: -94%;
    z-index: 1;
    padding: 5px;
}
  
  .sticky {
    font-size: 14px;
    position: fixed;
    bottom: 5px;
    right: 0;
    padding: 5px;
  }
  

.alphalist-section a:hover {
    text-decoration: none;
    color: #0066D4;
}

.productlist-section a:hover {
    text-decoration: underline;
}

.section a:hover {
    /** Locale attribute **/
    text-decoration: underline;
}

.menu-list {
    font-size: 14px;
}

.menu-list li {
    padding: 6px 8px;
}

.menu-list li a {
    color: #4d4d4d;
}

.menu-list li.current {
    border-left: 2px solid #13a3f7;
}

.menu-list li.current a {
    color: #13a3f7;
}

.normal-list {
    list-style: disc;
    list-style-position: inside;
}

.normal-list li a {
    font-size: 16px;
}

.site-utility-nav {
    z-index: 3;
}

.feedback-label {
    padding-top: 15px;
    text-align: left;
}

/**********************************************************************
    colors
**********************************************************************/
.azure {
    background-color: #13a3f7;
}

.turquoise {
    background-color: #00c2b4;
}

/**********************************************************************
    Utility classes
**********************************************************************/
.text-center {
    text-align: center;
}

.pull-right {
    float: right;
}

.clearfix {
    clear: both;
}

.img-center {
    margin: 0 auto;
}

/***********************************************************************
   Media Queries: 767px, 991px, 1199px, 1200px
***********************************************************************/

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width : 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width : 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width : 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width : 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width : 992px) and (max-width: 1099px) {
    .site-nav .nav-products .sub-menu {
        width: 560px;
    }
}

@media (min-width : 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width : 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width : 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width : 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-height: 150px) and (max-height: 500px) {
    .site-header {
        height: auto;
    }
}

@media (min-width: 1420px) and (max-width: 1599px) {
    .site-nav .nav-products .sub-menu {
        width: 770px;
    }

    .popup-content {
        height: 105% !important;
    }
}

@media (min-width : 1600px) and (max-width: 1699px) {
    .site-nav .nav-products .sub-menu {
        width: 760px;
    }

    .popup-content {
        height: 111% !important;
    }

    .input-searchbox {
        margin-left: calc(16% - 2px);
    }

    .search-tips-container-home {
        margin-left: calc(16% - 2px);
    }

    .input-searchbox.active {
        margin-left: calc(5% - 2px);
    }

    .search-tips-container-home.active {
        margin-left: calc(19.6% - 2px);
    }
    .filter-panel{
        width: 986px;
    }
    .filter-input{
        width: 290px;
    }
    .filter-search-icon{
        margin-left: 250px;
    }
    .clear-filter{
        margin-left: 846px;
    }
}

@media (min-width: 1700px) {
    .site-nav .nav-products .sub-menu {
        width: 760px;
    } 
    .sticky {
        right: 18% !important; 
    }

    .popup-content {
        height: 114% !important;
    }

    .search-tips-container-home {
        margin-left: calc(17% - 2px);
    }

    .input-searchbox {
        margin-left: calc(17% - 2px);
    }
    .search-tips-container-home.active {
        margin-left: calc(27% - 2px);
        width: 49.5%;
    }

    .input-searchbox.active {
        margin-left: calc(13.5% - 2px);
        width: 90%;
    }

 }

@media (min-width: 1601px) and (max-width: 1760px) {
    .sticky {
        right: 45px !important; 
    }
}

@media (min-width: 1761px) and (max-width: 1920px) {
    .sticky {
        right: 150px !important; 
    }

    .popup-content {
        height: 118% !important;
    }

    .facet-input-container {
        width: 37% !important;
    }
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(30.5% - 2px);
        width: 38.5%;
    }
    .input-searchbox.active {
        display: flex;
        margin-left: calc(18.5% - 2px);
        width: 70%;
    }
    .filter-panel{
        width: 865px;
    }
    .clear-filter{
        margin-left:725px;
    }

} 

@media (min-width: 2560px){
    .popup-content {
        height: 128% !important;
    }

    .input-searchbox {
        margin-left: calc(26% - 2px);
        width: 70%;
    }

    .search-tips-container-home {
        margin-left: calc(26% - 2px);
        width: 38%;
    }
    .facet-input-container {
        width: 37% !important;
    }
    .facet-search-input {
        width: 21% !important;
    }
      /* filter options to apply different css in case filter dropdown active */
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(30.5% - 2px);
        width: 38%;
    }
    .input-searchbox.active {
        display: flex;
        margin-left: calc(21.5% - 2px);
        width: 70%;
    }
    
    .filter-panel{
        width: 1115px;
    }
    .clear-filter{
        margin-left:975px;
    }
    .filter-column {
        max-width: 325px;
    }
    .filter-input{
        width: 310px;
    }
    .filter-search-icon {
        margin-left: 270px;
      }

}

@media (min-width: 2561px) and (max-width: 3840px){
    .sticky {
        right: 29% !important; 
    }

    .popup-content {
        height: 136% !important;
    }

    .input-searchbox {
        margin-left: calc(32% - 2px);
        width: 53%;
    }

    .search-tips-container-home {
        margin-left: calc(32% - 2px);
        width: 29%;
    }
    .input-searchbox.active {
        margin-left: calc(27% - 2px);
        width: 55%;
    }

    .search-tips-container-home.active {
        margin-left: calc(34.5% - 2px);
        width: 30%;
    }
}

@media (min-width: 5120px){
    .popup-content {
        height: 141% !important;
    }

    .input-searchbox {
        margin-left: calc(37% - 2px);
        width: 39%;
    }

    .search-tips-container-home {
        margin-left: calc(37% - 2px);
        width: 21%;
    }
    .input-searchbox.active {
        margin-left: calc(35.5% - 2px);
        width: 35%;
    }

    .search-tips-container-home.active {
        margin-left: calc(40% - 2px);
        width: 19%;
    }
}

@media (min-width: 3841px){
    .sticky {
        right: 34% !important; 
        /* bottom: 1%; */
    }
}

@media (min-width : 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width : 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width : 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width : 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width : 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width : 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }

    .search-tips-container-home.active {
        margin-left: calc(26.5% - 2px);
        width: 47.5%;
    }
    .input-searchbox.active {
        margin-left: calc(5.5% - 2px);
        width: 86.5%;
    }
    .filter-search-icon{
        margin-left: 165px;
    }


}

@media (min-width : 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/**********************************************************************
    Media Queries: 1400, 1024, 768, 640, 360
**********************************************************************/
@media screen and (max-width: 1400px) {
    .page-content-header.nav-is-active .nav ul {
        top: auto;
    }

    /*
	.version-wrapper {
		text-align: right;
		padding: 10px 20px 10px;
	}*/
    .page-content-header .nav ul:before {
        background: url('../images/nav-icon/caret-white-up.png') no-repeat;
        content: "";
        display: block;
        height: 11px;
        position: absolute;
        right: 25px;
        top: -11px;
        width: 22px;
    }

    .searchpage-dropdown {
        width:180px;
    }
    
}

@media screen and (max-width: 854px) {
    .sticky {
        font-size: 14px;
        bottom: 10px;
        position: relative !important;
        right: -95%;
        z-index: 1;
        padding: 5px;
    }
    .to-top {
        right: -70% !important;
    }
}

@media screen and (min-width: 1324px) and (max-width: 1422px) {
    .to-top {
        right: -91% !important;
    }
    .facet-input-container {
        width: 48% !important;
    }
    
    .filter-panel {
        width: 640px;
    }
    .clear-filter {
        margin-left: 500px;
      }
    .filter-input{
        width: 225px;
    }
    .filter-search-icon{
        margin-left: 190px;
    }
}
    @media screen and (max-width: 1280px){
    .filter-panel {
        width: 810px !important;
    }
    .clear-filter {
        margin-left: 670px !important;
      }
      .filter-input{
        width: 232px !important;
    }
    .filter-search-icon{
        margin-left: 200px !important;
    }
  
}

@media screen and (min-width: 1280px) and (max-width: 1423px) {
    .facet-input-container {
        width: 53% !important;
    }
}
@media (min-width: 1240px) and (max-width: 1260px) {
    .filter-panel {
        width: 785px !important;
    }
    .clear-filter {
        margin-left: 620px !important;
      }
}
@media screen and (min-width: 1422px) and (max-width: 1600px) {
    .to-top {
        right: -93% !important;
    }
    .facet-input-container {
        width: 42% !important;
    }
    .facet-search-input {
        width: 25% !important;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1707px) {
    .facet-input-container {
        width: 39% !important;
    }
    .facet-search-input {
        width: 21% !important;
    }
    .filter-panel {
        width: 954px !important;
    }
    .clear-filter {
        margin-left: 814px !important;
      }
    .filter-column {
        max-width: 300px;
    }
    .filter-input{
        width: 280px;
    }
    .filter-search-icon {
        margin-left: 240px;
      }
      .search-tips-container-home.active {
        display: flex;
        margin-left: calc(27.2% - 2px);
        width: 49.2%;
    }
}

@media screen and (min-width: 1707px) and (max-width: 2560px) {
    .facet-input-container {
        width: 37% !important;
    }
    .facet-search-input {
        width: 21% !important;
    }
}

    @media screen and (max-width: 1024px) {
    .list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .tabs .tab>label {
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .tabs .tab-content{
        width: 98%;
    }
    /*
	.search-section .wrapper {
		padding: 60px 20px 40px;
	}
	.search-input {
		padding: 8px 8px;
		width: 84%;
	}*/
    .site-utility-nav button:after,
    .site-utility-nav .chat a:after {
        background: transparent;
    }

    .site-utility-nav .language button span:before {
        background: url('../images/nav-icon/caret-blue-2x.png') no-repeat;
        background-size: 11px 6px;
    }

    .site-utility-nav button {
        width: 100%;
        text-align: left;
        padding: 0 20px;
        /*margin-left: 50px; */
    }

    .searchpage-dropdown {
        width:80px;
    }
     
    .input-searchbox {
        margin-left: calc(14% - 2px);
    }

    .search-tips-container-home {
        margin-left: calc(14% - 2px);
    }

      /* filter options to apply different css in case filter dropdown active */
    .search-tips-container-home.active {
        margin-left: calc(24.5% - 2px);
    }
    .input-searchbox.active {
        margin-left: calc(0.5% - 2px);
    }
    .search-tips-container-home.active {
        margin-left: calc(29% - 2px) !important;
    }
    .input-searchbox.active {
        margin-left: calc(5.2% - 2px) !important;
    }
    .filter-panel {
        width: 680px !important;
    }
    .filter-input{
        width: 258px !important;
    }
    .filter-search-icon{
        margin-left: 220px !important;
    }
    .clear-filter{
        margin-left: 540px !important;
    }
}
@media (max-width: 1440px){
    .search-tips-container-home.active {
        margin-left: calc(22% - 2px);
    }
    .input-searchbox.active {
        margin-left: calc(5.5% - 2px);
    }
    .filter-panel {
        width: 910px;
    }
    .filter-input{
        width: 258px;
    }
    .filter-search-icon{
        margin-left: 220px;
    }
    .clear-filter{
        margin-left: 770px;
    }
    
}


@media screen and (min-width: 768px) and (max-width: 854px){
    .to-top {
        right: -88% !important;
    }

    .search-input {
        margin-left: calc(12%-2px);
    }

    .search-tips-container-home {
        margin-left: calc(12% - 2px);
    }
}

@media screen and (max-width: 768px) {
    .list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .tabs .tab>label {
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .search-section .wrapper {
        padding: 60px 20px 40px;
    }

    .search-input {
        padding: 8px 8px;
        width: 60%;
    }

    .search-tips-container-home {
        width: 60%;
    }

    .productline-alpha .nav-links {
        display: block;
    }

    .field-inline {
        position: relative;
        display: block;
        margin: 20px 0 20px;
    }
}

@media screen and (max-width: 640px) {
    .wrapper img {
        padding: 0px;
    }

    .site-header .header-container {
        margin-left: -20px;
    }

    .site-header .infor-logo {
        background-image: url('../images/logo/infor-logo-mobile-2x.png') !important;
        background-size: 50px 50px;
    }

    .list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .tabs .tab>label {
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .search-section .wrapper {
        padding: 60px 20px 40px;
    }

    .search-input {
        padding: 8px 8px;
        width: 60%;
    }

    .search-overlay .search-input {
        font-size: 1.3rem;
    }

    .productline-alpha .nav-links {
        display: block;
    }

    .field-inline {
        position: relative;
        display: block;
        margin: 20px 0 20px;
    }

    .page-content-header {
        height: 150px;
    }

    .page-content-header .title {
        display: table-header-group;
    }

    .page-content-header .nav,
    .page-content-header .version-wrapper {
        width: 100%;
        text-align: left;
        padding: 0 20px 0;
    }

    .page-content-header .toggle .label {
        padding: 0;
    }

    .page-content-header .nav ul {
        right: auto;
    }

    .page-content-header .nav ul:before {
        left: 25px;
        right: auto;
    }

    .productline-alpha h1 {
        font-size: 2.5rem;
        margin: 0 0 10px 0;
    }
}
 
/* Screen width for the latest iphone versions */
@media screen and (min-width: 390px) and (max-width: 400px) {
    .productline-alpha .archived-title-text {
        font-size: 2.3rem;
    }
}

@media screen and (min-width: 0px) and (max-width: 388px) {
    .productline-alpha .archived-title-text {
        font-size: 2rem;
    }
}

@media not all,
not all,
only screen and (-webkit-min-device-pixel-ratio: 2),
not all {
    .page-content-header .nav ul:before {
        background-image: url('../images/caret-white-up.png') !important;
        background-size: 22px 11px !important;
    }
}

/* CF packground image URL incorrect changed to add nav-icon directory*/
@media not all,
not all,
only screen and (-webkit-min-device-pixel-ratio: 2),
not all {
    .page-content-header .toggle {
        background-image: url('../images/nav-icon/sub-nav-caret-2x.png');
        background-size: 21px 7px;
    }
}

.page-content-header .toggle {
    background: url('../images/nav-icon/sub-nav-caret-2x.png') no-repeat right center #fff;
    background-size: 21px 7px;
    padding: 5px 30px 5px 9px;
}

/**********************************************************************
    Additional Media Queries:  Product Page
**********************************************************************/
@media screen and (min-width: 1520px) {
    .page-content-header .product-container {
        height: 100px;
        width: 1400px;
    }
}

@media screen and (max-width: 640px) and (min-height: 320px) and (max-height: 1024px) {

    .productlist-section {
        font-size: 90%;
    }

    .page-content-header {
        height: 100%;
        padding-bottom: 120px;
    }

    .products,
    .product .searchpage,
    .page-title {
        padding: 20px 10px;
    }
   
    .page-content-header .page-title {
        font-size: 25px;
    }
    .page-content-header .page-title-text {
        font-size: 15px;
    }
    .product-version-dropdown {
        /*padding: 23px 0;*/
        width: 110px;
        font-size: 1.1rem;
    }

    .search-dropdown {
        width: 80px;
        font-size: 1.1rem;
    }

    .searchpage-dropdown {
        width: 80px;
        font-size: 1.1rem;
    }

    .version-wrapper label {
        font-size: 1.1rem;
    }

    .version-dropdown {
        font-size: 85%;
    }

    .product-item h3 {
        font-size: 1.35rem;
    }

    .c-2-1 .col:first-child,
    .c-2-1 .col {
        width: 100%;
    }

    .section {
        font-size: 90%;
    }

    #on-premises {
        margin: 0 -20px;
    }

    #on-premises .wrapper {
        padding: 0 20px;
    }

    #leavefeedbackwelcome .btn,
    .text-wrapper .btn {
        text-align: center;
        padding: 10px 0;
        width: 75%;
    }
}


@media screen and (max-width:950px) {
    .page-content-header .product-container {
        max-width: 900px;
    }

    .page-content-header .title {
        display: table;
        width: 85vw;
    }

    .page-content-header .version-wrapper {
        width: 32vw;
        margin: -30px 0;
        float: inline-end;
        text-align: right;
    }

    .product-version-dropdown {
        font-size: 1.2rem;
    }

    .version-wrapper label {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 10px;
        width: 110px;
        font-size: 1.1rem;
    }

    ul.breadCrumb {
        margin: 40px 0 10px;
        padding-top: 30px;
    }

    .c-2-1 .col:first-child {
        width: inherit;
    }

    .searchpage-dropdown {
        width: 55px;
    }

    .search-tips-container {
        width: calc(100% - 158px);
    }
}

@media screen and (max-width: 640px) {

    .page-content-header .page-title {
        font-size: 1.35rem;
    }
    .page-content-header .page-title-text {
        font-size: 1.00rem;
    }
    .page-content-header .version-wrapper {
        width: 60vw;
    }

    .version-wrapper label {
        font-size: 1rem;
    }

    /*
	.page-content-header .version-wrapper {
		width:100%;
		text-align: right;
		padding: 5px 20px 5px;
		margin: 10px 0 10px;
		display: table;
	}*/
    ul.breadCrumb {
        margin-top: 31px;
    }

    .product-item h3 {
        font-size: 1.15rem;
    }

    .searchpage-dropdown {
        width:80px;
    }
}

/*For Blackberry Passport PORTRAIT*/
@media screen and (max-width: 504px) and (max-height: 504px) {
    .productlist-section {
        font-size: 90%;
    }

    .page-content-header {
        height: 100%;
        padding-bottom: 120px;
    }

    .products,
    .product .searchpage,
    .page-title {
        padding: 20px 20px;
    }

    .page-content-header .page-title {
        font-size: 23px;
    }
    .page-content-header .page-title-text {
        font-size: 15px;
    }
    .product-version-dropdown {
        /* For Product page - AIZ */
        padding: 23px 0;
        width: 110px;
        font-size: 1rem;
    }

    .search-dropdown {
        width: 80px;
        font-size: 1rem;
    }

    .searchpage-dropdown {
        width: 80px;
        font-size: 1rem;
    }

    .version-dropdown {
        font-size: 85%;
    }

    .c-2-1 .col:first-child,
    .c-2-1 .col {
        width: 100%;
    }

    .section {
        font-size: 90%;
    }

    #on-premises {
        margin: 0 -20px;
    }

    #on-premises .wrapper {
        padding: 0 20px;
    }

    #leavefeedbackwelcome .btn,
    .text-wrapper .btn {
        text-align: center;
        padding: 10px 0;
        width: 75%;
    }
}

@media screen and (max-width: 768px) {
    .c-2-1 .col:first-child {
        margin-left: 0;
        width: 90.28571%;
    }

    .search-dropdown {
        width: 75px;
    }

    .searchpage-dropdown {
        width: 55px;
    }
}

@media (max-width: 1052px) {
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(22.5% - 2px);
        width: 55%;
    }
    .input-searchbox.active {
        display: flex;
        margin-left: calc(-1% - 2px);
        width: 100%;
    }
}
@media (max-width: 1440px) {
    .search-tips-container-home.active {
        margin-left: calc(24.2% - 2px);
    }
    .input-searchbox.active {
        margin-left: calc(5.5% - 2px);
    }
    .filter-panel {
        width: 910px;
    }
    .filter-input{
        width: 258px;
    }
    .filter-search-icon{
        margin-left: 220px;
    }
    .clear-filter{
        margin-left: 770px;
    }
    
}
@media (man-width: 1400px) and (max-width: 1440px) {
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(23% - 2px);
        width: 55%;
    }
    .input-searchbox.active {
        display: flex;
        margin-left: calc(7% - 2px);
        width: 100%;
    }

    .filter-panel{
        width: 1110px;
    }
    .clear-filter{
        margin-left:960px;
    }
    .filter-column {
        max-width: 325px;
    }
    .filter-input{
        width: 310px;
    }
    .filter-search-icon {
        margin-left: 270px;
      }

    
}
@media (min-width: 1000px) and (max-width: 1024px) {
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(23% - 2px);
        width: 55%;
    }
    .input-searchbox.active {
        display: flex;
        margin-left: calc(-1% - 2px);
        width: 100%;
    }
    .filter-panel{
        width: 670px;
    }
    .clear-filter{
        margin-left:530px;
    }
    .filter-search-icon {
        margin-left: 155px;
    }
    .filter-input{
        width: 185px;
    }
}

@media (min-width: 4000px) and (max-width: 4800px) {
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(37.8% - 2px);
        width: 23%;
    }
    .input-searchbox.active {
        display: flex;
        margin-left: calc(32.5% - 2px);
        width: 42%;
    }
    .filter-panel{
        width: 1140px;
    }
    .clear-filter{
        margin-left:960px;
    }
    .filter-column {
        max-width: 325px;
    }
    .filter-input{
        width: 310px;
    }
    .filter-search-icon {
        margin-left: 270px;
      }

}
@media (min-width: 3100px) and (max-width: 3800px) {
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(35.5% - 2px);
        width: 28.5%;
    }
    .input-searchbox.active {
        display: flex;
        margin-left: calc(28.5% - 2px);
        width: 52%;
    }

    .filter-panel{
        width: 1080px;
    }
    .clear-filter{
        margin-left:960px;
    }
    .filter-column {
        max-width: 325px;
    }
    .filter-input{
        width: 310px;
    }
    .filter-search-icon {
        margin-left: 270px;
      }

}

@media (min-width: 2000px) and (max-width: 2300px) {
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(26.8% - 2px);
        width: 44%;
    }
    .input-searchbox.active {
        margin-left: calc(15.5% - 2px);
        width: 80%;
    }

    .filter-panel{
        width: 1015px;
    }
    .clear-filter{
        margin-left:875px;
    }
    .filter-column {
        max-width: 320px;
    }
    .filter-input{
        width: 300px;
    }
    .filter-search-icon {
        margin-left: 260px;
    }
}

@media (min-width: 2561px) and (max-width: 3600px) {
   

    .filter-panel{
        width: 1110px;
    }
    .clear-filter{
        margin-left:970px;
    }
    .filter-column {
        max-width: 325px;
    }
    .filter-input{
        width: 310px;
    }
    .filter-search-icon {
        margin-left: 270px;
      }

}

@media (min-width: 1800px) and (max-width: 1900px) {
    .search-tips-container-home.active {
        display: flex;
        margin-left: calc(23% - 2px);
    }
    .input-searchbox.active {
        margin-left: calc(10.5% - 2px);
    }

}

@media (min-width: 1350px) and (max-width: 1439px) {
    .search-tips-container-home.active {
        margin-left: calc(22% - 2px);
    }
    .input-searchbox.active {
        margin-left: calc(5.5% - 2px);
    }
    .filter-panel {
        width: 890px;
    }
    .filter-input{
        width: 258px;
    }
    .filter-search-icon{
        margin-left: 220px;
    }
    .clear-filter{
        margin-left: 750px;
    }
}





@media (min-width: 1100px) and (max-width: 1159px) {
    .search-tips-container-home.active {
        margin-left: calc(21% - 2px);
    }
    .input-searchbox.active {
        margin-left: calc(0% - 2px);
    }
    .filter-panel{
        width: 710px;
    }
    .clear-filter{
        margin-left:570px;
    }

}
@media (min-width: 1430px) and (max-width: 1570px) {
    .search-tips-container-home.active {
        margin-left: calc(20.8% - 2px);
    }
    .input-searchbox.active {
        margin-left: calc(4.5% - 2px);
    }

}

@media (min-width: 2400px) and (max-width: 2490px) {
    .search-tips-container-home.active {
        margin-left: calc(28.8% - 2px);
        width: 41.2%;
    }
    .input-searchbox.active {
        margin-left: calc(19.5% - 2px);
        width: 75%;
    }
    .filter-panel{
        width: 1140px;
    }
    .clear-filter{
        margin-left:1000px;
    }
    .filter-column {
        max-width: 325px;
    }
    .filter-input{
        width: 310px;
    }
    .filter-search-icon {
        margin-left: 270px;
      }
}

@media (min-width: 3640px) and (max-width: 4240px) {
    .search-tips-container-home.active {
        margin-left: calc(36% - 2px);
        width: 27.2%;
    }
    .input-searchbox.active {
        margin-left: calc(30% - 2px);
        width: 50%;
    }

    .filter-panel{
        width: 1190px;
    }
    .clear-filter{
        margin-left:1050px;
    }
    .filter-column {
        max-width: 325px;
    }
    .filter-input{
        width: 310px;
    }
    .filter-search-icon {
        margin-left: 270px;
      }

}
@media (min-width: 5000px) {
   
    .filter-panel{
        width: 1130px;
    }
    .clear-filter{
        margin-left:990px;
    }
    .filter-column {
        max-width: 325px;
    }
    .filter-input{
        width: 310px;
    }
    .filter-search-icon {
        margin-left: 270px;
      }

}
@media (min-width: 5001px) and (max-width: 5088px){
   
    .filter-panel{
        width: 2070px;
    }
    .clear-filter{
        margin-left:1930px;
    }
    .filter-column {
        max-width: 600px;
    }
    .filter-input{
        width: 580px;
    }
    .filter-search-icon {
        margin-left: 530px;
    }

}
@media (width: 2544px){
   
    .filter-panel{
        width: 1370px;
    }
    .clear-filter{
        margin-left:1230px;
    }
    .filter-column {
        max-width: 400px;
    }
    .filter-input{
        width: 380px;
    }
    .filter-search-icon {
        margin-left: 330px;
      }

}
@media (width: 1696px) {
   
    .filter-panel{
        width: 1040px !important;
    }
    .clear-filter{
        margin-left:900px !important;
    }
    .filter-column {
        max-width: 2000px !important;
    }
    .filter-input{
        width: 305px !important;
    }
    .filter-search-icon {
        margin-left: 270px !important;
    }
}

@media (min-width: 1160px) and (max-width : 1165px) {
   
    .filter-panel{
        width: 670px !important;
    }
    .clear-filter{
        margin-left: 530px !important;
    }
    .filter-input{
        width: 186px !important;
    }
    .filter-search-icon{
        margin-left: 150px !important;
    }
    .search-tips-container-home.active {
        margin-left: calc(26% - 2px) !important;
        width: 47.8% !important;
    }

}