.p-attr{
    padding-top: 10px;
}

.p-desc{
    /* white-space: pre-wrap; */
}
/*Colour selection*/

.colorChart{
    min-height: 58px;
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 2px rgba(35,31,32,.2);
}

.colorChart .colorChoice:not(:first-child){
    margin-left: 10px;
}

.colorChoice{
    cursor: pointer;
    height: 30px;
    width: 30px;
    border: 2px solid #000;
    border-radius: 99px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.colorInner{
    background-color: red;
    height: 30px;
    width: 30px;
    border-radius: 99px;
}

.selected.colorChoice{
    border-color: green;
}

.selected.colorChoice .colorInner{
    background-color: red;
    height: 20px;
    width: 20px;
    border-radius: 99px;
}

/*Size selection*/

.sizeChart{
    min-height: 58px;
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 2px rgba(35,31,32,.2);
}

.sizeChoice{
    box-shadow: 0 1px 2px rgba(35,31,32,.2);
    width: 40px;
    padding: 5px;
    border-radius: 2px;
    text-align: center;
    background-color: #f6f6f6
}

.sizeChoice:not(:last-child){
    margin-right: 10px;
    cursor: pointer;
}

.sizeChoice.selected{
    background-color: #0b2c4b;
    color: #fff;
}


/*Personalisation*/

.personalisation-locations p{
    display: none!important;
}
.addonEnd{
    display: flex;
    flex-wrap: wrap;
}

.loc{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: white;
    height: 100px;
    width: 100px;
    margin-bottom: 10px;
    border-color: #fff;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

.loc:not(:last-child){
    margin-right: 10px;
}

.loc.selected{
    border-color: #002C50!important;
}

.loc .price{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 11px;
    padding: 1px;
}

.loc .location{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
    padding: 1px;
    background-color: #ffffff9e;
}


.addPer{
    margin-top: 25px;
}

.remPer{
    background-color: #F10028;
}

.remPer:hover{
    background-color: #f10028cc!important;
}


.wwc-addon-block input{
     font-size: 16px;  
}
 
.wwc-addon-block select{
    font-size: 16px;  
}
label.wc-pao-addon-name {
    font-weight: 500!important;
    margin-bottom: 10px!important;
}
.buttonsWrap{
    /*text-align: center;*/
}
.buttonsWrap input, .buttonsWrap button{
    width: 250px;
}


@media (max-width: 940px){
    /*.buttonsWrap input, .buttonsWrap button{*/
    /*    display: block;*/
    /*    margin: auto;*/
    /*    margin-top: 5px;*/
    /*}*/
    table.variations{
        margin: auto;
    }
}



/*@media (min-width: 940px){*/
/*    .buttonsWrap input:not(:last-child), .buttonsWrap button:not(:last-child){*/
/*    margin-right: 5px;*/
/*    }*/
/*}*/


input.wc-pao-addon-file-upload{
    display: block!important;
}

.buttonsWrap{
    display: block!important;
    width: 100%!important;
}

    .text-preview{
        background: #fff;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        font-weight: 500;
        width: 100%;
        text-shadow: 0px 0px 1px #333;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    }
    
    .fl{
        font-weight: 500;
    }
    
    .cl{
        display: flex;
        align-items: center;
    }
    
    .cs{
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-right: 10px;
        border-radius: 60px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    }
    
    .text-font, .text-colour, .personalisation-method, .personalisation-style, .approval, .do-we-have-your-logo{
        display: inline-block;
        width: 50%;
        white-space: normal;
        vertical-align: top;
    }
    
    div.input-text, #product-addons-total, .woocommerce-variation-add-to-cart{
        width: 100%;
    }
    
    .comments{
      white-space: normal;  
    }
    
    .select2.select2-container{
        width: 100%!important;
    }
    
    .single_variation_wrap{
    display: flex;
    flex-wrap: wrap;
    }
    
    

    .personalisation-locations, .comments, .existing-logo-reference{
        width: 100%;
    }
    
    #wholesale_form{
        display: flex;
        position: relative;
        flex-wrap: wrap;
        
    }
    
    #matrix_form{
        padding: 0 10px;
    }
    
    .single_add_to_cart_button{
        font-size: 11px!important;
        width: 250px!important;
        padding: 12px 20px!important;
    }
    
    h4{
        display: none!important;
    }
    
    .personalisation-header{
        width: 100%;
        padding: 15px 0;
        border-top: 1px solid #e2e2e2;
        font-weight: 500;
        color: #e2e2e2;
        font-size: 24px;
    }
    
    .personalisation-header:not(:first-child){
        margin-top: 25px;
    }
    
    .text-font p{
        margin-left: 5px;
    }
    
    .text-colour p{
        margin-right: 5px;
    }
    
    input, select, .select2-selection--single{
        border-radius: 0!important;
    }

a.reset_variations, .single_variation .woocommerce-variation-price{
    display: none!important;
}
.matrix-add-to-cart-wrap{
    margin-top: 20px;
}

.m-header{
    font-size: 18px;
    color: #002C50;
    font-weight: 500;
    padding: 5px 0;
}
.m-grid{
    display: flex;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    justify-content: center;
    flex-wrap: wrap;
}
.m-grid .m-item{
    min-width: 100px;
    text-align: center;
}
.m-grid .m-item .m-count{
    font-size: 14px;
    font-weight: 400;
    color: #002C50;
}

.m-grid .m-item .m-price{
    font-size: 18px;
    font-weight: 600;
    color: #F10028;
}

.m-grid .m-item .m-discount{
    font-size: 12px;
    font-weight: 400;
    color: #07a446;
}
.reset_variations{
	color: #F10028!important;
}       
.csb-1068{
	background-color: #FFFF00;
}
.csb-1225{
	background-color: #FFD700;
}
.csb-1134{
	background-color: #4169e1;
}
.csb-1043{
	background-color: #000080;
}
.csb-1001{
	background-color: #FFFFFF;
}
.csb-1000{
	background-color: #000000;
}
.csb-1047{
	background-color: #FF0000;
}
.csb-1051{
	background-color: #009A44;
}
.csb-1103{
	background-color: #006a4e ;
}
.csb-1108{
	background-color: #FFC0CB;
}
.csb-1035{
	background-color: #800000;
}

.text-preview[data-color="1068"]{
	color: #FFFF00;
}
.text-preview[data-color="1225"]{
	color: #FFD700;
}
.text-preview[data-color="1134"]{
	color: #4169e1;
}
.text-preview[data-color="1043"]{
	color: #000080;
}
.text-preview[data-color="1001"]{
	color: #FFFFFF;
}
.text-preview[data-color="1000"]{
	color: #000000;
}
.text-preview[data-color="1047"]{
	color: #FF0000;
}
.text-preview[data-color="1051"]{
	color: #009A44;
}
.text-preview[data-color="1103"]{
	color: #006a4e ;
}
.text-preview[data-color="1108"]{
	color: #FFC0CB;
}
.text-preview[data-color="1035"]{
	color: #800000;
}











dl.variation{
	/* display: flex; */
}

dl.variation dd{
    /* display: inline-block; */
    margin: 0;
}
dl.variation dd p{
    margin-bottom: 5px;
    padding-left: 10px;
    font-weight: 400;
}
dt{
    /* display: inline-block; */
    margin: 0;
}