.diferentials, .diferentials > div { display: table; width: 100%; text-align: left; }
.diferentials > div > div { float: left; width: calc(33% - 30px); margin: 0 30px 30px 0; }
.diferentials > div > div > .icon { float: left; font-size: 44px; color: #052a94; }
.diferentials > div > div b { font-family: 'Roboto', Arial !important; font-weight: 400 !important; font-size: 16px !important; color: #052a94; }
@media (max-width: 1400px) {
	.diferentials > div > div { float: none !important; width: 100% !important; margin: 0 0 30px 0 !important; }
	.diferentials > div > div > img { float: left; }
}

.loccontainer { display: flex; justify-content: space-between; margin: 20px 0; flex-wrap: nowrap; }
.loccontainer > div { display: flex; box-sizing: border-box; align-items: center; padding: 8px 15px; border: 1px solid #dadada; border-radius: 5px; background: #fff; flex: 1; margin: 0 10px; min-width: 200px; color: #747474; cursor: pointer; transition: border-color 0.3s; }
.loccontainer > div:first-child { margin-left: 0; }
.loccontainer > div:last-child { margin-right: 0; }
.loccontainer > div.selected { border-color: #1b2eaa; background: #edf8ff; }
.loccontainer > div > div h4 { font-size: 16px; color: #1b2eaa; margin: 0; padding: 5px 0 0; }
.loccontainer > div > img { width: 40px; height: 26px; margin-right: 10px; }

.period { display: flex; justify-content: space-between; margin: 20px 0; flex-wrap: nowrap; }
.period > div { cursor: pointer; display: flex; align-items: center; padding: 15px; border: 1px solid #dadada; border-radius: 5px; background-color: #fff; flex: 1; margin: 0 10px; box-sizing: border-box; min-width: 150px; }
.period > div:first-child { margin-left: 0; }
.period > div:last-child { margin-right: 0; }
.period > div.active { border-color: #1b2eaa; }
.period > div > .pinfo { display: flex; flex-direction: column; font-size: 14px; color: #797979; }
.period > div > .pinfo h4 { font-size: 16px; color: #1a3fa1; margin: 0;  }

.rad { width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; border: 2px solid #e6e8eb; margin-right: 10px; }
.active .rad { border-color: #1b2eaa; background-color: #1b2eaa; position: relative; }
.active .rad::before { content: ""; width: 8px; height: 8px; background-color: white; border-radius: 50%; display: block; margin: auto; position: absolute; left: 0; top: 0; transform: translate(50%, 50%); }

.ptable { width: 100%; margin: 20px 0; border-radius: 5px; }
.ptable table { width: 100%; border-collapse: collapse; }
.ptable thead th { background-color: #dce3f3; padding: 10px; text-align: left; font-weight: bold; color: #3a4c8b; border-bottom: 2px solid #b0c4de; }
.ptable tbody td { padding: 10px; border-bottom: 1px solid #ebebeb; vertical-align: middle; }
.ptable tbody td.price { color: #1b2eaa; font-weight: 500; white-space: nowrap; }
.ptable tbody td.td-button { width: 100px; }
.ptable tbody tr:nth-child(odd) { background-color: #f1f1f1; }
.ptable tbody tr:nth-child(even) { background-color: #ffffff; }
.ptable a { width: 140px; text-align: center; height: 40px; line-height: 40px; font-size: 16px !important; }

.alert-block { box-sizing: border-box; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem;  color: #004085; background-color: #cce5ff; border-color: #b8daff; }

@media (min-width: 1041px) {
	.currency-wrapper { margin: 0 !important; }
}

@media (max-width: 850px) {

	.ptable tbody td.td-button { width: auto !important; }

	.loccontainer { flex-direction: column; }
	.loccontainer > div { width: 100%; margin: 0 0 10px; }

	.period { flex-direction: column; }
	.period > div { width: 100%; margin: 0 0 10px; }

	.ptable table { width: 100%; min-width: unset; }
	.ptable table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.ptable table tr { display: block; margin-bottom: 20px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-radius: 15px; }
	.ptable table td { display: block; text-align: center; padding: 12px; }
	.ptable table td.text-muted { border-top: 0; padding-top: 0; }
	.ptable table td:first-child { border-top: 0; }
	.ptable table td:last-child { border-bottom: 0; }
	.ptable tbody tr:nth-child(even) { background-color: #f9f9f9; }
	.ptable a { width: 100%; }

}