.cont{
    /*margin-left: 15%;*/
    /*margin-right: 15%;*/
}

.gabecera_green{
    color: green;
}

.gabecera_red{
    color: red
}

progress::-webkit-progress-bar {background-color: rgba(0, 43, 73, 0.7); width: 100%; border-radius: 5px}
progress {background-color: rgba(0, 43, 73, 0.7); border-radius: 5px}

.orange-progress::-moz-progress-bar { background-color: rgba(0, 43, 73, 0.7); border-radius: 5px;}
.orange-progress::-webkit-progress-value { background: #262761 !important; border-radius: 5px}
.orange-progress { color: #262761; border-radius: 5px}

.green-progress::-moz-progress-bar { background-color: rgba(0, 43, 73, 0.7); border-radius: 5px; }
.green-progress::-webkit-progress-value { background: rgba(0,128,0,1)!important; border-radius: 5px }
.green-progress { color: rgba(0,128,0,1); border-radius: 5px }

.red-progress::-moz-progress-bar { background-color: rgba(0, 43, 73, 0.7); border-radius: 5px; }
.red-progress::-webkit-progress-value { background: #EE2B47 !important; border-radius: 5px;}
.red-progress { color: #EE2B47; border-radius: 5px }

#index td {
    vertical-align: middle;
    text-align: center;
    padding: unset!important;
}

#index tr {
    height: 34px!important;
}

#index tbody tr {
    cursor: pointer;
}

.clickable{
    cursor: pointer;
}

#indicadores td {
    vertical-align: middle;
    text-align: center;
    padding: unset!important;
}

#ichimoku-index td {
    vertical-align: middle;
    text-align: center;
    padding: unset!important;
}

#ichimoku-supports td {
    vertical-align: middle;
    text-align: center;
    padding: unset!important;
}

#ichimoku-res td {
    vertical-align: middle;
    text-align: center;
    padding: unset!important;
}

#ichimoku-res tr {
    height: 34px!important;
}

#ichimoku-supports tr {
    height: 34px!important;
}

#ichimoku-index tr {
    height: 34px!important;
}

#indicadores tr {
    height: 34px!important;
}

#alertas td {
    vertical-align: middle;
    text-align: center;
}

#tendencia td {
    vertical-align: middle;
    text-align: center;
}

#perfomance td {
    vertical-align: middle;
    text-align: center;
}

#niveles-table td {
    vertical-align: middle;
    text-align: center;
}

#riesgo-table td {
    vertical-align: middle;
    text-align: center;
    padding-left: unset;
    padding-right: unset;
}


.y-axis line {
    opacity:.2;
}
.y-axis path {
    display:none;
}

.x-axis path {
    stroke: #999;
}

.line {
    fill: none;
    stroke-width: 1.5px;
    opacity:.75;
}
.overlay {
    fill: none;
    pointer-events: all;
}
.lineHoverText {
    text-shadow:
            -2px -2px 0 #fff,
            2px -2px 0 #fff,
            -2px 2px 0 #fff,
            2px 2px 0 #fff;
}
.hoverCircle {
    opacity: .75;
}

.tendecio_1::after{
    content: "\2191";
    display: inline-block;
    color: green;
    font-weight: bold;
    font-size: 20px;
}

.tendecio_2::after{
    content: "\e877";
    display: inline-block;
    color: green;
    font-weight: bold;
    font-size: 20px;
}

.tendecio_3::after{
    content: "\e87a";
    display: inline-block;
    color: orange;
    font-weight: bold;
    font-size: 20px;
}

.tendecio_4::after{
    content: "\e87a";
    display: inline-block;
    color: red;
    font-weight: bold;
    font-size: 20px;
}

.tendecio_5::after{
    content: "\e87a";
    display: inline-block;
    color: red;
    font-weight: bold;
    font-size: 20px;
}

.legend {
    font-size: 16px;
    font-weight: bold;
    text-anchor: middle;
}

.login-input::placeholder{
    color: white;
}

.login-input {
    border-bottom: 2px solid!important;
    border-radius: 0!important;
    border-color: white!important;
}

.fa{
    color: white;
    z-index: 1000;
}

.breadcrumb{
    background-color: unset!important;
    color: #000000!important;
    font-weight: 400;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #000000!important;
    content: "|";
    font-weight: 400;
}


.breadcrumb-item .active{
    color: #000000!important;
    font-weight: 400;
}

.breadcrumb-item:nth-child(3){
    color: #EE2B47!important;
    font-weight: 400;
}

.breadcrumb-item:nth-child(1) a{
    color: black!important;
    font-weight: 400;
}

.breadcrumb-item:nth-child(2) a{
    color: black!important;
    font-weight: 400;
}


.header-item ~.header-item::before{
    content: '';
    height: 50%;
    width: 1px;

    position: absolute;
    left: 0;
    top: 10%;

    background-color: gray;
}

.header-subitem ~.header-subitem::before{
    content: '';
    height: 50%;
    width: 1px;

    position: absolute;
    left: 0;
    top: 10%;

    background-color: gray;
}

.table td{
    border: unset;
}

.alcista{
    color:green!important;
}

.bajista{
    color:red!important;
}

.neutral{
    color: #a0a0a0!important;
}

.date-color{
    color: rgb(132, 142, 156);
}

.tooltips {
    position: relative;
    display: inline-block;
}

.tooltips .tooltipstext {
    visibility: hidden;
    width: 500px;
    background-color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltips:hover .tooltipstext {
    visibility: visible;
}

.tooltip{
    position: fixed;
}

.header-button{
    background-color: rgba(97, 95, 96, 0.25); border: unset; border-radius: 7px; height: 45px; width: 98%; font-weight: 200;
}

.header-button.active{
    background-color: rgba(97, 95, 96, 0.6)!important; border: unset; border-radius: 7px; height: 45px; width: 98%; font-weight: 200;
}

.square{
    width: 20px;
    height: 20px;
    background-color: #002B49;
}

.square-red{
    width: 20px;
    height: 20px;
    margin-top: 30px;
    background-color: #EE2B47;
}

.square-orange{
    width: 20px;
    height: 20px;
    background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%);
}

.bar1 { fill: aqua; }
.bar2 { fill: rgba(26, 115, 232, 0.65); }
.bar3 { fill: steelblue; }
.bar:hover {fill: orange; }
.axis--x path { display: none; }
.line {
    fill: none;
    stroke: #ced4da;
    stroke-width: 2;
}
.dot {
    fill: #ced4da;
    stroke: #ced4da;
}


.grid line {
    stroke: lightgrey;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;
    stroke-dasharray: 3 3;
}

.grid path {
    stroke-width: 0;
}

.nav-link.active{
    background-color: #ffffff!important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%)!important;
}

.square-black{
    width: 20px;
    height: 20px;
    background-color: black;
}

.square-red2{
    width: 20px;
    height: 20px;
    background-color: rgba(238,43,71,0.25);
}

.square-green{
    width: 20px;
    height: 20px;
    background-color: rgba(0,154,91,0.25);
}

.square-grey{
    width: 20px;
    height: 20px;
    background-color: rgba(99,97,98,0.25);
}
.square-white{
    width: 20px;
    height: 20px;
    background-color: white;
    border: 1px solid black;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(240, 239, 239, 0.6) !important;
}

.table-striped tbody tr{
    background-color: rgba(255, 250, 250, 0.6) !important;
}