.modal-body p {
    color: #5A5A5F;
    font-size: 16px;
        padding: 20px 20px 0 20px;
}

.modal-content .__btn-red {
margin: 20px 0 20px 20px;
}


.modal-title {
    margin-bottom: 0 !important;
    line-height: 1.5!important;
    text-align: left !important;
    color: #5A5A5F !important;
    line-height: 25px !important;
    padding: 20px !important; 
}

table {
width:auto !important;
}

#header {
	font-size: 12px;
}

.banner__pricing p {
    font-size: 16px;
}

#pricingTable {
	border-collapse:collapse;
}

#pricingTable td {
	/*max-width: 200px;*/
	min-width: 75px;
	font-size: 13px;
	/* padding: 10px 10px;*/
}



/*.table-condensed th, .table-condensed td {
   
}*/

#footer {
	font-size: 15px;
        background-color:#f7f7f7;
        padding: 5px 10px;
        color: #5a5a5f;
        font-style: italic;
        line-height: 24px;
}

#footer em{
  /* Specified in % so that the sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup properly, relative to the surrounding text */
  position: relative;

  vertical-align: baseline;

  /* Move the superscripted text up */
  top: -0.5em;
}

td.hiddenCell {
    visibility: collapse;
	border-width: 0px;
    margin: 0px;
    padding: 0px;
	border-top:1px solid #FFF;
}


td.PricesGroup {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    /*color:#DC002E;*/
    color: #4195b9 !important; !important;
    background-color: #eee !important;
}

td.PricesCategory {
    font-weight: bold;
    font-size: 12px;
    border-color: #ddd;
    text-align: left;
    color:#5a5a5f !important;/*005FB4*/
}

td.PricesColumn {
    font-weight: bold;
    text-align: left;
    color:#5a5a5f !important;
}

td.PricesQuantity {
    font-weight: bold;
    text-align: right;
    color:#5a5a5f !important;
}

td.TariffsGroup {
    font-weight: bold;
    font-size: 13px;
       text-align: right;
       color:#5a5a5f !important;
}

td.TariffsCategory {
    font-weight: bold;
       text-align: right;
}

td.TariffsLine {
    font-weight: bold;
       text-align: right;
       color:#5a5a5f !important;
}

td.Price {
    text-align: right;
    color:#4195b9 !important;
  font-weight: 500;
}

/*  #pricingTable td {
        margin: 5px;
        padding: 5px;
        border-style: solid;
        border-width: thin;
        border-color: grey;
    }*/

td.DiscountOptionColumn {
    font-weight: bold;
}

td.DiscountOptionUnit {
    font-weight: bold;
	text-align: right;
}

td.RowHeader {
    font-weight: bold;
}

tr.EndPriceGroup {
}


tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
  background-color: white !important;
}

tbody>tr:nth-child(even)>td, .table-striped tbody>tr:nth-child(even)>th {
  background-color: #eee !important;
}
#dataTable{ overflow-x: auto; }


.price-main-container > .container {
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}

.ve--image {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
}

.price-table-container {
    padding: 20px 20px 20px 30px !important;
}

.price-category,
.price-table {
  display:none;
}

.btn-category {
	color: #ef2637 !important;
	cursor: pointer !important;
	font-weight: 400;
}

.btn-category:hover {
	color: #bf1e2c !important;
}

.btn-category::before {
 font-family: "Font Awesome 5 Pro";
 content: "\f055";
 color: #717176;
 font-weight: 300;
 margin-right: 5px;
}

.btn-category.show::before {
 content: "\f056";
}

.btn-sub-category {
	padding: 10px 15px;
  border: 1px solid #ccc;
  display: block;
  border-radius: 4px;
  margin-left: 15px;
  cursor: pointer;
	color: #717176 !important;
	font-weight:400;
}

.price-table-title {
	color: #4195B9 !important;
	padding-left:15px;
}

.price-integration {
	margin-bottom: 20px;
}

.__tips-accordion-nav {
	border-left: 2px dashed #eee;
	text-align: left;
}

.__tips-accordion-nav::last-child {
	border-bottom: none;
}

.__tips-accordion-nav .__tip-title {
	color: #5A5A5E !important;
	padding: 25px 0 25px 20px;
}

.__tips-accordion-nav .__tip-title.active {
	color: #ef2637 !important;
}

.__tips-accordion-nav .__bold-label {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.custom-footer {
    background: #f7f7f7;
    padding: 15px 20px;
    margin-bottom: 25px;
}

.custom-footer p {
	color: #5a5a5f;
	font-weight: 400;
      font-size: 0.9em;
}


.banner__pricing {
    background-color: #F8F8F8;
    border: solid 1px #EEEEEE;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 25px 15px 15px 15px;
}

@media screen and (max-width: 768px) {
	.price-table-container {
		padding: 20px !important
	}
  
      body {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
  
	.__tips-accordion-nav {
		border-top: 2px dashed #eee;
		margin-bottom: 0;
		border-bottom: 0;
	}
	.__tips-accordion-nav.active {
		border: 0px;
		margin-bottom: 20px;
	}

	.__tips-accordion-nav.active::after {
		height:0;
		width:0;
	}

  .__tips-accordion-nav.active .__tip-title::after {
		content: "\f077";
	}

	.__tips-accordion-nav .__tip-title::after {
		content: "\f078";
	}
}