/**********Auto clave Accor********/

.accordion-container {

    position: relative;

    max-width: 500px;

    height: auto;

    margin-top: 53px;

    width: 90%;

    padding: 0;

    background-color: #f7f7f70d;

    box-shadow: inset 0 -3em 3em rgba(98, 98, 98, 0.09), 0 0 0 2px rgba(238, 238, 238, 0.11), 0.3em 0.3em 1em rgba(255, 255, 255, 0.11);

  }

.product_header{

    margin-top: 22px;

    font-weight: 600;

    font-size: 30px;

    color: #21598e;

    font-weight: 700;

}

.product_sel{

    display: flex;

}

.pc-header{

    margin-top: -35px;

}

.products_details{

    border-bottom: 1px solid #ccc;

    margin-top: 2%;

    display: flex;

}

.product_hh{

    display: flex;

}

list-ppchead{

    margin: auto;

    margin-top: 25px;

    border: 1px solid red;

}

.headingg{

    font-weight: 600;

    text-align: center;

    color: #21598e;

    margin-top: 8px;

    padding: 10px 0px 0px 0px;

    margin-bottom: 0px;

    list-style: none;

    border-bottom: 1px solid #ccc;

    font-size: 24px;

    margin-bottom: 8px;

}



.set > a{

    display: block;

    padding: 10px;

    text-decoration: none;

    color: #555;

    font-weight: 600;

    font-size: 15px;

    border: 1px solid #f2f2f2;

    border-bottom: none;

    

}

.category_products{

    width: 95%;

    border-radius: 3px;

    text-align: center;

    background-color: #fff;

    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.09), 0 0 0 2px rgba(238, 238, 238, 0.11), 0.3em 0.3em 1em rgba(255, 255, 255, 0.11);

    padding: 14px;

    margin: auto;

    margin-top: 20px;

  }



.set > a i{

    float: right;

    margin-top: 4px;

    margin-right: 4px;

}

.set > a.active{

    background-color: #21598e;

    color: #fff;

}





.accordion-item{

    width:100%;

    border: 0.5px solid #ccc;  

}

.accordion-flush .accordion-item .accordion-button {

    border-top: 0.5px solid #ccc;

    border-left: 0.5px solid #ccc;

    border-right: 0.5px solid #ccc; 

    font-size: 13px;

    padding: 10px;

}

.accordion-body{  

    border-left: 0.5px solid #ccc;

    border-right: 0.5px solid #ccc;

    padding: 5px;    

}

.accordion_head{

    border:1px solid #ccc;

}

.head_categori{

    margin-left: 15px;  

}

.accordion-button::after {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");

    transform: scale(.7) !important;

}

.accordion-button:not(.collapsed)::after {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");

}

.categories_lists{

    list-style-type: none;   

    padding: 5px;

    margin-top: 7px;

    font-size: 14px;

    margin-left: -14%;

    font-weight: 600;

}

.list{

    display: none;

    font-size: 15px;

    }        

.list-bottom{

    list-style: none;

    text-align: center; 

    font-size: 13px;

    display: none; 

}

.list_pbcc > a{

    text-decoration: none;

color: #555;

}

.list_pbcc{

    list-style: none;

    padding: 4px 1px 4px 20px;

font-size: 15px;

margin-bottom: 4px;

text-decoration: none;

border-bottom: 1px solid #ccc;

}

.rop_img {

    width: 59%;

    margin-top: 10px;

    margin-left: 10px;

    padding: 14px;

}

.item-image{

    padding: 21px;

    margin-top: 30px;

     margin-left: 12%;

}

/********************************product-items********************/

.products_items{

    margin-top: 15px;

    margin-bottom: 10px;

}

.product_select{

    margin-top: 8%;

    float: right;

}

.Select_products{

    background-color: #FFF;

    border: 1px solid #ccc;

    border-radius: 5px;

    font-size: 14px;

    padding: 5px;

    font-weight: 600;

    color: #21598e;

}

.Select_products:hover {

     color: #111;

}

.product_image{

    padding: 6px;

    margin-bottom: 15px !important;

    margin-left: 30px !important;

    margin:auto;

}

.headerr{

    padding: 5px 5px;

    margin-bottom: 15px;

    text-align: left;

    font-weight: 600;

    font-size: 25px;

    color: #555;

    margin-top: 43px;

    border-bottom: 1px solid #f2f2f2;

}



.Categories_lists {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    padding: bottom 10px; ;

}

.Category_links{

    text-decoration: none;

    font-size: 14px;

    padding: 10px;

    color: #111;

    line-height: 4;

    margin: 2px 10px 10px 10px;

    border: 2px solid #f2c02d;

    box-shadow: 0px 0px 1px #f2c02d;      

    box-shadow: inset 0 -3em 3em rgba(145, 133, 133, 0.09), 0 0 0 2px rgba(238, 238, 238, 0.11), 0.3em 0.3em 1em rgba(255, 255, 255, 0.11);

}

.Category_links:hover{

    background-color: #21598e;

    color:#fff;

    border: 2px solid #21598e;     

}

.compare-product tr td {

    color: rgb(63, 62, 62);

    font-size: 15px;

    padding: 8px;

    border: 1px solid #ccc;

    border-collapse: collapse;

    margin-top:15px;

    width: 10%;

    text-align: center;

    vertical-align: middle;

}

.table{

    width: 100% !important;

    margin-bottom: 0;

}

.cate_td{

    border-right: none !important;

}

 .times tr td{

    color: rgb(63, 62, 62);

    font-size: 14px;

    padding: 5px;

    border: 1px solid #f2f2f2;

    border-collapse: collapse;

    border-left: none;

    text-align: left;

}

.Categories_a{

    text-decoration: none;

    text-align: center;

    color: #21598e;

    font-weight: 600;

}

.Categories_a:hover{

    color: #21598e;

}

.Category-sub{

    width: 100%;

    margin-left: 11px;

    text-align: center;

    color: #555;

    margin-top: 18px;

    font-size: 14px;

    font-weight: 600;

    border: 1px solid #f2c02d;

    padding: 8px;

    margin-bottom: 0px;

    background-color: #f2c02d;

  }



.Category-cart{

    width: 20%;

    border: 1px solid #ccc;

    margin-left: 10px;

    padding: 5px;

}

.Category-pdf{

    width: 20%;

    border: 1px solid #ccc;

    margin-left: 10px;

    padding: 5px;

    text-align: center;

    width: 10%;

}

.search-pro{

    display: flex;

}

.product_view{

    color:#fff !important;

    font-size:15px;

    font-weight: 700;

 

}

.fa-file-pdf{

    color:#21598e !important;

    font-size:20px;

    font-weight: 700;

}

.fa-plus{

    font-size:18px;

    color: #f2c02d;

}

.sub_cc{

    display: inline-block;

}

.subcon{

    display: inline-block;

    vertical-align: text-top;

}



/**===============================-Compare-=================================-**/

.com_pp{

    float: right;

    margin-top: 4px;

    margin-left: 11px;

    padding: 0;

}

hr{

    width: 44%;

}

.compare_bttn {

    background-color: #ffff;

    width: 0px;

    color: #21598e;

    float: right;

    margin-top: -5px;

    margin-right: 15px;

    padding: 0;

}

.action--compare-add {

  color: #0076bc ;

}

.action--compare-add:hover .action__text--invisible,

.action--download:hover .action__text--invisible {

    color: #ddd;

    font-size: 18px;

    letter-spacing: 0;

    background: #2F3035;

    border-radius: 2px;

    padding: 3px 5px;

}

.action--compare-add:hover {

    color: #0076bc ;

}

.action--compare-add .fa-check,

.action--compare-add input[type=checkbox]:checked~.fa-plus {

display: none;

}

.action--compare-add input[type=checkbox]:checked~.fa-check {

    display: inherit;

    color: #006c7a;

}

.check-hidden {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}

.action {

    display: inline-block;

    font-size: 16px;

    white-space: nowrap;

    cursor: pointer;

    border: none;

    background: transparent;

    text-align: center;

    font-size: 14px;

    font-weight: 600;

    color: #111;

    padding: 0;

    width: 120px;

    margin-left: 13px;

    margin: auto;

      margin-top: auto;

      margin-left: auto;

    margin-top: 23px;

    margin-left: 25px;

}

.action:focus {

    outline: none;

}

.action__text {

    font-weight: 700;

    letter-spacing: 1px;

    font-size: .813em;

    vertical-align: middle;

    display: inline-block;

}

.action__text--invisible {

    position: absolute;

    top: 100%;

    opacity: 0;

    pointer-events: none;

}

.compare-section {

    position: fixed;

    top: 60px;

    right: 20px;

}

.btn-compare, .btn-compare:hover {

    background-color: #21598e;

    color: #ffffff;

    margin-top:130%;

}

.right_border {

  border-right: #ffff 1px solid;

}

.pbc_atag, .pbc_atag:hover {

    text-decoration: none;

    color: #ffff;

}

.pbc_view_btns {

    margin: 10px 0px;

    text-align: center;

}

.col-6 {

    flex: 0 0 auto;

    width: 50%;

}

.pbc_btns {

    background-color: #0076bc;

    color: #ffff;

}



/***********************product category*******************/

#myDIV {

    height: 104px;

    width: 96%;

    overflow: auto;

  }

  #content {

    height: 100px;

    width: 100%;

}

.product-image {

    width: 100%

}

.pc_header{

    font-size: 22px;

    margin-bottom: 20px;

    

}

.btn-group-sm > .btn, .btn-sm {

    padding: 5px;

    font-size: 16px;

    width: 150px;

    margin-left: 15px;

}

.probycat_ulbox {

    margin-top: 10px;

    margin-bottom: 10px;

    margin-left: 6px;

    margin-right: 6px;

  }

.pc_right{

    width: 150px;

    border: 1px solid #ccc;

}

@media only screen and (min-width: 280px) and (max-width:480px)

{

    .accordion-container{

        display: none;  

    }

    .category_products{

        margin-left: 10px;

    }

    .Category-sub {

        width: 137%;

        padding: 7px;

        font-size: 15px;

    }



    .Category_links {

        font-size: 13px;

        border: 1px solid #3660ab;

        padding: 6px;

    }

    .times tr td{

        font-size: 14px;

    }

    .headerr{

        font-size: 21px;

    }

    .action{

        width: 230px;

    }

    .btn-compare, .btn-compare:hover{

        padding: 5px;

        font-size: 14px;

    }

}

@media only screen and (min-width: 480px) and (max-width:576px)

{

    

    .accordion-container{

        display: none;  

    }



    .Category-sub {

        width: 137%;

        padding: 7px;

        font-size: 15px;

    }



    .action{

        margin-right: -38px;

        width: 300px;

    }

    .Category_links {

        font-size: 14px;

        border: 1px solid #3660ab;

        padding: 6px;

    }

    .times tr td{

        font-size: 14px;

    }

    .headerr{

        font-size: 23px;

    }

    .btn-compare, .btn-compare:hover{

        padding: 5px;

        font-size: 14px;

    }

	

}

@media only screen and (min-width: 576px) and (max-width:768px)

{

    .accordion-container{

        display: none;  

    }



    .Category-sub {

        width: 137%;

        padding: 7px;

        font-size: 15px;

    }



    .action{

        margin-left: 0;

        width: 125px;

    }

   

    .Category_links {

        font-size: 14px;

        border: 1px solid #3660ab;

        padding: 6px;

    }

    .times tr td{

        font-size: 14px;

    }

    .headerr{

        font-size: 25px;

    }

    .btn-compare, .btn-compare:hover{

        padding: 5px;

        font-size: 14px;

    }

}

@media only screen and (min-width: 280px) and (max-width:991px){

    .headingg{

        display: none;

    }

    .list_pbcc{

        display: none;

    }

}

@media only screen and (min-width: 768px) and (max-width:991px)

{

   

    .accordion-container{

        display: none;  

    }



    .Category-sub {

        width: 112px;

        padding: 7px;

        font-size: 14px;

    }



    .action {

        margin-left: 0px;

        width: 80px;

    }

    .Category_links {

        font-size: 14px;

        border: 1px solid #3660ab;

        padding: 6px;

    }

    .times tr td{

        font-size: 14px;

    }

    .headerr{

        font-size: 25px;

    }

	

}

@media only screen and (min-width: 992px) and (max-width:1200px)

{

    

    .accordion-container{

        display: block;

        width: 94%;  

    }



    .Category-sub {

        width: 137%;

        padding: 7px;

        font-size: 15px;

    }



    .action{

        margin-left: 0px;

        width: 80px;

    }

	.Categories_a{

        font-size: 14px;

    }

}

@media only screen and (min-width: 1200px) and (max-width:1400px)

{



    .accordion-container {

        width: 98%;

        margin-left:0px;

    }

    .table {

        width: 90% !important;

        margin-left: 8%;

    }

    .com_pp {

        float: right;

    }

    .Category-sub{

        width: 120px;

    }

    .action{

        width: 100px;

        margin-left: 0;

    }

}

@media only screen and (min-width: 991px) and (max-width:1200px){

    .Category_links {

      

        padding: 8px;

    }

    .Category-sub{

        width: 114px;

    }

    .action{

        margin-left: 0;

    }

    .list-ppchead{

        display: none;

    }

    .loc{

        width: 100%;

    }

}

@media only screen and (min-width: 1300px) and (max-width:1400px){

    .Category-sub{

        width: 110px;

    }

    .action{

        width: 65px;

    }

    .Category_links{

        padding: 8px;

    }

}