body { margin: 0; padding:0; background: none;}
::-webkit-scrollbar {width:14px; height:8px; background-color:#fdfdfd; border:1px solid #e0e6f0}
::-webkit-scrollbar-thumb {background-color:#d1dae7; border-radius:0}
::-webkit-scrollbar-thumb:hover {background-color:#b9c4d3}
input {outline:none}
option{padding: 0.5em;}
.option-title {font-size:16px; font-weight: 500; margin: 10px 0; color: #222;}
.body-container {font-family:'roboto',Tahoma,Arial,sans-serif; font-size:16px; line-height:1.2; margin:0 auto;min-width: 240px; max-width:1000px; background:#f4f6fa; border:1px solid #d1dae7; border-radius:8px; padding:20px; box-sizing:border-box; text-align:center; overflow:hidden}
#currency {display:block; width:100%; padding:6px 40px 6px 24px; border-radius:8px; border:1px solid #d1dae7;}
#size {display:block; width: 100%; padding:6px; border-radius:8px; border:1px solid #d1dae7; margin:4px 0 20px 0; text-align:center}
#risk {display: block; width: calc(100% - 40px);padding: 6px;border-radius: 8px 0 0 8px;margin: 4px 0 20px 0;border: 1px solid #d1dae7;text-align: center;float: left;}
#stop {display:block; width:100%; padding:6px; border-radius:8px; margin:4px 0 20px 0; border:1px solid #d1dae7; text-align:center}
#pair {display:block; width:100%; padding:6px 40px 6px 24px; border-radius:8px; margin:4px 0 20px 0; border:1px solid #d1dae7}
.fon {background:#fff; border-radius:8px; margin:4px 0 20px 0}
select {appearance:none; overflow:hidden; background:url('/tools/position-calculator/icon.svg') no-repeat right; background-size:15px 15px; background-position:calc(100% - 14px) center; cursor:pointer; outline:none}
.block-risk-money {position: relative;}
#riskt { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#riskt2 {position: absolute; width: 100%; margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;}
#pricet {color:#e90f0f; font-size: 15px;}
#price {border-radius:8px; border:1px solid #d1dae7; text-align:center; font-size:15px; width:50%; background:#ffeb99; padding:5px; margin-top:4px}
#money {width:100%; padding:6px; border-radius:8px; margin:4px 0 20px 0; border:1px solid #d1dae7; text-align:center}
#units {width:100%; padding:6px; border-radius:8px; margin:4px 0 20px 0; border:1px solid #d1dae7; text-align:center}
#lots {width:50%; padding:6px; border-radius:8px; margin:4px 0 20px 0; border:1px solid #d1dae7; text-align:center}
#Mini {width:100%; padding:6px; border-radius:8px; margin:4px 0 20px 0; border:1px solid #d1dae7; text-align:center}
#Micro {width:100%; padding:6px; border-radius:8px; margin:4px 0 20px 0; border:1px solid #d1dae7; text-align:center}
#Nano {width:100%; padding:6px; border-radius:8px; margin:4px 0 20px 0; border:1px solid #d1dae7; text-align:center}
.dop-block {display: flex; justify-content: space-between;}
.form-group-size {width:50%; margin: 20px;}
.form-group-stop {width:50%; margin: 0 20px;}
.form-group-risk {width:50%; margin: 0 20px;}
.form-group-currency {width:50%; margin: 20px;}
.form-group-pricet {height: 80px; width: 100%;}
.form-group-pair  {width:50%; margin: 0 auto; padding-top: 10px;}
.form-group-nano {margin: 0 14px;}
.form-group-micro {margin: 0 14px;}
.form-group-mini {margin: 0 14px;}
.form-group-wrap {margin-top:40px; background:#fdfdfd; border-radius:8px; padding:20px}
.form-group-lots {margin: 20px;}
.btn-click {border-radius:20px; color:#fff; display:block; text-align:center; background-color:#5499d1; border:1px solid #5499d1; font-family:Arial,Helvetica,sans-serif; padding:8px 30px; margin:0 auto; text-decoration:none}
.btn-click:hover {background-color:#6aa6d6; border:1px solid #6aa6d6}
.btn-option {width: 40px;border-radius: 0 8px 8px 0;color: #fff;display: block;text-align: center; background-color: #d1dae7;border: 1px solid #d1dae7; font-family: Arial, Helvetica, sans-serif;padding: 6px 10px;text-decoration: none; margin: 4px 0 20px 0;}
.btn-option:hover {background-color:#b8c1cd; border:1px solid #b8c1cd}

@media screen and (max-width:600px) { .form-group-lots {margin: 0px;} .form-group-currency {width: 100%; margin: 0;} .form-group-stop{width: 100%; margin: 0;} .form-group-risk {margin: 0;width: 100%;} #price {width:100%;}
 .form-group-size {margin: 0;width: 100%;} #size {min-width: 100%;}.dop-block {display: flex;flex-direction: column;}#money {width:100%;} #units {width:100%;}  #lots {width:100%;} .body-container {font-size:15px;} #pricet {font-size: 14px;} .form-group-pair {padding-top: 0px;width: 100%;} }