/* Minification failed. Returning unminified contents.
(1061,58): run-time error CSS1046: Expect comma, found '0'
(1061,62): run-time error CSS1046: Expect comma, found '/'
(1063,50): run-time error CSS1046: Expect comma, found '0'
(1063,54): run-time error CSS1046: Expect comma, found '/'
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
    font-family: Arial, Helvetica, sans-serif;
}

 /*
     Note: uncomment this while TE verify for language based fonts.
     If not, we need to ensure this stays commnented untill this is good 
     for production. whenever we publish selector for staging, kindly uncomment below
 */

/* Apply Microsoft JhengHei when lang is zh-Hans */
/*:lang(zh-Hans) body {
    font-family: "Arial", "Microsoft JhengHei Bold", "Microsoft JhengHei", Arial, sans-serif;
}*/

/* Apply Microsoft JhengHei when lang is zh-Hans */
/*:lang(zh-Hant) body {
    font-family: "Arial","Microsoft JhengHei Bold", "Microsoft JhengHei", Arial, sans-serif;
}*/
/*menu related css start*/

.align-center {
    position: absolute;
    top: 30%;
    left: 11%;
    /*transform: translate(-50%, -50%);*/
}
.btn-info-delta {
    color: #fff;
    background-color: #969696;
    border-color: #969696;
    width: 120px;
}

.model-add-group {
    width: 550px !important;
    height: 150px !important;
    padding: 10px !important;
    min-height: 150px !important;
}

.inputText {
    outline-color: black;
}
#btnGroup {
    margin-left: 40px;
}

.closeSel {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background: #ccc;
    cursor: pointer;
    margin-top: -40px;
    margin-right: 10px;
}

.main-nav {
    background: #fff;
    color: #000;
}

    .main-nav:after {
        clear: both;
        content: "\00a0";
        display: block;
        height: 0;
        font: 0px/0 serif;
        overflow: hidden;
    }

.nav-brand {
    float: left;
    margin: 0;
}

    .nav-brand a {
        display: block;
        padding: 10px 10px 10px 20px;
        color: #0087DC;
        font-family: Arial,'Microsoft JhengHei', Helvetica, sans-serif;
        font-size: 28px;
        font-weight: 900;
        line-height: 56px;
        text-decoration: none;
        margin-top: -6px;
        margin-left: -8px;
    }

.main-menu {
    clear: both;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.container-width {
    padding: 10px 8%;
}

.collapsible-white-bg {
    background-color: #fff;
    max-height: 100px;
    border: 2px solid #eee !important;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 24px;
    min-height: 60px;
}

.content-white-bg {
    background-color: #fff !important;
    padding: 0 !important;
}

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



.cartBtn {
    float: right;
    margin-top: -25px;
    margin-right: 20px;
}

@media (min-width: 767px) {
    .main-menu {
        float: right;
        clear: none;
    }

    /*div:nth-of-type(1) > div:nth-of-type(1) > .itemImg > .family >*/ .family-image {
        height: 13.2vw !important;
    }
}

.collapsible {
    cursor: pointer;
    padding: 11px;
    width: 100%;
    margin-bottom: 2px;
    margin-top: 2px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border: 0.1px solid;
}

.collapsible:hover, .collapsible:hover:after {
        background-color: #00AEEF;
        color: #fff;
}

#catalog {
    content: url('images/diasweb/Catalogue_48.png') !important;
}

#datasheet {
    content: url('images/diasweb/Manual_48.png') !important;
}

.delete-group {
    content: url('images/diasweb/Delete_64x64300dpi.png') !important;
}

.collapsible:hover #catalog {
    content: url('images/diasweb/Catalogue_48-Wh.png') !important;
}

.collapsible:hover #datasheet {
    content: url('images/diasweb/Manual_48-Wh.png') !important;
}

.collapsible:hover .delete-group {
    content: url('images/diasweb/Delete-48.png') !important;
}

.active {
    background-color: #00AEEF !important;
    color: #fff !important;
}

.collapsible:after {
    content: '\002B';
    color: black;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    margin-top: -27px;
}

.active #catalog {
    content: url('images/diasweb/Catalogue_48-Wh.png') !important;
}

.active #datasheet {
    content: url('images/diasweb/Manual_48-Wh.png') !important;
}

.active .delete-group {
    content: url('images/diasweb/Delete-48.png') !important;
}

.content {
    padding: 0 8px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}

#grouplist{
    width :150px !important;
    height:30px;
}


.toast-success {
    background-color: #64CDDC !important;
}

#toast-container > .toast-success {
    background-image: none !important;
}

.btn {
    border-radius: 0px !important;
}

/* Mobile menu top separator */
.main-menu:before {
    content: '';
    display: block;
    height: 1px;
    font: 1px/1px sans-serif;
    overflow: hidden;
    background: #2e8cb8;
}

@media (min-width: 768px) {
    .main-menu:before {
        display: none;
    }
}


/* Mobile menu toggle button */

.main-menu-btn {
    float: right;
    margin: 10px;
    position: relative;
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 24px;
    background: #000;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

    .main-menu-btn-icon:before {
        content: '';
        top: -7px;
        left: 0;
    }

    .main-menu-btn-icon:after {
        content: '';
        top: 7px;
        left: 0;
    }


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

    #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}


    /* hide the menu in mobile view */

    #main-menu-state:not(:checked) ~ .main-menu {
        display: none;
    }

    #main-menu-state:checked ~ .main-menu {
        display: block;
    }

@media (min-width: 768px) {
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }
    /* always show the menu in desktop view */
    #main-menu-state:not(:checked) ~ .main-menu {
        display: block;
        padding-top: 15px;
        font-weight: bold;
        font-size: 18px;
    }
}



/*menu related css ends*/

.removeFromCart {
    cursor: pointer !important;
}

.addToCart {
    cursor: pointer !important;
}


.header {
    width: 130px;
    margin-top: -7px;
    margin-left: -10px;
}

.column {
    float: left;
    width: 22%;
    margin: 15px;
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

    .column:hover {
        cursor: pointer;
        color: #ffffff !important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background-color: #00AEEF;
    }

.series-product {
    border-color: #eee !important;
    border: solid;
    padding: 0 8px;
    min-height: 142px;
}

    .series-product:hover {
        cursor: pointer;
    }


.imgseries {
    margin: auto;
    display: block;
    padding: 10px;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

@media only screen and (max-width: 600px) {
    
    .imgseries {
        padding: 6%;
        width: 150px;
        height: 100px;
    }
}


.selectable .ui-selecting {
    background: #00AEEF;
}

.selectable .ui-selected {
    background: #00AEEF;
    color: white;
}

.selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .selectable li {
        margin: 0px;
        padding: 0.4em;
        font-size: 20px;
        font-weight: 600;
        overflow: auto;
    }

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999 !important; /* Sit on top */
    padding-top: 10%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    height: 82%;
    /*min-height: 400px;*/
}

.close {
    font-size: 40px !important;
    font-weight: 100 !important;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

#divAjaxLoading, #divAjaxSeries {
    display: none; /*to make it visible only on fadeIn() function */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    display:flex;
    justify-content:center;
    align-items:center;
}

.footer {
    width: 100%;
    background-color: #6d6e71;
    overflow: hidden;
    color: #fff;
}

.footerlogo {
    width: auto;
    height: 42.5px;
}

.gray-box {
    background-color: #7B7C7E;
    padding: 16px;
    overflow: hidden;
    margin-top: 63px;
    /*margin-left: 50px;*/
    margin-bottom: 0px;
    padding-left: 18px;
    padding-top: 18px;
    height: 120px;
}

.social {
    margin-top: 42px;
}

.footer-inner ol, ul {
    list-style: none;
    margin-left: -38px;
}

.footer-inner .footer_link {
    display: block;
    height: 20px;
}

.footer-inner .footer-title {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 12px;
}

.footer-misc .social ul li:first-child {
    margin-left: 0;
}

.footer-misc .social ul li {
    float: left;
    margin-left: 8px;
    margin-top: -15px !important;
}

.footer-misc .info ul li a {
    line-height: 24px;
}

.footer-misc .info ul li a {
    display: block;
    color: #fff;
}

.footer-inner li a {
    color: #ccc;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
}

.footer-misc .social ul li a {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
}

    .footer-misc .social ul li a.fb {
        background-image: url(images/diasweb/icon-fb-0.svg);
    }

    .footer-misc .social ul li a:hover.fb {
        background-image: url(images/diasweb/icon-fb.svg);
    }

    .footer-misc .social ul li a.linkedin {
        background-image: url(images/diasweb/icon-linkedin-0.svg);
    }

    .footer-misc .social ul li a:hover.linkedin {
        background-image: url(images/diasweb/icon-linkedin.svg);
    }

    .footer-misc .social ul li a.instagram {
        background-image: url(images/diasweb/icon-instagram-0.svg);
    }

    .footer-misc .social ul li a:hover.instagram {
        background-image: url(images/diasweb/icon-instagram.svg);
    }

    .footer-misc .social ul li a.youtube {
        background-image: url(images/diasweb/icon-youtube-0.svg);
    }

    .footer-misc .social ul li a:hover.youtube {
        background-image: url(images/diasweb/icon-youtube.svg);
    }

    .footer-misc .social ul li a.line-app {
        background-image: url(images/diasweb/icon-line-0.svg);
    }

    .footer-misc .social ul li a:hover.line-app {
        background-image: url(images/diasweb/icon-line.svg);
    }

.footer_link {
    color: #fff;
    font-weight: 600;
    height: 20px;
    padding-bottom: 30px;
}

.product-series2 {
    background: white;
    color: black;
    height: 180px;
}

/**cart page related css starts*/

#bom-cart .prod-img {
    padding: 10px !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
    max-width: 160px !important;
    height: 95px;
}

#bom-cart .container p {
    margin-left: 160px !important;
    margin-top: -75px !important;
}

/*#bom-cart .dropdown {
    position: relative !important;
    display: inline-block !important;
    margin-left: -30px !important;
}*/

#bom-cart .dropdown-content {
    display: none !important;
    position: absolute !important;
    background-color: #fff !important;
    min-width: 110px !important;
    z-index: 1 !important;
}

    #bom-cart .dropdown-content a:hover {
        background-color: #00AEEF !important;
        border-top: 2px solid blue !important;
        color: #fff !important;
    }

    #bom-cart .dropdown-content a {
        margin-top: 1px !important;
        text-decoration: none !important;
        display: block !important;
        color: #000 !important;
        padding: 8px !important;
        border: 1px solid grey !important;
        background: #fff !important;
    }

#bom-cart .dropdown:hover .dropdown-content {
    display: block !important;
}

#bom-cart .active:after {
    content: "\2212" !important;
    color: #fff !important;
}

/*#bom-cart .price {
    margin-left: 300px !important;
    margin-right: 50px !important;
    padding: 3px !important;
    color: white !important;
    background-color: red !important;
}*/

#bom-cart .swal-button--cancel {
    border: 2px solid red !important;
}

.swal-button {
    background-color: #00AEEF !important;
    border-radius: 0px;
    width: 120px;
}

/*.swal-button--OK {
    
    margin-right: 152px!important;
}*/

.swal-button:hover {
    background-color: #00AEEF !important;
}

.swal-text {
    color: #000 !important;
}

.swal-button--cancel {
    background-color: #fff !important;
    color: #AF1900 !important;
    border: 1px solid #AF1900;
    margin-right: 50px;
}

    .swal-button--cancel:hover {
        background-color: #fff !important;
        color: #AF1900 !important;
        border: 1px solid #AF1900;
    }

    .swal-button--cancel:active {
        background-color: #AF1900 !important;
        color: #fff !important;
        border: 1px solid #AF1900;
    }

.swal-button--confirm {
    background-color: #AF1900 !important;
    color: #fff !important;
    border: 1px solid #AF1900;
    /*margin-right: 70px;*/
    /*margin-right:160px;*/
}

    .swal-button--confirm:hover {
        background-color: #AF1900 !important;
        color: #fff !important;
        border: 1px solid #AF1900;
    }


    .swal-button--confirm:active {
        background-color: #fff !important;
        color: #AF1900 !important;
        border: 1px solid #AF1900;
    }


#bom-cart .delete-group {
    cursor: alias !important;
}

#bom-cart .content p {
    margin-top: -55px !important;
    margin-left: 180px !important;
    margin-right: 200px !important;
}

#bom-cart b {
    font-size: 20px !important;
}

#bom-cart .cp2:after {
    content: url('../../Content/images/diasweb/spinner_down.png') !important;
    color: #000 !important;
    font-weight: bold !important;
    float: right !important;
    margin-right: 3% !important;
    margin-top: -130px !important;
}

#bom-cart .cp2.active:after {
    content: url('../../Content/images/diasweb/spinner_up.png') !important;
}

#bom-cart .modal-content {
    height: auto !important;
    min-height: unset;
}

#bom-cart .grp-add-acc {
    float: right;
    margin-top: -13px;
    margin-right: 20px;
}

#bom-cart .prodgrp-add-acc {
    float: right;
    margin-top: 38px;
    margin-right: 20px;
}

.addcart-grp {
    float: right;
    margin-right: 20px;
    margin-top: -30px;
    font-size: 14px;
}

.btn-bomgrey {
    color: #646464 !important;
    background-color: #fff !important;
    border-color: #646464 !important;
    margin-top: -100px;
}

    .btn-bomgrey:hover {
        color: #fff !important;
        background-color: #00AEEF !important;
        border-color: #00AEEF !important;
    }

#bom-cart .bom-product {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    margin-bottom: 2px;
    margin-top: 2px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    border: 0.1px solid;
    background-color: #fff;
    border-color: #eee;
}

    #bom-cart .bom-product:hover, .bom-product:hover:after {
        background-color: #fff !important;
        color: #000 !important;
        /*border-color: #eee;
    border: 0.1px solid;*/
    }

    #bom-cart .bom-product:after {
        content: url('../../Content/images/diasweb/spinner_down.png') !important;
        color: #000 !important;
        font-weight: bold !important;
        float: right !important;
        margin-right: 3% !important;
        margin-top: -90px !important;
        background-color: #fff !important;
        border-color: #eee;
    }

    #bom-cart .bom-product.active:after {
        content: url('../../Content/images/diasweb/spinner_up.png') !important;
        background-color: #fff !important;
        color: #000 !important;
    }

/*** cart page css ends **/

#myProject .modal-content {
    width: 680px;
    height: 216px !important;
    min-height: 216px !important;
}

#myProject #lblVerify {
    width: 120px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    display: block;
    text-align: center;
    padding: 5px;
    color: #00AEEF;
    margin-top: -32px !important;
    margin-left: 400px;
    border: 1px solid #00AEEF;
}

#myProject #btnSub {
    width: 120px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin-top: -53px !important;
    margin-left: 400px;
    background: #969696;
    border-color: #969696;
    outline: none;
}
#Group-dropdown {
    float: right;
    font-size: 15px;
    margin-top: 11px;
    margin-right: 10px;
}
#myProject .align-center {
    top: 25%;
}

#myProject #email {
    width: 360px;
    height: 32px;
}
/*fix issue with swal modal dialog buttons ok and cancel alignment*/
@media(max-width: 320px){
    .swal-footer {
        justify-content: flex-end;
    }
}
.swal-footer{
    text-align:center;
    display:flex;
    justify-content:center;
}
            /*tab and mobile related css*/
@media only screen and (max-width: 768px) {
    .gray-box {
        background-color: #7c7d7f;
        padding: 13px;
        margin-bottom: 10px;
        overflow: hidden;
        margin-top: 0px;
        padding-left: 18px;
    }

    .footer-misc .social ul li {
        float: left;
        margin-left: 8px;
        /*margin-top: 0px !important;*/
    }

    
    .social {
        margin-top: 0px;
    }

    .product-series2 {
        height: 100px;
    }

    

        .navbar-toggle:hover {
            background-color: none !important;
            cursor: pointer;
        }

   

    .itemDesc {
        margin-top: -80px;
        margin-left: 140px !important;
    }

    

    /***cart related mobile css starts ***/
    

    

    .collapsible-white-bg-robo {
        background-color: #fff;
         max-height: none !important; 
        border: 2px solid #eee !important;
        /*max-height: 200px !important;*/
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
    }

        .collapsible-white-bg-robo:after {
            content: '+';
            color: #000;
            font-weight: bold;
            float: right;
            margin-left: 5px;
            margin-top: 5%;
        }
    /*** cart related mobile css ends ***/

    

    /*.openBoM {
        margin-right: 230px;
    }*/

    /*.openProd {
        display: block;
        margin-right: 270px;
    }*/

    /*.download {
        margin-right: 138px;
    }

    .downloadProd {
        display: block;
        margin-right: 168px;
        margin-top: -46px;
    }

    .share {
        margin-right: 73px;
        margin-top: -46px;
    }

    .shareProd {
        display: block;
        margin-right: 94px;
        margin-top: -66px;
    }

    .delete {
        margin-right: 19px;
    }*/

    /*.deleteProd {
        display: block;
        margin-top: -44px;
        margin-right: 23px;
    }*/

    

    

    

    

    .delBtn {
        /*margin-right: -90px !important;
        margin-top: -5px;*/
        float:right;
    }

    .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
        background: #0087DC !important;
    }

    @media (min-width: 768px) {
        .col-sm-9 {
            width: 75%;
            margin-left: 9px !important;
        }
    }

    

    .delBom {
        margin-right: -100px !important;
    }

   
    .sticky {
        -webkit-box-shadow: inset 0px 7px 3px -3px rgb(0 0 0 / 55%) !important;
        -moz-box-shadow: inset 0px 7px 3px -3px rgba(0, 0, 0, 0.55) !important;
        box-shadow: inset 0px 7px 3px -3px rgb(0 0 0 / 4%) !important;
    }

    .col-lg-3 {
        width: 368px !important;
    }

    .col-lg-9 {
        width: 368px !important;
    }
    /*.Prop-category{
        width:340px;
    }
    .prod-backgrnd {
        background-color: #FFFFFF !important;
    }*/
    /*.btn-save {
        color: #FFFFFF;
        background-color: #969696!important;
        border-color: #969696 !important;
        outline: none !important;
    }*/

}



    /*tab and mobile related css*/
    @media only screen and (max-width: 768px) {
        /*Home Page*/
        .visible-mobile {
            display: block !important;
        }

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

        .navbar-inverse .row {
            margin-left: -5%;
        }

        #myNavbar {
            text-align: left;
            margin-left: 5%;
        }

        .col-md > div {
            margin-top: -2px;
        }

        .gray-box.info > ul {
            display: flex;
            column-gap: 10%;
        }

        /* .tabBox {
        box-shadow: 0px 4px 4px rgb(0 0 0 / 69%) !important;
    }*/
        /*Search Page*/

        #help-img {
            margin-top: 17px !important;
        }

        #series-prod-list.search {
            margin-left: -6%;
        }

        #series-prod-list p {
            margin-left: 25% !important;
            margin-top: -90px;
            margin-right: 10px !important;
        }

        .modal1 {
            height: 441px !important;
            width: 93% !important; /*Full width */
            margin-left: -308px;
            margin-top: 50px;
        }


        .model-add-group {
            height: 152px !important;
        }

        #btnGroup {
            width: 80px;
            height: 32px;
            margin-left: 15px !important;
        }

        .grrp {
            margin-left: -10px;
        }

        #txtGroupName {
            width: 173px !important;
            height: 32px;
            margin-left: -10px;
            outline:none;
        }

        .product-not-found {
            margin-left: 0 !important;
        }


        /*BOM Page*/
        #bom-cart > div:nth-of-type(2) {
            margin-left: -2%;
        }

        #cart-list {
            margin-left: -3%;
        }


        /* .swal-button--cancel {
        margin-right: 70px;
    }*/

        #saveModel .modal-content {
            width: 80%;
        }

        /*.okCancel {
        margin-left: 3px;
    }*/

        #bom-cart .prod-img {
            padding: 10px !important;
            margin-right: 0px !important;
            margin-left: 0px !important;
            max-width: 100px !important;
            height: 70px;
        }

        #bom-cart .content p {
            margin-top: -65px !important;
            margin-left: 80px !important;
            margin-right: 0px !important;
            margin-bottom: 25px;
            max-height: 132px;
            height: 132px;
            overflow: auto;
        }



        .addcart-grp {
            float: right;
            margin-right: 34px;
            margin-top: -41px;
        }

        #bom-cart .delete-group {
            margin-right: 25px;
        }



        .series-product {
            /* min-height: 222px;*/
            clear: both;
            min-height: 182px;
        }

        #series-prod-list p {
            max-height: 132px;
            overflow: auto;
            min-height:82px;
        }

        #bom-cart .bom-product:after {
            margin-top: 15px !important;
        }



        /* .contactUs {
        margin-left: -20px;
    }
*/
        #bom-cart .prodgrp-add-acc {
            float: none !important;
            margin-top: 7px;
            margin-right: -59px;
            margin-left: 10px;
            margin-bottom: 5px;
        }

        .bom-accessory {
            border-color: #eee !important;
            margin-top: 2px !important;
        }

        .accBtn {
            margin-top: 2px !important;
        }



        .addCart {
            margin-top: 20px !important;
            margin-right: 36px;
        }



        .prod-img {
            max-width: 122px !important;
        }



        /*.prod-addCart {
        margin-right: -41px !important;
        min-width: 191px !important;
    }*/

        .itemDesc {
            margin-left: 170px !important;
            min-height:50px;
        }


        /* .deleteAcc {
        margin-left: 11.5% !important;
    }*/

        .prod-img {
            padding: 10px;
            margin-right: 20px;
            margin-left: 5px !important;
            max-width: 100px !important;
        }

        /*.emailBtn {
        width: 79px !important;
        margin-left: 7px;
    }

    .saveBtn {
        width: 73px !important;
        margin-left: 30px;
    }

    .CreateBOM {
        width: 41px !important;
        margin-left: -13px;
        margin-top: -63px;
    }

    .clrBOM {
        width: 75px !important;
        margin-left: 21px !important;
        margin-top: -29px;
    }

    .save-clear-btn {
        margin-top: -60px;
        margin-left: 170px;
    }*/

        #cart-list .content-white-bg .series-product {
            min-height: 214px;
            margin-bottom: 3px;
        }

        .row > .delBtn.removeFromCart {
            margin-right: 0 !important;
        }




        /*My Projects page*/

        .myFiles {
            width: 100% !important;
        }

        .tab button {
            font-size: 22px !important;
        }

        /*.openShared {
        display: block;
        margin-right: 270px;
    }

    .downloadShared {
         display: block;
        margin-top: -46px;
        margin-right: 155px;
    }*/

        .greyout {
            opacity: 1.4 !important;
            /*padding-top: 57px;*/
        }

        #myProject .modal-content {
            width: calc(100% - 20px);
            min-height: 240px !important;
        }



        /*#myProject .align-center {
            left: 5%;
        }*/



        /*#myProject #lblVerify {
            margin-left: 0px;
            margin-top: 10px !important;
            width: 360px;
        }*/

        

        #divMyProjectAction .divDownload div, #divSharedWithMeAction > div > div {
            text-align: center;
        }

        .openProd, .downloadProd, .shareProd, .deleteProd, .openShared, .downloadShared {
            display: block;
            margin: auto;
        }

        /*Product List Page*/

        #Reset {
            color: #FFFFFF !important;
            background-color: #969696;
            border-color: #969696 !important;
            outline: none !important;
        }

        div#cartGroup > .modal-content.model-add-group {
            width: 60% !important;
            height: 220px !important;
        }

        .btn-info-delta {
            color: #fff;
            background-color: #969696;
            border-color: #969696;
            width: 120px;
        }

        .list-buttons {
            margin-right: 36px;
        }

        .cartButton {
            margin-top: 0px;
        }

        .removeFromCart {
            margin-right: 54px !important;
            cursor:pointer !important;
        }

        .addToCart {
            margin-right: -25px !important;
            cursor:pointer !important;
        }

        #Prod-Quant {
            margin-right: 50px;
        }
        /*Product properties Page*/

        .sticky-accessories {
            width: 100%;
            background-color: #eee;
        }

        #myNavbar.properties {
            margin-left: -2%;
        }

        /*.navbar-default {
        width: 100%;
    }*/
        .navbar-toggle.properties {
            float: left !important;
            margin-left: 7%;
        }

        .navbar-nav.properties {
            width: 100%;
            margin: 2% -11%;
        }

        div#Properties > .series-product {
            margin-left: -3%;
        }

        .prod-addCart {
            margin-right: -30px !important;
            min-width: 191px !important;
        }

        .prodRemoveBtn {
            margin-right: 60px !important;
        }

        .prodCountBtn {
            margin-right: 40px !important;
        }

        .btnCount {
            margin-right: 3px !important;
        }

        .btn-marcom {
            color: #FFFFFF !important;
            background-color: #00AEEF;
            border-color: #00AEEF !important;
            outline: none !important;
        }

            .btn-marcom:hover {
                color: #fff !important;
                background-color: #00AEEF !important;
            }

        .btn-marcom-grey {
            width: 120px;
            color: #fff !important;
            height: 32px;
            background-color: #969696 !important;
            opacity: 0.8;
        }
    }




    /*tab related css*/
    @media only screen and (max-width: 767px) and (min-width: 650px) {
        /*Home Page*/
        .table {
            width: 100% !important;
            margin-bottom: 20px;
        }

        .navMob {
            width: 100%;
            margin-left: -16%;
        }

        /*#divAjaxLoading, #divAjaxSeries {
            padding-top: 25%;
            padding-left: 45%;
        }*/

        [src='\/Content\/images\/diasweb\/spinner\.png'] {
            margin-right: -11% !important;
        }

        .footer .row {
            margin-left: -4%;
        }

        .column {
            float: left;
            width: 40%;
            margin: 15px;
            background-color: #ffffff;
            height:35vw;
        }

        #families .row, div#sub-families {
            margin-left: -5%;
        }

        .navbar-toggle {
            border: none !important;
            background-color: none !important;
            border-color: none !important;
        }

        .jumpMob {
            margin-left: 8% !important;
        }

        /*Search Page*/
        #SearchCriteria, #Families, #Series {
            margin-left: -3%;
            border: 1px solid #000000;
            width: 60%;
        }

        .inputText {
            /*margin-left: -3%;*/
            margin-top: 13px;
            /*width: 60% !important;*/
            outline-color:black !important;
        }

            .inputText#patternText {
                width: 57% !important;
            }

        .crtVal {
            margin-top: 25px;
            margin-left: -3%;
        }

        .prodFam, .prodSer, .col-md > h2 {
            /*margin-left: -3%;*/
        }

        #Group-dropdown {
            float: none !important;
            font-size: 15px;
            margin-top: 11px;
            margin-right: 10px;
            /*margin-left: -3%;*/
        }

        .col-sm-9 {
            width: 98% !important;
            margin-top: -21px;
            margin-left: 2.8% !important;
        }

        #search-img {
            margin-top: 17px !important;
            margin-left: -6% !important;
        }

        /*BOM Page*/
        .row.visible-mobile > .row {
            margin-left: -1%;
        }

        /*.emailBtn{
        margin-left:10%;
    }*/
        #bom-cart .dropdown {
            margin-left: 0 !important;
        }

        #txtBomName {
            width: 65% !important;
        }

        #btnSaveBom {
            width: 25% !important;
        }

        /* .swal-button--OK {
        margin-left: -114px;
    }
*/
        .swal-button-container {
            margin-right: 0;
            width: 50%;
        }

        #emailModal .modal-content {
            width: 85%;
            height: 87% !important;
        }

        #bom-cart .grp-add-acc {
            float: right;
            margin-top: -30px;
            margin-right: 40px;
        }

        .btn-bomgrey {
            margin-top: -7px;
            padding: 3px 12px;
            margin-right: -37px;
            width: 231px;
            height: 35px;
            color: #00AEEF !important;
            border-color: #00AEEF !important;
        }

        .cartBtn {
            float: right;
            margin-top: -15px;
            margin-right: 32px;
        }


        /*My Projects page*/
        #sharedTab.active {
            width: 49% !important;
            white-space: unset;
            text-overflow: unset;
            overflow: unset;
        }

        #defaultOpen.active {
            width: 50% !important;
            white-space: unset;
            text-overflow: unset;
            overflow: unset;
        }

        #sharedTab {
            width: 49%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        #defaultOpen {
            width: 50%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .swal-footer .swal-button-container {
            width: auto;
        }

        #Group-dropdown.properties {
            margin-left: 0 !important;
        }

            #Group-dropdown.properties.list {
                float: right !important;
            }

        .col-xs-3.project {
            width: 20%;
            margin: 0 -2%;
        }

        .col-xs-4.shared {
            width: 30.3%;
            margin: 0 -2%;
        }

        /*#myProject .align-center {
            text-align: center;
            width: 97vw;
            left: 0% !important;
        }*/

        /*#myProject #email{
            width:50vw;

        }*/
        /*.shareFile img {
            margin-right: 22% !important;
            position:relative;
        }

        #shareFile{
            width:50vw !important;
            position:relative;
            left:13%;

        }

        #myProject #lblVerify{
            width:50vw;
            position:relative;
            left:24.4%;
        }*/

       /* #myProject #btnSub {
            margin-left:72%;
        }*/


        /*Product List Page*/




        /*Product Properties Page*/
        select.AccType, select#Accessories {
            width: 50% !important;
        }
    }




    /*mobile related css*/
    @media only screen and (max-width:650px) {
        /*Home Page*/
        .navMob {
            width: 100%;
            margin-left: -16%;
        }


        .column {
            float: left;
            width: 39%;
            margin: 15px;
            background-color: #ffffff;
            height:45vw;
        }


        /*#divAjaxLoading, #divAjaxSeries {
            padding-top: 30% !important;
            padding-left: 35% !important;
        }*/

        #families .row, div#sub-families {
            margin-left: -5%;
        }

        .navbar-toggle {
            border: none !important;
            background-color: none !important;
            border-color: none !important;
        }

        [src='\/Content\/images\/diasweb\/spinner\.png'] {
            margin-right: -11% !important;
        }

        .footer .row {
            margin-left: -4%;
        }

        .jumpMob {
            margin-left: 9% !important;
        }



        /*Search Page*/
        #SearchCriteria, #Families, #Series {
            /*margin-left: -1%;*/
            border: 1px solid #000000;
            width: 100%;
        }

        .inputText {
            /* margin-left: -1%;*/
            margin-top: 13px;
            width: 100% !important;
            outline-color: black !important;
        }

            .inputText#patternText {
                width: 94% !important;
            }

        .crtVal {
            margin-top: 25px;
            /*margin-left: -1%;*/
        }

        .prodFam, .prodSer, .col-md > h2 {
            /*margin-left: -1%;*/
        }

        #Group-dropdown {
            float: none !important;
            font-size: 15px;
            margin-top: 11px;
            margin-right: 10px;
        }

        .col-sm-9 {
            width: 96% !important;
            margin-top: -21px;
            margin-left: 5% !important;
        }

        #search-img {
            margin-top: 17px !important;
            margin-left: -10% !important;
        }

        #Patternsearch, #Normalsearch {
            margin-top: 10px;
        }

        /*BOM Page*/
        .row.visible-mobile > .row {
            margin-left: 1%;
        }

        #bom-cart .dropdown {
            margin-left: 0 !important;
        }

        #bom-cart .visible-mobile h2 {
            margin-left: 2%;
        }

        #txtBomName {
            width: 100% !important;
        }

        #btnSaveBom {
            width: 100% !important;
            margin-top: 10px;
        }

        /*.swal-button-container {
            margin-right: 0;
            width: 70%;
        }*/

        .col-xs-2 {
            width: 25%;
        }

        #emailModal .modal-content {
            width: 85%;
            margin-top: -4%;
        }

        .swal-footer .swal-button-container:nth-of-type(1) {
            width: 45%;
            float: left;
        }

        .swal-button.swal-button--confirm {
            margin: auto;
        }


        .swal-button--OK {
            margin-right: 0 !important;
        }

        .swal-second .swal-button-container {
            display: flex;
            justify-content: center;
            float: none !important;
            width: auto !important;
        }

        #bom-cart .grp-add-acc {
            float: none;
            margin-top: -30px;
            margin-right: 40px;
            width: 100%;
        }

        .btn-bomgrey {
            margin-top: -7px;
            padding: 3px 12px;
            margin-right: -37px;
            width: 231px;
            height: 35px;
            color: #00AEEF !important;
            border-color: #00AEEF !important;
            width: 100%;
        }

        .cartBtn {
            /*float: none;*/
            margin-top: -15px;
            margin-right: 32px;
            /*width:100%;*/
        }

        /*.cartBtn > .removeFromCart{
            margin-right:35% !important;
        }

        .cartBtn > #Prod-Quant{
            margin-right:35% !important;
        }*/

        .prodgrp-add-acc > button[name='addAccessories'] {
            width: 65%;
            margin-top: -10%;
        }


        /*My Projects page*/
        #sharedTab.active {
            width: 59% !important;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-right: -10%;
        }

        #defaultOpen.active {
            width: 59% !important;
            white-space: unset;
            text-overflow: unset;
            overflow: unset;
            margin-left: -10%;
        }

        #sharedTab {
            width: 59%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-right: -10%;
        }

        #defaultOpen {
            width: 59%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-left: -10%;
        }

        #myProject #email {
            width: 60vw;
            height: 32px;
        }

        #myProject #btnSub {
            margin-left: 0px;
            width: 60vw;
            margin-top: 10px !important;
        }

        #myProject .align-center {
            text-align: center;
            width: 96vw;
            left: 0% !important;
        }

        #shareFile{
            width:60vw !important;
            position:relative;
            left:3px;
        }

        #myProject #lblVerify {
            margin-left: 0px;
            margin-top: 10px !important;
            width: 60vw;
            position:relative;
            left:19%;
        }

        .shareFile  img{
            margin-right:-6% !important;
        }

        .shareFile > span{
            position:relative;
            left:-22%;
        }


        /*Product List Page*/
        .col-xs-4.product, .col-xs-8.product {
            width: 100%;
        }

        #txtGroupName {
            width: 100% !important;
            outline: none;
        }

        #btnGroup {
            width: 100%;
            margin-top: 6px;
            margin-left: -6% !important;
        }

        .prod-img {
            max-width: 20vw !important;
        }

        /*button .visible-mobile>div{
            width:50% !important;
        }

         button .visible-mobile>div:nth-of-type(2){
             display:inline-block;
         }

        .visible-mobile > img {
            height: 40px !important;
        }*/

        .no-prod{
            margin-top:15px !important;;
        }

                        /*Product Properties Page*/
        .bigfont {
            font-size: 14px !important;
        }

        #prod-prop-count {
            margin-right: 4%;
        }

        .addToCart.properties {
            margin-right: 0 !important;
        }

        .prod-addCart {
            float: none !important;
            margin-top: 20px;
        }

        .btn-marcom {
            float: right !important;
            margin-left: 1.5% !important;
        }

        select.AccType, select#Accessories {
            width: 80% !important;
        }

        #Group-dropdown > span:nth-child(2) {
            display: none;
        }

        #Group-dropdown > [unselectable] {
            width: 100% !important;
        }

        .prod-addCart.properties span, .prod-addCart.properties img:nth-child(4) {
            margin-right: 5%;
        }
    }


    /*laptop related css*/


    @media (min-width: 768px) {
        /*BOM Page*/
        .container {
            width: 100%;
            margin-left: -1%;
        }
        /*My Projects page*/

        

    }




    @media (min-width:768px) and (max-width:991px) {
        /*My Projects Page*/
        .col-sm-4.project {
            width: 52.33%;
        }

        #divMyProjectAction .divDownload div, #divSharedWithMeAction > div > div {
            text-align: center;
        }

        .openProd, .downloadProd, .shareProd, .deleteProd, .openShared, .downloadShared {
            display: block;
            margin: auto;
        }

        .col-sm-2.project {
            width: 11.67%;
        }

        .col-sm-8.shared {
            width: 71.6%;
        }

        .col-sm-2.shared {
            width: 17.67%;
            margin: 0 -2%;
        }
    }

    @media (min-width: 991px) {
        /*My Projects Page*/
        .col-md-4.project {
            width: 51.33%;
        }

        .col-md-2.project {
            width: 21%;
            margin: 0 -5%;
        }

        .col-md-8.shared {
            width: 70.6%;
        }

        .col-md-2.shared {
            width: 20.67%;
            margin: 0 -4%;
        }
    }


    @media (min-width:1200px) {

        div:nth-of-type(1) > div:nth-of-type(1) > .itemImg > .family > .family-image {
            height: 13.1vw;
        }


        /*BOM Page*/
        .col-lg-4.bom {
            width: 40vw;
        }

        .col-lg-2.bom {
            width: 14vw;
            margin: 0 -2%;
        }
        /*My Projects Page*/
        .col-lg-4.project {
            width: 59.33%;
        }

        .col-lg-2.project {
            width: 17%;
            margin: 0 -4%;
        }

        .col-lg-8.shared {
            width: 76.6%;
        }

        .col-lg-2.shared {
            width: 14.67%;
            margin: 0 -2%;
        }
    }

    @media (max-width:1200px) {
        .col-sm-8.bom {
            width: 46vw;
        }

        .col-sm-1.bom {
            width: 9vw;
        }

        .dropdown > ul#main-menu .has-submenu > img, div:nth-of-type(5) > .CreateBOM > img, div:nth-of-type(6) > .clrBOM > img {
            display: block;
            margin: auto;
        }
    }

    /*compare page*/

    @media (max-width:650px) {
        .visible-mobile-compare {
            display: block !important;
            width: 100%;
        }

        .visible-desktop-compare {
            display: none !important;
        }
    }

    @media (max-width:768px) {
        #Group-dropdown.compare {
            float: right !important;
        }

        .addToCart.compare {
            margin-right: 0 !important;
        }

        .removeFromCart.compare {
            margin-right: 0 !important;
        }
    }


            /*specific cases*/ 

@media (min-width:768px) and (max-width:1200px) {
        .column{
            width:20%;
            height:20vw;
        }

  /*footer alignment*/

    .gray-box.info > ul > li:nth-of-type(1){
        margin-top:-5px;
    }
    .gray-box.info > ul > li:nth-of-type(2) {
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
}