/*menu*/
div#id-user {
    float: right;
    line-height: 90px;
	font-size: 18px;
}
.menu-fixed div#id-user {
    float: right;
    line-height: 60px;
 	font-size: 18px;
}
@media (max-width: 992px){
.sp-module.toplogin, .sp-module.topaccount {
    float: left;
    margin-right: 20px;
}
.sp-megamenu-wrapper {
    float: right;
}}

.sp-dropdown-inner {
    padding: 0!important;
    text-align: left;
    color: #000;
}

.sp-dropdown-inner li a:hover{
    color: #f26f31!important;
}

.sp-dropdown-inner  li.sp-menu-item.current-item.active a{
    background: #f26f31!important;
    color: #fff!important;
}

/*media*/
@media only screen and (max-width: 1499px) {
    .large-screen-only{
        display:none;
}}
@media only screen and (min-width: 1500px) {
    .large-screen-only{
        display:block;
}}

@media only screen and (max-width: 1499px) {
    .normal-screen-only{
        display:block;
}}
@media only screen and (min-width: 1500px) {
    .normal-screen-only{
        display:none;
}}

/*home*/
.home-core-business .home-core-business-column .sppb-column-addons .sppb-addon-wrapper:nth-child(3){
    position: absolute!important;
    bottom: 0;
    left: 0!important;
    right: 0;
}
.home-core-business {
    transition: 0.5s ease;padding: 80px 30px 50px 30px;
}

.home-core-business:hover {
    background-position: 50% 60%!important;
    transition: 0.5s ease;
}
@media (max-width: 767px){
.bg-white{
  background-image: none!important; background:#fff!important;
}}

/*highlight*/
@media (max-width: 767px){
.sppb-articles-scroller-date-left-date {
    padding: 20px;
}

.sppb-articles-scroller-date-left-content {
    padding: 30px 15px!important;flex: 0 0 70%!important;
}}

.pcg-article-home h3{
    font-size: 20px!important;
    line-height: 1.3!important;
}

.pcg-article-home h3{
    height: 52px;
    line-height: 1.5;
    display: block;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
}
.pcg-article-home .sppb-article-introtext p{
    height: 40px;
    line-height: 1.5;
    display: block;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
}

@media (max-width: 767px){
.pcg-article-home .sppb-addon-article {
    margin-bottom: 0px !important;
  }}


.pcg-article-home  a.sppb-readmore {
    margin-top: 15px!important;
    position:relative;transition:0.5s ease;
    display: inline-block;
}

.pcg-article-home  a.sppb-readmore {color: #00a89c!important;font-weight:900;}
.pcg-article-home  a.sppb-readmore:hover{color: #f26f31!important;}
.pcg-article-home  a.sppb-readmore:after {
    background: #00a89c !important;
    height: 1px!important;transition:0.5s ease;
    width:100%;content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;}
.pcg-article-home  a.sppb-readmore:hover:after{background: #f26f31!important;transition:0.5s ease;}


/*team*/
span.sppb-person-name {
    line-height: initial;
    text-transform: inherit!important;
}

span.sppb-person-designation {
    color: #000;
    border-top: 1px solid #0000007d;
}

body .sppb-addon-person .sppb-person-image:after {
    background: #0a183b82!important;
}
.team-box {
    background: #bfbfbf;
}

.sppb-person-information {
    padding: 0 15px;
}
.team-box .btn-01 {
    color: #000!important;
}

span.sppb-person-designation {
    line-height: 1.2;
    font-size: 14px!important;
    margin-top: 20px!important;
    border-top: 0px;
    position:relative;
    min-height: 40px;
}

.sppb-person-designation {
    position:relative;
}

.sppb-person-designation:before {
    position:absolute;
    height:1px;
    width:100%;
    top:-10px;
    left:0; content:'';
    background:#000;
}

.team-education ul {
    padding-left: 15px;
}

@media (max-width: 767px){
.team-education span.sppb-icon-container {
    top: -2px;
    position: relative;
}}

@media (min-width: 768px){
.team-box {
    min-height: 390px!important;
}}

.team-box-horizontal{background: #bfbfbf;}

.team-box-horizontal .btn-01 {
    color: #000!important;
}


@media (min-width: 768px){
.team-horizontal-column {
    padding-left: 30px!important;
}}


@media (max-width: 768px){
.team-horizontal-column {
    padding: 20px 15px!important;
    text-align: center!important;}
.team-horizontal-column .sppb-text-left{text-align: center!important;}

}


/*team popup*/
.profile-popup .sppb-btn {
    padding: 0;
    color: #000;
}

/*-----------------------------------------------------------------------
  TABLE STYLE              
-------------------------------------------------------------------------*/

.white-popup-block table {border: 1px solid #cccccc;padding:0px 0px!important;}

.white-popup-block th, 
.white-popup-block td{padding:15px 15px!important;border: 1px solid #cccccc;}

.white-popup-block tbody tr:nth-child(even) {background: #efefef; color:#000;}
.white-popup-block tbody tr:nth-child(odd) {background: #FFF}









/*timeline*/
.timeline-item .timeline-panel.left-part{
    background: transparent;
    color: #000; border:0px!important;
}
.timeline-panel {
    background: transparent;
    color: #000; border:0px!important;
}
.timeline-panel:before{
  border-color:#00a89c!important; display:none;
}
.timeline-panel.left-part:before{
  border-color:#000!important;display:none;
}
p.timeline-date {
    color: #000;
}
.timeline-panel.left-part {
    text-align: left!important;
    margin-right: 15px;
}


/*timeline slider*/

.timeline-slider .sp-nav-control {
    display: flex;
    height: 170px!important;
    right: 100px!important;
    left: auto!important;
}

.timeline-slider  span.next-control.nav-control {
    left: 0;
}

.timeline-slider  span.prev-control.nav-control {
    bottom: 0!important;
    top: auto!important;
}


.sp-slider-custom-dot-indecators {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px;
    background: #0a183b;
}

.sp-slider-custom-dot-indecators ul li {
    width: 100px;
}

.sp-slider-custom-dot-indecators ul {
    width: fit-content!important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.timeline-slider .sppb-sp-slider-text {
    margin-bottom: 30px;
}

.timeline-slider .sppb-col-xs-12 {
    padding: 0;
}

.timeline-slider img {
    object-fit: contain;
    float: right;
}

.timeline-slider .sp-item>.sppb-container>.sppb-row>.sppb-col-sm-12 {
    display: block;
    flex-wrap: nowrap;
}

.timeline-slider .sppb-sp-slider-text {
    padding-right: 50px;
    margin-top: 20px;
}

@media (max-width: 767px){
.timeline-slider img {
    object-fit: contain;
    padding-bottom: 30px;
}

.timeline-slider .sp-nav-control {
    transform: scale(0.5);
    transform-origin: right top;
    right: 35px!important;
    position: absolute;
    top: -160px!important;
}

.timeline-slider .sppb-sp-slider-image img {
    height: auto!important;
    margin-bottom: 0px!important;
    padding: 0px;
}}











/*business page*/
@media (max-width: 767px){
.polyether-polyols {
    background-image: linear-gradient(90deg, #fff 75%, #f26f31 25%)!important;
    /* box-shadow: 0 0 0 0 #ffffff; */
}}


/*career*/
@media (max-width: 767px){
.career-list .sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    margin-bottom: 5px!important;
}

.career-list-btn {
    margin-left: 30px;
    margin-top: 10px;
}
.career-list .pull-left {
    margin-right: 8px!important;
}}


/*cta*/
@media (max-width: 767px){
.cta .sppb-row-overlay {
    background: linear-gradient(90deg, rgb(10 24 59) 0%, rgba(10, 24, 59, 0.85) 100%) transparent!important;
}}


/*profile*/
.view-profile {
    background: #fff;
}
.view-profile legend {
    background: #00a89c;
    padding: 10px 20px;
    color: #fff;
    border-radius: 10px;
}
.view-profile .dl-horizontal dd {
    line-height: 35px;
}

.view-profile .form-horizontal .control-label {
    float: left;
    width: 220px;
    padding-top: 5px;
    text-align: left;
}

.view-profile .controls {
    margin: 0!important;
}

.view-profile input {
    width: 80%;
}  
  
@media (min-width: 768px) and (max-width: 991px){
.view-profile input {
    width: 67%;
}}



/*document-db*/


.document-db section#sp-main-body {
    background: #f6f7fd!important;
    color:#000!important;
}
.document-db a.btn.btn-success.btn-small {
    float: right;
}
.document-db button.btn.hasTooltip {
    padding: 7px 20px;
    background: #f26f31;
}
.document-db button.btn.hasTooltip:hover {
    padding: 7px 20px;color:#fff;
    background: #0a183b;
}
.document-db .js-stools-container-bar {
    margin-bottom: 5px;
    margin-top:20px;
    float: inherit;
} 
.document-db .control-group {
    margin: 0;
}
.document-db input#filter_created_date_from, .document-db input#filter_created_date_to {
    background: white;
    border: 1px solid #ccc;
}

.document-db button#filter_created_date_from_btn, .document-db button#filter_created_date_to_btn {
    background: #f26f31;
    padding: 5px 20px;
    line-height: 20px;
}

.document-db span.icon-calendar {
    line-height: 24px;
}

.document-db a.chzn-single 
{background: none!Important;height: 32px!important;top: -5px;line-height: 30px!important;border-radius: 5px!important;}

.document-db .chzn-container-single .chzn-single div {
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.document-db a.btn.btn-success.btn-small {
    font-size: 18px;
    line-height: 20px;
}

.document-db a.btn.btn-success.btn-small i {
    font-size: 15px;
    line-height: 20px;
}




@media (max-width: 767px){
.document-db  .js-stools-container-bar .btn-wrapper {
    margin-top: 10px;}
.document-db div#filter_department_chzn {
    display: block;
    width: 100%!important;
}

.document-db .js-stools-field-filter {
    width: 100%!important;
    display: block!important;
}
.document-db .field-calendar {
    display: block!important;
}

.document-db .input-append {
    display: flex;
    white-space: -webkit-nowrap;
    justify-content: space-between;
}
.document-db .input-append input[type="text"] {
    width: 100%;
}
}



/*-----------------------------------------------------------------------
  TABLE STYLE              
-------------------------------------------------------------------------*/

.document-db table {border: 1px solid #cccccc;padding:0px 15px!important;}
.document-db table td a{color:#000;}
.document-db th, .document-db td{padding:15px 15px!important;border: 1px solid #cccccc;font-size:13px;text-align:center;color: #000;}

.document-db tbody tr:nth-child(even) {background: #efefef; color:#000;}
.document-db tbody tr:nth-child(odd) {background: #FFF}

/*header*/
.document-db th{background: #0a183b;color:#fff;vertical-align:middle;}
.document-db tbody tr:first-child p{margin:0px;}

/*calendar*/
button#ff_elem234_calendarButton {height: 34px;background-image: none!important;background-color: #2d2d2d;border-color: #2d2d2d;}
button.js-btn.btn.btn-clear {padding: 8px 15px;background:#2a75bb;}
button.js-btn.btn.btn-today {padding: 8px 15px;background:#429942;}
button.js-btn.btn.btn-exit {padding: 8px 15px;background:#c65e30;}

.field-calendar.input-append {
    display: contents;
}

.calendar-page .form-action-button {
    margin-bottom: 20px;
}

/*login*/
.view-registration #sp-main-body, .view-login #sp-main-body {
    padding: 50px 0 100px 0;
    background: #f7f9fb;
}
.com-users .reg-login-form-wrap .form-links a {
    color: #000!important; text-decoration: underline;
}
.com-users .reg-login-form-wrap .form-links a:hover {
    color: #f26f31!important;
}

/*register*/
.com-users.view-registration .registration a {
    color: #000!important;
    text-decoration: underline;
}
.com-users.view-registration a:hover {
    color: #f26f31!important;
}

select#jform_com_fields_department {
  border: 1px solid #e4edf5;
  border-radius: 3px;
  box-shadow: none;
  height: 55px;
  padding: 0 0px 0 20px;
  color: #a5a5a5;
}

body.site.com-users.view-reset {
    background: #f6f7fd;
}

.com-users.view-reset input#jform_email {
  border: 1px solid #e4edf5;
  border-radius: 3px;
  box-shadow: none;
  height: 55px;
  padding: 0 0px 0 20px;
  color: #a5a5a5;}

[id*="popover"] h3{
    font-size: 16px!important;
}




/*view-record*/
.view-documentaccessrecord a.btn.back-btn {
    padding: 0;
    margin-left: 20px;
}


.documentaccessrecord-edit.front-end-edit h1 {
    font-size: 30px!important;
    padding: 15px 20px;
    background: #00a89c;
    border-radius: 10px;
    color: #fff;
}

.view-documentaccessrecord.document-db th{
  background: #0a183b;color:#fff;vertical-align:middle;text-align: left;width: 158px;}


.view-documentaccessrecord.document-db td{
  text-align: left;
  color: #000;
  }





/*add-record*/
#form-documentaccessrecord .control-label {text-align: left!important;}

#form-documentaccessrecord .controls {margin-bottom: 20px;margin-left: 0;}

.view-documentaccessrecordform input {
    width: 100%;
}

.view-documentaccessrecordform div#jform_department_chzn {
    display: block;width:100%!important;
}

.view-documentaccessrecordform textarea{
    display: block;width:100%!important;min-height:150px;
}



/*edit-record*/
.view-documentaccessrecord.no-layout .item_fields a:nth-child(2) {
    background: #00a89c;
    border-radius: 0px;
    margin: 0 10px;
}

.view-documentaccessrecord.no-layout table.table {
    margin-top: 30px;
}

.view-documentaccessrecord.no-layout a.btn.btn-danger {
    border-radius: 0px;
}

.document-section .controls {
    margin: 0!important;
}

.document-section {
    margin-bottom: 20px;
}
.document-section a {
    background: #0a183b;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff!important;
}
form#form-documentaccessrecord  a {color: #000;}

form#form-documentaccessrecord a.btn {
  border: 1px solid #000!important;
  overflow: hidden!important;
  position: relative!important;
  background: #000;
  font-size:14px!important;
  border-radius: 0px;
  border-radius: 0px!important;
  color: #fff!important;
  padding:10px 20px;
  transition: 0.5s ease;
}

form#form-documentaccessrecord a.btn:hover {
  border: 1px solid #000!important;
  overflow: hidden!important;
  position: relative!important;
  background: transparent!important;
  font-size:14px!important;
  border-radius: 0px;
  border-radius: 0px!important;
  color: #000!important;
  padding:10px 20px;
  transition: 0.5s ease;
}

/*milestone*/
.timeline-item img {
    border: 1px solid #cccc;
}



/*-------------------------
      SCROLLBAR
--------------------------*/
/* width */
::-webkit-scrollbar {
  width: 5px;height:3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #f26f31;
  border-radius:50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/**/






section#flexible-foams {
    z-index: 3 !important;
}

section#case {
    z-index: 2 !important;
}


section#voxa-nol {
    z-index: 5 !important;
}

section#voxa-mer {
    z-index: 4 !important;
}

section#voxa-cet {
    z-index: 3 !important;
}

section#voxa-min {
    z-index: 2 !important;
}

#sppb-addon-1731564691081 a{
  color: #f26f31;
}