/*"""*/
/*Copyright Tekton Ltda (tektonfinance.com),  All Rights Reserved*/
/*Proprietary and confidential */
/*Unauthorized copying of this file, via any medium is strictly prohibited */
/*Written by the Tekton Team (contact@tektonfinance.com), 2022*/
/*"""*/
/*# -*- coding: utf-8 -*-*/

:root{

--BLACK : rgb(0,0,0);
--GRAY_MEDIUM_1 : rgb(51,54,58);
--GRAY_DARK_0 : rgb(21,22,23);
--GRAY_DARK_1 : rgb(30,30,30);
--GRAY_MEDIUM_2: rgb(87,87,87);
--GRAY_DARK_2 : rgb(31,34,38);
--BLUE_DARK : rgb(30,30,100);
--BLUE_MEDIUM : rgb(55,90,127);
--BLUE_LIGHT : rgb(173,216,230);
--WHITE : white;
--ORANGE : orange;
  
--FONT_COLOR: var(--WHITE);
--BG_COLOR: var(--GRAY_DARK_0);
--TABLE_HEADER_FONT_COLOR:var(--WHITE);
--INPUT_BG_COLOR:var(--GRAY_DARK_2);
--TABLE_BG_COLOR:var(--GRAY_DARK_1);
--TABLE_BORDER_COLOR:var(--BLUE_MEDIUM);
--BORDER_COLOR:var(--BLUE_DARK);

}

body {
  margin-left: 15%;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color:var(--BG_COLOR);
  font-family: "Rotis Sans Serif", Helvetica, Arial;
  font-size: 12pt;
  line-height: 1.3;
  color: var(--FONT_COLOR);
}
P {
  margin-bottom:5px;

}

div-table-model-above-row{
display: inline-block;
width:20vw;
height:40px;

margin: 10px 0px 0px 0px;
}
.div-table-model-top-row {
  display: table;
  width: auto;
  margin: 10px 0px 10px 0px;
}
.div-table-model-bot-row {
  display: table;
  width: auto;
  margin: 10px 0px 0px 0px;
}
.div-table-row-model-top-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col-model-top-row {
  float: left; /* fix for  buggy browsers */
  display: flex;
  align-items:center;
  height:35px;
  margin:0px 5px 0px 0px;
}
.div-table-col-model-bot-row {
  float: left; /* fix for  buggy browsers */
  display: flex;
  align-items:center;
  height:35px;
  margin:10px 2.5px 0px 2.5px;
}

.div-table-col-model-findsecurity-row {
  display: inline-flex;
  width: 45vw;
  font-size:12px;
  align-items: center;
  vertical-align: middle !important;
  margin: 1em 0 0 0;
  align-items: center;
}

.div-table-col-model-exposure-row {
  display: inline-flex;
  width: 45vw;
  align-items: center;
  vertical-align: middle;
  margin: -1.3em 0 0 0;
}
div-table-col-model-GRAPHIC-row {

}

.div-table-model-main-content {
  display: table;
  width: auto;
  margin: 0px 0px 10px 0px;
}
.div-table-row-model-main-content {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col-model-main-content-left {
  float: left; /* fix for  buggy browsers */
  display: flex;
  align-items:center;
  margin:0px 25px 0px 0px;
  width: auto;

}

.div-table-col-model-main-content-right {
  float: left; /* fix for  buggy browsers */
  display: inline;
  margin:0px 10px 0px 0px;
  width: 68%;
  height:470px;
  overflow:auto

}
.div-table-col-model-main-content-right-perf-table {
  width: 100%;

}
.div-table-col-model-main-content-right-graph {
  min-height:0;
  height:100%;
  overflow:auto;

    width: 100%;


}
.graph_model_returns
{
  border:1px var(--BORDER_COLOR) solid;
  min-height:0;
  min-width:0;
}

.graph_model_tree_map
{
  border:1px var(--BORDER_COLOR) solid;
  margin:0px

}



.text_medium {
  font-size: 10pt;
}
/*header*/

.cellHeaderLink {

  vertical-align: center;
  margin:auto;
  font-weight:bold;
  text-align: center;
  border-color:var(--BORDER_COLOR);
  border-width: 3px;
  border-style: solid;
  border-left: none;
  border-top: none;
  border-right: none;
  padding:8px;
  height:55px;
  background : None;

}
.cellHeaderDropdown{
  vertical-align: center;
  margin:auto;
  font-weight:bold;
  text-align: center;
  border-color:var(--BORDER_COLOR);
  border-width: 3px;
  border-style: solid;
  border-style: solid;
  border-left: none;
  border-top: none;
  border-right: none;
  padding:8px;
  height:55px;
  background : None;
}
.cellHeaderText {
  vertical-align: center;

  color: var(--FONT_COLOR);
  margin:auto;
  font-weight:bold;
  text-align: center;
  border-color:var(--BORDER_COLOR);
  border-width: 3px;
  border-style: solid;
    border-style: solid;
  border-left: none;
  border-top: none;
  border-right: none;
  padding:15px;
  height:55px;
}
.DivHeader{

  display: flex;

  vertical-align: auto;

}

.cellHeaderLogo {
  vertical-align: top;
  margin-top: 5px;
  alignment: bottom;
  text-align: center;
  border-style: none;
  height:55px;

}
.imgLogo {
  width:50%;
  margin-top: 5px;
  alignment: bottom;
  text-align: center;
  border-style: none;

}
a:link{
  text-decoration: none;
  color:var(--FONT_COLOR);

}
a:visited{
  text-decoration: none;
  color:var(--FONT_COLOR);

}
a:hover{
  text-decoration: none;
  color:var(--TABLE_HEADER_FONT_COLOR);

}

/* restyle radio items */
.radio-group .form-check {
  padding-left: 0;
}

.radio-group .btn-group > .form-check:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.radio-group .btn-group > .form-check:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.hover-text-model {
    color: lightblue;
    transition: color 0.3s ease;
}

.hover-text-model:hover {
    color: #88AAB5;
}

/*side bar and main page*/

.Button_1 {
  font-size:10pt;
  font-weight: normal;
  color:var(--TABLE_HEADER_FONT_COLOR);
  width: 85%;
  display: inline-block;
  text-align: center;
  vertical-align:middle;
  margin:4px 4px 4px 4px;
  height:4vh;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.Button_2 {
  font-size:10pt;
  font-weight: normal;
  color:var(--TABLE_HEADER_FONT_COLOR);
  width: 150px;
  display: inline-block;
  text-align: center;
  vertical-align:middle;
  margin:5px 5px 5px 0px;
  height:30px;
  border: none;
}
.Button_3 {
  font-size:10pt;
  font-weight: normal;
  color:var(--TABLE_HEADER_FONT_COLOR);
  backgroundColor: var(--BG_COLOR);
  width: 150px;
  display: inline-block;
  text-align: center;
  vertical-align:middle;
  margin:20px 0px 0px 0px;
  height:35px !important;
  border: none;
}

.Button_4 {
  font-size:10pt;
  font-weight: normal;
  color:var(--BG_COLOR);
  backgroundColor: var(--BG_COLOR);
  /*width: 150px*/;
  display: flex;
  text-align: center;
  vertical-align:middle;
  align-items: center;
  margin: 0px 0px 0px 0px;
  /*height:35px*/;
  border: none;
}

.my_style {
    padding: 12pt 20px 30px 10px;
    overflow:hidden;
}
@media only screen and (max-height: 630px) {
    .my_style {
        padding: 12pt 20px 0px 10px;
        overflow:hidden;
    }
}

.dropDown {
  font-size:10pt;
  font-weight: normal;
  color:var(--BG_COLOR);
  width: 85%;
  display: inline-block;
  text-align: left;
    margin:5px 5px 5px 5px;
    height:4vh;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dropDownAddRow {
  font-size:10pt;
  font-weight: normal;
  color:var(--FONT_COLOR);
  width: 120px;
  display: inline-block;
  text-align: left;
    margin:0px 0px 0px 0px;
    height:30px;

}

.dropDownAddRowModel {
  font-size:10pt;
  font-weight: normal;
  color:var(--BG_COLOR);
  width: 120px;
  display: inline-block;
  text-align: left;
    margin:0px 0px 0px 0px;
    height:30px;
}

.dropDownPyfolio {
  font-size:10pt;
  font-weight: normal;
  color:var(--BG_COLOR);
  width: 500px;
  display: inline-flex;
  text-align: left;
    margin:0px 0px 0px 0px;
    height:30px;
}

.dropModelVersion {
  font-size:8pt;
  font-weight: normal;
  color:var(--BG_COLOR);
  width: 120px;
  display: inline-block;
  text-align: left;
    margin:0px;
    height:30px;

}

/*dropdown elements*/
.Select-control,.Select-multi-value-wrapper{
  overflow:hidden;
}
/*dropdown elements*/
*.Select-control, Select--single, .Select-multi-value-wrapper, .Select-value, .Select-value-label {
  background-color:var(--INPUT_BG_COLOR) !important;
  color:var(--TABLE_HEADER_FONT_COLOR) !important;
}
.Select-control{
          border:1px var(--BORDER_COLOR) !important;
}

.Select-menu-outer, .Select-menu-outer div   {
    background-color: var(--INPUT_BG_COLOR) !important;
    border:none !important;

    color:var(--TABLE_HEADER_FONT_COLOR) !important;
    white-space: nowrap;


}
/*overflow:hidden;
    overflow-y: auto; */

/*table elements */
.dash-input-cell-value-container  {
  background-color:orange;

}
.input-active {
  color:var(--BG_COLOR) !important;
}

/*tooltips on table*/

.dash-table-tooltip {
  background-color: var(--TABLE_BG_COLOR) !important;
 color: orange; font-size:12px; border:none}


/* table columns selector */
.show-hide {background-color:var(--TABLE_BORDER_COLOR);
            color:var(--TABLE_HEADER_FONT_COLOR);
            font-size:12px;
            border:none
            }
.show-hide-menu-item {background-color:var(--TABLE_BORDER_COLOR);
            color:var(--TABLE_HEADER_FONT_COLOR);
            font-size:12px;
            border:none;
            }
.show-hide-menu {background-color:var(--TABLE_BORDER_COLOR);
            color:var(--TABLE_HEADER_FONT_COLOR);
            color:var(--TABLE_HEADER_FONT_COLOR);
            font-size:12px;
            border:1px solid gray;
            }

.Input_1 {
  background-color:var(--INPUT_BG_COLOR) !important;
  font-size:12px;
  width: 30% !important;
  color:var(--TABLE_HEADER_FONT_COLOR) !important;
  border:1px var(--BORDER_COLOR) solid !important;
  margin-bottom: 20px;
  margin-top:10px;
  height:35px;
}

.Input_2 {
  background-color:var(--INPUT_BG_COLOR)!important;
  font-size:12px;
  width: 100% !important;
  color: var(--TABLE_HEADER_FONT_COLOR) !important;
  border:1px var(--BORDER_COLOR) solid !important;
  margin-bottom: 20px;
}

.Input_3 {
  background-color:var(--INPUT_BG_COLOR) !important;
  font-size:12px;
  width: 300px !important;
  color: var(--TABLE_HEADER_FONT_COLOR) !important;
  border:1px var(--BORDER_COLOR) solid !important;
  margin-bottom: 12px;
  margin-top: 0px;
}


.Input_group_3 {
  background-color:var(--INPUT_BG_COLOR) !important;
  font-size:12px;
  color: var(--TABLE_HEADER_FONT_COLOR) !important;
}

.Input_4 {
  background-color:var(--INPUT_BG_COLOR) !important;
  font-size:12px;
  color: var(--TABLE_HEADER_FONT_COLOR) !important;
  border:1px var(--BORDER_COLOR) solid !important;
  height:35px;

}

.Slider_1 {
    font-size:10pt;
  font-weight: normal;
  color:var(--BG_COLOR);
  width: 100%;
  display: inline-block;
  text-align: left;
    margin:5px 5px 5px 5px;
    height:30px;
}

.cellHeader {
 margin:auto;
  font-weight:bold;
  text-align: center;
  border-color: gray;
  border-width: 1px;
  border-style: solid;
    border-style: solid;
  border-left: none;
  border-top: none;
  border-right: none;
  padding:15px;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*table formatting*/
/*table page selector*/
.previous-page, .next-page,
.last-page, .first-page, .selector-page {
  color:lightblue;
  background:var(--BG_COLOR);
  font-size:8pt;

}
.current-page, .current-page-shadow, page-number {
  color:var(--FONT_COLOR);
  background:var(--BG_COLOR);
  font-size:8pt;
  -ms-input-placeholde:red;

}

/*scrollbar*/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 1px 0px 0px var(--FONT_COLOR);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background:var(--FONT_COLOR);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--BORDER_COLOR);
}

.free-input:hover {
  background-color: var(--BG_COLOR) !important;
  transition:all 0.6s ease;
}

.dropdown-input-trial {
  width: 100% !important;
  background-color:rgb(63,67,73);
  color:white;
}

.dropdown-input-trial:hover {
  background-color: var(--BG_COLOR) !important;
  transition:all 0.6s ease;
}


#company-name::placeholder {
    color: rgb(117,156,231) !important;
}

#phone-number::placeholder {
    color: rgb(117,156,231) !important;
}

#login-email-input::placeholder {
    color: gray !important;
}

#login-password-input::placeholder {
    color: gray !important;
}

#signup-email-input::placeholder {
    color: gray !important;
}

#signup-password-input::placeholder {
    color: gray !important;
}

#signup-confirmpassword-input::placeholder {
    color: gray !important;
}

#auto-recharge-below::placeholder {
    color: gray !important;
}

#auto-recharge-increment::placeholder {
    color: gray !important;
}

#signup-name-input::placeholder {
    color: gray !important;
}
#signup-phone-input-box::placeholder {
    color: gray !important;
}
#signup-company-input::placeholder {
    color: gray !important;
}

#free-trial-button:hover {
  background-color: white !important;
}

#free-trial-close-button:hover {
  background-color: rgb(105,144,231) !important;
  color:rgb(20,20,22) !important;
}
#get-free-trial-button:hover {
  color:rgb(20,20,22) !important;
}

#signin-button {
  transition:all 1s ease;
}

#signin-button:hover {
  color:rgb(20,20,22) !important;
}

#signup-button {
  transition:all 1s ease;
}

#signup-button:hover {
  color:rgb(20,20,22) !important;
}

#reset-password-button {
  transition:all 1s ease;
}

#reset-password-button:hover {
  color:rgb(20,20,22) !important;
}

#reset-password-button {
  transition:all 0.5s ease;
}

#phone-number-dropdown {
  color:white !important;
  width:30% !important;
}

#signup-phone-dropdown .Select-control{
  width:100% !important;
  text-align:center;
  background-color:white !important;
}

#signup-phone-dropdown .Select-multi-value-wrapper{
  width:60% !important;
  text-align:center;
  background-color:white !important;
}

#signup-phone-dropdown .Select-input{
  width:60% !important;
  text-align:center;
  background-color:white !important;
}

#signup-phone-dropdown .Select-value-label{
  color:gray !important;
  text-align:center;
  width:60% !important;
  background-color:white !important;
}

#signup-phone-dropdown .Select-control{
  background-color:white !important;
}
#signup-phone-dropdown Select--single{
  background-color:white !important;
}
#signup-phone-dropdown .Select-multi-value-wrapper{
  background-color:white !important;
}
#signup-phone-dropdown .Select-value{
  background-color:white !important;
}
#signup-phone-dropdown .Select-value-label {
  background-color:white !important;
}

.dropdown-menu {
  color:rgb(63,67,73) !important;
  width:100% !important;
}

.clickable-link:hover{
  cursor:pointer !important;
}

@media screen and (max-width: 1300px) and (min-height: 600px) {
    #signin-body-page {
        width:420px !important;
    }
    #signin-body-page {
        height:60% !important;
    }
}

@media screen and (min-width: 1301px) and (min-height: 601px) {
    #signin-body-page {
        width:25% !important;
    }
    #signin-body-page {
        height:60% !important;
    }
}


@media screen and (max-width: 1300px) and (min-height: 600px) {
    #signup-body-page {
        width:504px !important;
    }
    #signup-body-page {
        height:75% !important;
    }
}

@media screen and (min-width: 1301px) and (min-height: 601px) {
    #signup-body-page {
        width:30% !important;
    }
    #signup-body-page {
        height:75% !important;
    }
}

@media screen and (max-width: 1300px) and (min-height: 600px) {
    #signreset-body-page {
        width:454px !important;
    }
    #signreset-body-page {
        height:40% !important;
    }
}

@media screen and (min-width: 1301px) and (min-height: 601px) {
    #signreset-body-page {
        width:27% !important;
    }
    #signreset-body-page {
        height:40% !important;
    }
}


@media screen and (max-width: 1300px) and (min-height: 600px) {
    #signpass-body-page {
        width:420px !important;
    }
    #signpass-body-page {
        height:60% !important;
    }
}

@media screen and (min-width: 1301px) and (min-height: 601px) {
    #signpass-body-page {
        width:25% !important;
    }
    #signpass-body-page {
        height:60% !important;
    }
}


@media screen and (max-width: 1300px) and (min-height: 600px) {
    .reset-text {
        font-size:22px !important;
    }
}

@media screen and (min-width: 1301px) and (min-height: 601px) {
    .reset-text {
        font-size:1.27vw !important;
    }
}

@media screen and (max-width: 1300px) and (min-height: 600px) {
    .reset-text-title {
        font-size:50px !important;
    }
}

@media screen and (min-width: 1301px) and (min-height: 601px) {
    .reset-text-title {
        font-size:3.0vw !important;
    }
}

@media screen and (max-width: 1300px) and (min-height: 600px) {
    .reset-text-login {
        font-size:26px !important;
    }
}

@media screen and (min-width: 1301px) and (min-height: 601px) {
    .reset-text-login {
        font-size:1.4vw !important;
    }
}


.dt-table-container__row-0 {
    padding-left:3px !important;
}

.dt-table-container__row-1 {
    padding-left:3px !important;
}

/* Hide scrollbar for WebKit browsers */
#result-container::-webkit-scrollbar {
    width: 5px; /* Remove scrollbar space */
    height: 0;
}

/* Hide scrollbar for other browsers using overflow property with -ms-overflow-style */
#result-container {
    -ms-overflow-style: none;   IE and Edge */
    scrollbar-width: 10px;  /* Firefox */
}

#pop-over-search .mantine-Popover-dropdown {
    margin: 0 !important;
    padding: 0 !important;
}

#result-container {
    margin: 0 !important;
    padding: 0 !important;
}


.tooltip-inner {
    max-width: 600px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: black;
    border-radius: .25rem;
}