html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    /*background-color: #273640;
    color: #969b9e;*/
    background-color: darkgray;
    color:black;
}
.text-danger {
    color: coral;
}
a.text-danger:hover {
    color: brown;
}
a.text-success:hover {
    color: darkgreen;
}
.clickable {
    cursor: pointer !important;
}
.def-table th, .def-table td {
    text-align: center;
    padding: 1rem;
    /*color: #969b9e;*/
    color: black;
    border-color: gray;
    vertical-align: middle;
}
.text-cornsilk {
    color:cornsilk;
}
.text-coral {
    color: coral;
}
.digit-success {
    color: rgb(25, 135, 84);
}
.digit-danger {
    color:rgb(220, 53, 69);
}
.bordered-div {
    border: 1px solid black;
    padding: 3px;
    border-radius: 0.25rem;
}
.setting-container {
    background: #273640;
    border-radius: 0.25rem;
    padding: 5px;
}
.disabled {
    pointer-events: none;
    opacity: 0.4;
}
/*clicable*/
.fas.clickable, .fa.clickable {
    position: relative;
    cursor: pointer;
    user-select: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s; /* Safari */
}
.fas.clickable:hover, .fa.clickable:hover {
    transition-duration: 0.1s !important;
    color: #3A3A3A !important;
}
.fas.clickable:after, fa.clickable:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 4em;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s;
    box-shadow: 0 0 10px 40px white;
}
.fas.clickable:active:after, fa.clickable:active:after {
    box-shadow: 0 0 0 0 white;
    position: absolute;
    border-radius: 4em;
    left: 0;
    top: 0;
    opacity: 1;
    transition: 0s;
}
.fas.clickable:active, fa.clickable:active {
    top: 1px;
}
#btcfdPriceSectionFixed {
    position: fixed;
    /*top: 50%;*/
    left: 50%;
    /*margin-top: -100px;*/
    margin-left: -250px;
}
.carousel-label {
    color: white;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.carousel-sub-label {
    width: fit-content;
    white-space: nowrap;
    border-radius: 0.3rem;
    padding: 0 3px 0 3px;
    margin: 0 auto;
    color: white;
}
table th, table td {
    padding: 0.2rem !important;
    position: relative;
}

.bot-status-title {
    position: absolute;
    top: 0;
    width: 100%;
    font-weight: 700;
    font-size: 1.4rem;
}

.bot-btns {
    left: 0;
    right: 0;
    bottom: 0.1rem;
    margin: 0 auto;
}

.symbol-name {
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
}

.bot-check-box {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 10px;
}

.def-table th {
    min-width: 2.5rem !important;
}

.indic-container > div {
    border-radius: 9px;
    padding: 0 3px 0 3px;
    width: fit-content;
    margin: 0 0 3px 3px;
    display: inline-block;
    border: solid 2px;
}

.indic-container-long > div {
    border-color: rgb(25, 135, 84) !important;
}

.indic-container-short > div {
    border-color: rgb(220, 53, 69) !important;
}

/*[data-tooltip]::after {
    content: attr(data-tooltip);*/ /* Выводим текст */
/*}
[data-tooltip]::after {
    opacity: 0;
}
[data-tooltip]::after {
    transition: 1s;
}
[data-tooltip]::after {
    pointer-events: none;
}
[data-tooltip]:hover::after {
    opacity: 1;
}*/



/*[data-tooltip] {
    position: relative;*/ /* Относительное позиционирование */
/*}

[data-tooltip]::after {
    content: attr(data-tooltip);*/ /* Выводим текст */
    /*position: absolute;*/ /* Абсолютное позиционирование */
    /*width: fit-content;*/ /* Ширина подсказки */
    /*border-radius:9px;
    left: 0;
    top: 0;*/ /* Положение подсказки */
    /*background: darkgray;*/ /* Синий цвет фона */
    /*color: #fff;*/ /* Цвет текста */
    /*padding: 0.5em;*/ /* Поля вокруг текста */
    /*box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);*/ /* Параметры тени */
    /*pointer-events: none;*/ /* Подсказка */
    /*opacity: 0;*/ /* Подсказка невидима */
    /*transition: 0.3s;*/ /* Время появления подсказки */
/*}

[data-tooltip]:hover::after {
    opacity: 1;*/ /* Показываем подсказку */
    /*top: 2em;*/ /* Положение подсказки */
/*}
*/
.remLinkStyle {
    text-decoration: none;
    color: inherit;
}
.profHistItem {
    color: black !important;
    box-shadow: none;
}