/* latin */


body{
    font-weight:300;
    background-color:#fff;
    color:#000;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.magheight{
    max-height:280px;
}

.magheighttext{
    font-size:16px;
}


@media (max-width: 1200px) {
    .magheighttext{
        font-size:14px;
    }
}


.mainMenu, .mainMenu2{
    border-bottom: 1px solid #e7e7e7;
    height: auto;
}

.ui-widget-content {
    background: #fff;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .45;
}

.deliverydays a {
    font-weight: 700 !important;
    background-color: #30aa30 !important;
    color: #fff !important;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.175);
}

.onSearch .navbar {
    background: #FFFFFF;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.onSearch .navbar-right{
    display:none;
}

.loadingFilter{
    width:100%;
    text-align: center;
    font-size:28px;
    margin-top:40px;
}
.cat-blocks-text h2{
    color:white;
}

.logoSearch{
    background-image: url(/common/logosvgb.jsp);
}

.navbarlogo{
    position: fixed;
    top:30px;
    z-index:1002
}

#resultSearch{
    background-color: white;
    width:100%;
    padding-top:100px;
    padding-right: 30px;
    padding-left:30px;
    text-align: center;
    animation: slideInOut 0.15s ease-in-out;
    position: fixed;
}

#resultSearch li{
    list-style: none;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

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

#resultSearch a{
    color:#266085 !important;
}

#inputGroupSearch {
    border: 1px solid #266085;
}

#resultSearch a:hover {
    color: #ed143d  !important;
    cursor: pointer;
}

@keyframes slideInOut {
    0% {
        height: 0;
    }

    100% {
        height: 450px;
    }
}

.listSearch{
    height:370px;
}

.divtopsearch{
    margin-top:10px;margin-bottom:10px;
}

#popup-search{
    background-color: rgba(0, 0, 0, 0.20);
    top:158px;
    z-index: 978;
}

#resultSearch .ui-widget-content {
    background-color: none;
}

.ui-autocomplete {
    box-shadow: 0 7px 5px 2px rgba(0, 0, 0, .2);
}

.filterCaret{
    float:right;display: inline-block; top:3px;font-size: 18px;
    position: relative;right:4px
}

.mainMenuTitle {
    max-width: calc(100% - 10px);
}

.filterBox{
    background-color: #d6e4ef;
    padding:5px;
    padding-left: 10px;
    padding-right: 10px;
    height:32px;
    color:#266085;
    margin-bottom:6px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:calc(100% - 25px);
    float:left;
}

.filterBoxDown{
    background-color: #d6e4ef;
    width:25px;
    float:left;
    height:32px;
    padding:5px;
    line-height: 22px;
}

.filterBoxClear{
    width:25px;
    float:left;
    height:32px;
    padding:5px;
    line-height: 22px;
    background-color: #00559d;
    color:white;
}

.filterBoxClear:hover{
    background-color: #ed143d;
}

.filterBoxSelected{
    background-color: #00559d;
    color:white;
}

.nofilter{
    color: #adadad;
}

.myFilterBox{
    min-width:360px;
    height: 375px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    background: white;
    border: 1px solid #eee;
    box-shadow: 0 0px 7px 2px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0px 7px 2px rgba(0, 0, 0, .05);
    padding:12px;
}
.innerFilterBox{
    height:230px;
    overflow-y: auto;
    margin-bottom: 15px;
}

.filterBoxTop:hover{
    color:#ed143d;
    cursor: pointer;
}

.filterBox:hover{
    color:#ed143d;
    cursor: pointer;
}

.filterBoxSelected:hover{
    color:#ed143d;
    background-color: #d6e4ef;
    cursor: pointer;
}

@media (min-width: 1400px) {
    .mainMenuTitle {
        font-size: 15px;
    }
}

footer, footer2 {
    background-color: #f2f2f2;
}

.menuSubColor, .menuRight{
    background-color: #f2f2f2;
    color:#266085;
}

a {
    color: #266085;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffffb2;
}

.navigation a, .navigation span {
    color: #266085;
    padding: 4px 1% 4px 0;
}

.menuColor, .menuColor00, .menuColor000, .menuColor01 {
    border-top: 0px solid #e7e7e7;
}

#top10list{
    font-weight: 300;
}

/*
menu
 */

.menuRight{
    display:none;z-index:999;padding-top:6px;
}

.menuRight{
    min-width:300px;
    max-width:100%;
    height:auto;
    padding:0px;
    padding-left: 8px;
    padding-right:8px;
    position: absolute;
}

.menuRight a {
    color: #266085;
    font-size: 14px;
    line-height: 27px;
}
.menuRight a:hover {
    text-decoration: none;
    color: #ed143d
}
.navigation a:hover {
    text-decoration: none;
    color: #ed143d
}

.subMenu1 a {
    color: #266085;
}

.myMenuRigthList {
    height: auto;
    line-height: 30px;
    border-bottom: 1px solid #dcdcdc;
}

h1, h2, h4 {
    font-weight: 400;
    color:#000;
}

.megaMenu a {
    color: #ed143d !important;
}

.groupLabel {
    font-weight: 500;
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    border: 0px solid #eaeaea;
    padding:5px;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

.ui-menu-item:hover a{
    background: white;
    color:#0f0f0f;
}

.titleBoxProd {
    padding-left:10px;padding-right:10px;
}

.padding10{
    padding-left:10px;padding-right:10px;
}

.text-center{
    text-align:center;
}

.rowTop1 {
    padding-left:10px;padding-right:10px;
}

.rowTop2 {
    padding-left:10px;padding-right:10px;margin-top:0px;
}

.lastBoxProd {
    /*border-right:1px solid #d6e4ef;*/
}
.boxproduct{
    box-shadow: 0 0px 7px 2px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0px 7px 2px rgba(0, 0, 0, .05);
    min-height:350px;
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
    border: 1px solid #f0f0f0;
}

.smallboxproduct{
    box-shadow: 0 0px 7px 2px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0px 7px 2px rgba(0, 0, 0, .05);
    min-height:75px;
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
    border: 1px solid #f0f0f0;
    padding: 8px;
    border-radius: 8px;
    height: auto;
    position: relative;
    background: #fff;
}
.bpi{
    margin-right:3px;height:30px;width:30px;float:left;
}

.bpis{
    margin-right:3px;height:30px;float:left;max-width:180px;
}

.bpimgtop{
    position:relative;text-align:center;width:100%;
}

.bpimg{
    max-width:85%;
    max-height:215px;
    margin:auto;
}



.boxproduct:hover{
    border: 1px solid #a2cdef;
}

.boxproductLarge:hover .bpimg{
    max-width:100%;
    max-height:240px;
    margin:auto;
    transition-duration: 200ms;
}

.boxproduct:hover .bpimg{
    max-width:100%;
    max-height:240px;
    margin:auto;
    transition-duration: 200ms;
}

.btn-sec{
    background-color: #d6e4ef !important;
    color:#00559d;
    font-weight: 200 !important;
}

.colgroupdiv:hover .groupname{
    color: #ed143d;
}
.groupname{
    color: #266085;
    position: absolute;
    top: 8px;
    left:95px;
    right:3px;
    bottom:3px;
    overflow: hidden;
}
.groupoverlay {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.groupoverlay:hover {
    background-color: rgba(0, 85, 157, 0.03);
    opacity: 1;
}

.bpimgs{
    max-width:20%;
    max-height:60px;
}

.col-group, .col-group-home {
    margin-bottom: 0px;
}

.col-group-home{
    padding-bottom:6px;
}

.bptexttop{
    position:relative;bottom:0px;
    width: 100%;
    align-content: flex-end;
}

.bptexttops{
    position:relative;
    width: 75%;
    align-self: center;
    margin-left: 3%;
}

.bptext1{
    text-align:left;font-size:15px;left:15px;bottom:8px;font-weight:bold;color:#d80011;margin-top: 3px;margin-bottom: 3px;
}

.bptext2{
    line-height: 13px;font-size: 12px;overflow: hidden;margin-top: 3px;margin-bottom: 3px;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.bptext2B{
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 6px;
    font-weight: 400;
}

.topmobilform {
    padding-top:15px;padding-bottom:15px;border-top:1px solid rgb(170,170,170);border-bottom:1px dotted rgb(170,170,170);
}

/*
top home article
 */

.thaimg{
    text-align:center;margin:auto;display:inline-table;
    min-width:100%;
    min-height:120px;
}

@media (min-width: 768px) {
    /* For desktop: */
  .thaimg{
      min-height:270px;
  }
}

.thatext{
    font-size:25px;line-height:50px;text-align:left;padding-left:10px;
}

/*
middle home articles
 */

.mha1{
    padding:10px;
}

.mha2{
    padding:10px;border-left:1px solid #e7e7e7;
}

.mhatid{
    width:100%;text-align: center;
}

.mhatimg{
    margin:auto;
    display:inline;
    width:100%;
}

.mhattext{
    font-size:18px;line-height:24px;text-align:left;
}

/*
top
 */

#myLeftMenu{
    background-color:#222;width:300px;position:fixed;left:-300px;height:100%;z-index:999999;top:0px;
}

#prodFavoriteContainer{
    display:none;height:33px;width:206px;border:1px solid #999;z-index:99;background-color:#FFF;position:absolute;
}

/*
topMenu
 */

#shopTopMenu{
    height:28px;
    z-index: 1003;
}
#shopTopMenu ul {
    padding-top:3px
}
#shopTopMenu .navbar-right {
    padding-top:3px;margin-right: 0px;height:28px;
}
#shopTopMenu .navbar-right a{
    padding-top:0px;padding-bottom:0px;
}

/*
loginform
 */

#loginformdiv{
    margin-top: 21px;margin-right:15px;
}

#loginformdiv .input-group-btn {
    width:47px;
}

#loginformdiv .dropdown-menu{
    min-width:550px;
}

#loginformdiv .container{
    max-width:650px;
}

#loginDrop {
    height: 35px;margin-left: 4px;background-color:#d80011;border-color:#fff;border-width:1px;padding-top:4px;padding-left:8px;padding-right:8px;
}
#loginDrop:focus{
    background-color: #f0f0f0 !important;
    color:#d80011;
}

/*
searchform
 */

#topsearchform{
    width:50%;
    margin-left: 25%;
    margin-top: 21px;
    position: fixed;
    z-index: 1002;
    top: 30px;
}

@media (min-width: 2400px) {
    #topsearchform{
        width:38%;
        margin-left: 31%;
        margin-top: 21px;
        position: fixed;
        z-index: 1002;
        top: 30px;
    }
}

#mainContainer{
    margin-bottom: 20px;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    flex:1;
}

#topsearchform .input-group-btn{
    width:35px;
}
#topsearchform .btn{
    height: 35px;width: 35px;margin-right: 0px;
    background: transparent;
    border: 0px;
}
#topsearchform .fa-search{
    color:#d80011;font-size:20px;
}
#searchIdTop{
    height:35px;
    background: transparent;
    border: 0px;
}

#comparelistgroup{
    width:47px;
}
#comparelistgroup .dropdown-toggle{
    height: 34px;width: 45px;margin-left: 4px;background-color:#266085;border-color:#266085;box-shadow: none;border-width:0;padding-top:8px;
}
#comparelistgroup .fal{
    font-size:22px;color:#fff;
}
#comparelistgroup .badge{
    top: 2px;right: 3px;z-index:5;position:absolute;font-size: 0.8em;color:#3d3d3d;background-color: #f0f0f0;
}
#comparelistgroup .dropdown-menu{
    width:320px;top:57px;
}
#comparelistgroup .basket-menu{
    max-height: 500px;overflow: auto;padding-left:15px;
}

.libottombtn{
    text-align:center;margin-top:5px;padding-top:5px;
}

.libottombtn .btn{
    border-radius:0px;
    text-shadow:0 0 0;
    border-width:0px;
    height:35px;
    width:200px !important;
    margin:auto !important;
    padding-top:8px;
}

#favoritelistgroup{
    width:47px;
}

#favoritelistgroup .dropdown-toggle{
    height: 34px;width: 45px;margin-left: 4px;background-color:#266085;border-color:#266085;
    box-shadow: none;border-width:0;padding-top:7px;padding-left:2px;
}
#favoritelistgroup .fal{
    font-size:24px;color:#fff;
}
#favoritelistgroup .badge{
    top: 2px;right: 3px;z-index:5;position:absolute;font-size: 0.8em;color:#3d3d3d;background-color: #fff;
}
#favoritelistgroup .dropdown-menu{
    width:380px;top:45px;
    border-radius: 8px;
}
#favoritelistgroup .basket-menu{
    max-height: calc(100vh - 170px);overflow: auto;padding-left:10px;padding-right:10px;
}

#userlistgroup{
    width:47px;
}
#userlistgroup .dropdown-toggle{
    height: 34px;width: 45px;margin-left: 4px;background-color:#266085;border-color:#266085;
    box-shadow: none;border-width:0;padding-top:7px;padding-left:2px;
}
#userlistgroup .fal{
    color:#fff;font-size:24px;
}
#userlistgroup .badge{
    top: 2px;right: 3px;z-index:5;position:absolute;font-size: 0.8em;
}
#userlistgroup .badge-warning{
    color:#fff;background-color: #D60011;
}
#userlistgroup .dropdown-menu{
    width:420px;top:45px;right:-56px;
    border-radius: 8px;
}
#userlistgroup .basket-menu{
    max-height: calc(100vh - 170px);overflow: auto;padding-left:10px;padding-right:10px;
}

#baketlistgroup{
    width:47px;
}
#baketlistgroup .dropdown-toggle{
    height: 34px;width: 45px;margin-left: 4px;background-color:#266085;border-color:#266085;
    box-shadow: none;border-width:0;padding-top:7px;padding-left:2px;
}
#baketlistgroup .fal{
    color:#fff;font-size:24px;
}
#baketlistgroup .badge{
    top: 2px;right: 3px;z-index:5;position:absolute;font-size: 0.8em;
}
#baketlistgroup .badge-warning{
    color:#fff;background-color: #D60011;
}
#baketlistgroup .dropdown-menu{
    width:420px;top:45px;right:-56px;
    border-radius: 8px;
}
#baketlistgroup .basket-menu{
    max-height: calc(100vh - 170px);overflow: auto;padding-left:10px;padding-right:10px;
}

#accountlistgroup{
    width:55px;
}
#accountlistgroup .dropdown-toggle{
    height: 34px;width: 45px;margin-left: 4px;background-color:#266085;border-color:#266085;box-shadow: none;
}
#accountlistgroup .fal{
    color:#fff;font-size:22px;
}
#accountlistgroup .dropdown-menu{
    top:45px;border-radius: 8px;
}

.btn-default {
    text-shadow: 0 0 0;
    background: #fff;
    border-width: 1px;
}

.dropdown-menu {
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.175);
}

#mobilenav{
    margin-left:0px;margin-top:0px;border:0px;width:100%;
}

#basketmobile{
    text-align:right;
}
#basketmobile .btn{
    height: 33px;width: 55px;margin-left: 4px;background-color:#266085;border-color:#266085;border-width:0;padding-top:4px;padding-left:0px;box-shadow: none;
}
#basketmobile .fa{
    color:#fff;font-size:22px;
}
#basketmobile .badge-warning{
    color:#3d3d3d;background-color: #F5C54B;
}
#basketmobile .badge{
    top: 2px; z-index:5;position:absolute;font-size: 0.8em;
}

#menumobile{
    text-align:right;
}
#menumobile .btn{
    box-shadow: none;height: 33px;width: 55px;margin-left: 4px;background-color:#266085;border-color:#266085;border-width:0;padding-top:4px;
}
#menumobile .fa{
    font-size:24px;
}

/*
mainContainer
 */

#topMag1{
    padding:5px;margin-top:24px;font-size:22px;font-weight:500;color:#222;
}
#topMag2{
    padding:5px;margin-top:10px;font-size:22px;font-weight:500;color:#d80011;
}
#topMag3{
    padding:5px;margin-top:15px;font-size:22px;font-weight:500;color:#222;
}

.leftart{
    padding:5px;margin-top:15px;
}
.leftarti{
    margin-top:2px;
    min-height:30px;
}
.leftartt{
    font-size:16px;font-weight:500;margin-top:2px;
}

#top10list li{
    line-height: 15px;margin-bottom: 8px;
}
#top10list li>a {
    font-size:14px;
}

#central {
    padding-left:0px;
    padding-right:0px;
}

@media (min-width: 992px) {
    #central {
        padding-left:22px;
        padding-right:22px;
    }
}

.navigation{
    margin-left:8px;
}

/*
aside
 */

aside {
    border-left: 1px solid #ffffff;
    padding-left:16px !important;
}
#asidemainprod{
    margin-top:3px;padding:8px;
}
aside hr{
    border-top: 1px solid #ffffff;
    margin-left:-5px;margin-right: -5px;margin-top: 0px;
}
#asidejobs{
    padding:5px;margin-top:15px;min-height:65px;
}
#asidejobs .imgjobs{
    margin-top:2px;
}
#asidejobs .txtjobs{
    font-size:16px;margin-top:2px;
}


/*
footer
 */

#containerBottom{
    padding-top:10px;padding-bottom:10px;
}
#socialmedias{
    margin-left:0px;margin-right:0px;border-bottom:1px solid #fff;text-align: center;
}
#socialmedias h2{
    margin-top:5px;
}
#socialmedias table{
    margin:auto;margin-bottom:20px;margin-top:15px;
}
#socialmedias td{
    width:50px;
}
#socialmedias .fab{
    font-size:36px;
}
.mobilebottom{
    margin-left:0px;margin-right:0px;border-bottom:1px solid #fff;
    color:#afafaf;text-align:center;padding-top:8px;padding-bottom:8px;
}

#footerlinks{
    margin-left:0px;margin-right:0px;border-bottom:1px solid #fff;
}
.footercontacts{
    text-align: center;height:450px;padding-top:7px;
}

#footerlocal{
    text-align: center;border-left:1px solid #fff;height:450px;
}
#footerlocal h2{
    margin-top:25px;margin-bottom:20px;
}
#footerlocal img{
    width:240px
}

#footerspace{
    text-align: left;border-left:1px solid #fff;height:450px;padding-left:25px;
}
#footerspacet{
    margin-top:76px;font-size:20px;color:#d2d2d2;
}
#footerspaceu{
    margin-top:44px;font-size:20px;color:#d2d2d2;
}
#footerspacecb{
    float:left;
    padding-top: 4px;
}
#footerspacecb img{
    width:100px;
}
#footercr{
    text-align:center;padding-top:8px;
}

.payment-items{
    text-align: center;
}

.companysocial{
    text-align: center;
    margin-bottom:20px;
}

@media (min-width: 768px) {
    .payment-items{
        text-align: left;
    }
    .companysocial{
        text-align: right;
    }
}

.payment-items img {
    max-width: 60px;
    margin-right: 10px;
}

#companyfooter{
    padding-top:18px;
}

.modalProductBox .tingle-modal-box{
    width:90%;
}
.tingle-modal {
    background: rgba(20,22,24,.6);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}
/*
groups
 */

.grouptitle{
    margin-left:10px;
}
.groupdesc{
    font-size: 1em;line-height: 1.2em; color: #333;margin-left:7px;margin-bottom:25px;
}
.col-group {
    background-color: #fff;
    border: 2px solid #d6e4ef;
}
.colgroupdiv {
    height: 85px;
    padding: 5px;
    position: relative;
    line-height: 16px;
    overflow: hidden;
    padding-left:98px;
}
.colgroupdiv a:hover{
    text-decoration: none;
    color:#ed143d;
}
a:hover {
    text-decoration: none;
    color: #ed143d;
}
footer a:hover {
    color: #ed143d;
}
.groupLabel{
    position:absolute;top:0px;text-align:center;height:50px;line-height:50px;
}
.groupLabel span{
    line-height:16px;display:inline-block;vertical-align:middle;
}
.groupimgdiv{
    position:absolute;
    left:2px;
    bottom:6px;
    width:75px;
    top:3px;
}

.col-group{
    min-height: 0px
}

.grouptab{
    border-bottom:1px dotted rgb(170,170,170); background-color:#fff;margin-top:25px;
}
.grouptabi{
    text-align: center;padding-top:5px;
}
.grouptabt{
    color:#000;font-size:1.1em;
}
.divreftab{
    width:80px;
}
.divreftab a{
    font-weight: 600;
}
.divreftab a:hover{
    text-decoration: underline;
    text-decoration-color: #0f0f0f;
}

.priceDisplay{
    text-align:right;
}
.actiontags{
    width:36px;text-align:right;
}
.actiontags .fa{
    font-size:20px;color:#F5C54B;
}

/*
prod
 */

#proddetaildiv{
    margin-bottom:20px;
}
#bootSlide{
    text-align:right;
}
#proddetailimgs{
    margin-bottom:2em;padding-right:0px;padding-left:5px;
    max-height:500px;
}
.detailprodref{
    color:#555558;font-size:16px;font-weight: 600;
}
.detailprodname{
    margin-top:0px;font-size:22px;line-height:26px;letter-spacing: 0.03em;font-weight: normal;
}
#productTilt{
    width:100%;height:100%;background-color: #f0f0f0;opacity: 0.6;z-index:499;position: absolute;display: none;top:0;left:0;
}
.proddetails{
    background-color:#fff;border-radius:0px;padding:0px;border:0px solid #eaeaea;
}
.proddetailsr{
    text-align:left;border-bottom:1px solid #555;padding-bottom:5px;
}

.exhaustedstock{
    color:#DB0100;font-size:14px;position:relative;
}
/*
Chat
 */


.tingle-modal__close {
    font-size: 4rem;
    font-family: inherit;
}

.tingle-swissbau .tingle-modal-box{
    max-width:600px;
}

.tingle-planner .tingle-modal-box{
    width:calc( 100vw - 60px);
    height:calc(100vh - 60px);
}

.tingle-planner .tingle-modal-box__content {
    padding: 0rem;
    height:100%;
}

#safirchat{
    position: fixed;
    bottom: 0px;
    /*right: 0px;*/
    right: 00px;
    height: 568px;
    width: 415px;
    z-index: 1000;
    background-color: white;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 -5px 50px 0 rgba(0, 0, 0, .2);
}

#chatresult{
    position: absolute;
    top:45px;
    padding:8px;
    bottom:110px;
    border-bottom: 1px solid #cccccc;
    width:100%;
    overflow: auto;
}

#chatform{
    position: absolute;
    bottom:0px;
    height:110px;
    width:100%;
}

#chattop{
    color: white;
    background-color: #266085;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 45px;
    text-align: right;
    padding: 12px;
}

.chatcommenttrue{
    text-align: right;
}

.chatcommentfalse{
    text-align: left;
}

.chatctrue{
    background-color: rgb(219, 250, 242);
    color: #4b4d4f;
    display: inline-block;
    max-width: 85%;
    padding: 16px 24px !important;
    border-radius: 20px;
    border-bottom-right-radius: 0;
}

.chatcfalse{
    background-color: rgb(201, 231, 243);
    color: #4b4d4f;
    display: inline-block;
    max-width: 85%;
    padding: 16px 24px !important;
    border-radius: 20px;
    border-bottom-left-radius: 0;
}

.chatdtrue{
    color: rgb(179, 182, 184);
    font-size: 11px;
}

.chatdfalse{
    color: rgb(179, 182, 184);
    font-size: 11px;
}

#chattext{
    line-height: 1.5 !important;
    overflow-y: auto;
    max-width: 100% !important;
    resize: none;
    user-select: text;
    vertical-align: top;
    font-weight: 400 !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 110px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;
    border:0px;
}

#safirChatBubble{
    position: fixed;
    bottom: 16px;
    right: -333px;
    background-color: #266085;
    color: white;
    height: 64px;
    min-width: 64px;
    border-radius: 32px;
    font-weight: bold;
    font-size: 34px;
    padding-top: 13px;
    text-align: center;
    z-index: 999;
}


@media (min-width: 768px) {
    #safirChatBubble{
        right: 33px;
    }
    .cc-banner.cc-bottom {
        padding-right: 135px;
    }
}

.container {
    width: 96%;
}

@media (min-width: 2000px) {
    .container {
        width: 1960px;
    }
}

.checkboxFilter input[type="checkbox"] {
    display: none;
}

.checkboxFilter label {
    padding-left: 0;
}

.checkboxFilter label:before {
    content: "\f0c8";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    line-height: 20px;
    text-align: center;
    border: 0px solid #ccc;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    color: #505050;
}

.checkboxFilter input[type="checkbox"]:checked+label::before {
    content: "\f14a";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    font-weight: 900;
    color:#00559d;
}

.labelFilter{
    font-weight: 300;
}

.bpalltop{
    position: absolute;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    text-align: right;
    top:8px;
    right:8px;
    z-index:9999;
    background-color: rgba(255,255,255,0.95);
}

.noInternetProduct{
    background-color: #f0f0f0;
}

.toomany{
    background-color: #ed143d24;
}

.productGrid{
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
}
.gridItem{
    flex:1;
    flex-basis: max-content;
    min-width: 50%;
}

.boxproductLarge{
    /*box-shadow: 0 0px 7px 2px rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 0px 7px 2px rgba(0, 0, 0, .11);*/
    display: flex;
    align-content: stretch;
    flex-wrap: nowrap;
    border: 1px solid #fff;
    height:100%;
    min-height:260px;
    border-radius: 4px;
}

.boxproductLarge:hover{
    border: 1px solid #d6e4ef;
}

.boxLargeImg{
    float:left;
    min-width:250px;
    padding-left:8px;
    padding-top:8px;
}

@media (max-width: 767px) {

    #loadMoreProducts{
        flex:2;
    }

    .boxproductLarge{
        flex-direction: column;
    }

    .bpimg{
        max-width: 65%;
    }

    .boxLargeImg{
        padding-left:0px;
        /* display:none; */
    }

    .actiontags{
        display:none;
    }

    .hiddeMobile{
        display:none;
    }
}

.boxLargeTxt{
    float:left;
    min-width:250px;
    padding-top:10px;
    padding-right:5px;
    width:100%;
}

.tableboxproduct th{
    border:0px ! important;
    background-color: #eff5fa ! important;
}

.prodNameBox{
    font-weight: bold;
    width: min-content;
    min-width: 100%;
}

.gallery .img-responsive {
    max-height:250px;
    max-width:250px;
    margin: auto;
}

@media (min-width: 1200px) {
    .gallery .img-responsive {
        max-height:300px;
        max-width:300px;
        margin: auto;
    }
}

@media (min-width: 1460px) {
    .gallery .img-responsive {
        max-height:500px;
        max-width:500px;
        margin: auto;
    }
}