/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .dataTables_lenght, .dataTables_filter {
   margin-bottom:10px!important;
}

 .dt-table tbody td{
     font-size:12px!important;
     white-space: nowrap;
     padding-top:5px!important;
     padding-bottom:5px!important;
 }

 .dt-table th{
     font-size:16px!important;
     padding-top:5px!important;
     padding-bottom:5px!important;
 }

 .dt-table .text-right {
     text-align:right;
 }

 .dt-table .text-left {
    text-align:left;
}

.dt-table tfoot {
    color:block;
    font-size:13px;
    font-weight:bold;
}

.dt-table tbody td {
    vertical-align: middle;
}

#table_processing{
    background:rgba(242,242,242,0.85);
    border:2px solid rgba(0, 0, 0, 0.75);
    color:black;
    border-radius: 2px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.30);
    z-index:9999;
}

div.dataTables_wrapper div.dataTables_processing {
    width:90%;
    left:55%;
    height:70px!important;
}

#filter_dates{
    float:right;
    margin-bottom:5px;
}

#filter_dates input, #table_filter input{
    padding:5px;
    margin-left:5px;
    border-color:#1E70B3;
    border-style: solid;
    border-radius:5px;
    border-width: 2px;
}

#table_length select{
    padding:5px;
    border-color:#1E70B3;
    border-width: 2px;
    border-radius:5px;
}

.btn-back{
    color:white;
}

.d-none{
    display:none!important;
}


/*
FT PAGE DOC
prefix : .docrender
*/

.docrender .headerblock{
    background:rgb(205, 202, 202);
}

.docrender .header_doc_title{
    font-weight:bold;
}

.docrender .header_doc_title_mini{
    font-weight:bold;
    font-size:11px;
    white-space: nowrap;
}

.docrender .totaldoc{
    background:rgb(234, 229, 229);
    padding:4px;
    padding-right:10px;
}

.docrender .body_data{
    color:darkslategrey;
    font-size:12px;
    white-space: normal;
}


.docrender .border-black{
    border-color:black!important;
}

/* :: Variations */

/* hide select */
.select_custom_atts  {
	display:none;
 }

/* adds style to divs */
/* by default all divs are hidden */
div.custom_option {
    display: none;
    border: 2px solid #ccc;
    margin-right: 5px;
    padding: 2px 5px;
    cursor: pointer;
}

/* show only divs with class "is-visible" */
div.custom_option.is-visible {
    display:inline-block;
	margin-left:4px;
}

/* adds the style to the selected div */
div.custom_option.on {
    background-color: #777;
    color: white;
}

.phc-select-color-var {
	width:30px!important;
	height:30px!important;
	border-radius:50%!important;
}

div .phc-select-color-var.on  {
	border-color: black!important;
}
a.reset_variations {display: none !important;}

table.variations {
	margin-bottom:10px;
}
/* :: Variations */

.ftp-discount-badge{
    display: inline-block;
    background-color: #ff0000;
    color: #ffffff;
    padding: 2px 3px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 5px;

}


/* breakpoints */