/* Data Viz/Blue */
/* Data Viz / Purple */
/* Data Viz / Indigo */
/* Data Viz / Turquoise */
/* Data Viz / Green */
/* Data Viz / Yellow */
/* Data Viz / Orange */
/* Data Viz / Red */
.panel h2 {
  background: #fff;
  color: #1c273b !important;
  border-radius: 8px 8px 0 0;
  padding-top: 15px !important;
  margin-top: -30px !important;
  font-size: 18px !important;
}
.panel h2 span:before {
  filter: invert(11%) sepia(37%) saturate(5393%) hue-rotate(226deg) brightness(60%) contrast(200%) !important;
}

.smallText {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #1C273B;
}

.breakFooter {
  clear: both;
}

.public-login .footer {
  padding-top: 40px;
}

.footer {
  height: 88px;
  background-color: #F3F4F7;
}
.footer span {
  color: #B5BECF !important;
}
.footer a {
  font-weight: bold !important;
  color: #7886A1 !important;
}

.BestPortfolioV2 .footer {
  width: 240px;
  background-color: #F3F4F7 !important;
  border-right: 2px solid #B5BECF;
  border-radius: 0 4px 0 0;
  height: 10vh;
  text-align: center;
  color: #1C273B;
  line-height: 30px;
  position: absolute;
  display: inline-block;
  top: calc(100vh - 57px);
  box-shadow: 10px 0 5px -8px rgba(0, 0, 0, 0.2);
}
.BestPortfolioV2 .footer .contentFooter {
  border-top: 2px solid #B5BECF;
  margin: 0;
  padding: 0;
}
.BestPortfolioV2 .footer .contentFooter .defaultFooter {
  line-height: 28px;
  word-break: break-word;
  transform: scale(0.9);
}

.defaultFooter span:first-child {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 14px !important;
  line-height: 18px !important;
  /* identical to box height, or 129% */
  /* Basic / 800 */
  color: #3B4863;
}
.defaultFooter a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Brand Color / Primary / 500 */
  color: #57811E;
  color: #596882 !important;
}

.footerV2 {
  display: none !important;
  /* text-align:right;
   color: $basic600;
   margin: 40px 0 20px 30px;

   a {
       color: $basic600;
       text-decoration: none;
       font-weight:bold;
   }*/
}

.BestPortfolioV2 .buscadorMenu {
  height: 200px;
}

.BestPortfolioV2 .autocompleter {
  padding-right: 30px !important;
  width: 134px;
}
.BestPortfolioV2 .generalSearch {
  position: relative;
  display: inline-block;
}
.BestPortfolioV2 .generalSearch a.iconSearch {
  position: absolute;
  float: right;
  top: 50%;
  transform: translate(0, -70%);
}
.BestPortfolioV2 .autocompleter-choices {
  border: 1px solid #1C273B;
  z-index: 99;
}
.BestPortfolioV2 .autocompleter-choices .ui-menu-item {
  width: 99%;
  min-height: 36px;
  line-height: 30px;
  background: white;
  border-top: 1px solid #1C273B;
  border-right: 1px solid #1C273B;
  z-index: -99;
}
.BestPortfolioV2 .autocompleter-choices .ui-menu-item:hover {
  background: #E3F3CE;
}
.BestPortfolioV2 .autocompleter-choices .ui-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.BestPortfolioV2 .autocompleter-choices .ui-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu {
  position: absolute !important;
  top: 0;
  left: 241px;
  height: 45px !important;
  display: inline-block;
  padding: 15px 0 15px 30px;
  margin: 0 !important;
  background-color: #fff !important;
  box-shadow: 0 4px 2px -2px #F3F4F7;
  z-index: 0;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu input {
  max-width: 60%;
  position: absolute;
  background-color: #FFFFFF;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #B5BECF;
  border-radius: 4px !important;
  color: #B5BECF;
  padding: 0 0 0 40px !important;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu .autocompleter {
  background-position: 13px center;
  width: 100% !important;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu a {
  cursor: pointer;
  position: absolute;
  top: 10px;
  text-decoration-style: unset;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Brand Color / Primary / 500 */
  color: #57811E;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu .busquedaNormal {
  right: 160px;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu .busquedaAvanzada {
  right: 3px;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu .searchSeparator {
  position: absolute;
  width: 2px;
  height: 24px;
  top: 10px;
  right: 142px;
  /* Setup Color / 400 */
  background: #B5BECF;
  border-radius: 2px;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu .chevron {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 13px;
  right: -27px;
  background-color: #85C431;
  cursor: pointer;
}
.BestPortfolioV2 #sidebarContainer .buscadorMenu .ui-menu .ui-menu-item {
  width: 97% !important;
  background: white;
  border: 1px solid black;
  border-radius: 4px;
}
.BestPortfolioV2 ul.autocompleter-choices {
  position: absolute;
  height: 150px;
  overflow-y: unset !important;
  overflow-x: scroll;
}

.autocompleter {
  padding-right: 30px !important;
  width: 141px;
}

.buscadorCliente a {
  position: relative;
}
.buscadorCliente a img {
  position: absolute;
  top: -17px;
  left: -30px;
}

#sidebarContainer {
  width: 240px;
  float: left;
  height: 95vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
  background-color: #fff !important;
}
#sidebarContainer::-webkit-scrollbar {
  display: none;
}
#sidebarContainer .menu-container {
  padding-bottom: 30px;
}
#sidebarContainer #hideCheckbox {
  display: none;
}
#sidebarContainer .sub {
  display: none !important;
}
#sidebarContainer .sidebarHeader {
  display: flex;
}
#sidebarContainer .sidebarHeader .openMenu {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 45px;
  left: 180px;
  cursor: pointer;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}
#sidebarContainer .sidebarHeader .logo-fondo {
  padding-top: 20px;
}
#sidebarContainer .menuLogos {
  width: 20px;
  position: relative;
  top: 24px;
  left: 5%;
  display: inline-block;
}
#sidebarContainer .logo {
  background-size: 100% !important;
  padding-bottom: 20px;
}
#sidebarContainer .logo #ctl00_Menu1_logoLink {
  width: 120px !important;
}
#sidebarContainer .menuResponsive {
  height: 30px;
  overflow: hidden;
}
#sidebarContainer .menuResponsive li {
  height: 30px;
}
#sidebarContainer .menuResponsive li a {
  height: 30px;
}
#sidebarContainer .menuResponsive li a b {
  visibility: hidden;
}
#sidebarContainer .menuResponsive li a b:before {
  visibility: visible;
  background-size: 25px 25px;
  left: 20px;
  width: 25px;
  height: 25px;
}
#sidebarContainer .currentResponsive li a b::before {
  left: 6px !important;
}
#sidebarContainer #info-session {
  position: absolute;
  bottom: 57px;
  left: 0;
  z-index: 1;
  float: unset;
  padding: 10px 14px;
  display: flex;
  width: 212px;
  background: #fff;
  border-top: 2px solid #CDD4E0;
}
#sidebarContainer #info-session .username {
  font-size: 16px;
  color: #000;
}
#sidebarContainer #info-session a:not(first-child) {
  color: #214497;
}
#sidebarContainer #info-session .avatar {
  position: relative;
}
#sidebarContainer #info-session .avatar .avatarImg {
  position: absolute;
  background-size: contain !important;
  width: 45px;
  height: 45px;
  margin: 5px 0 10px 0;
}
#sidebarContainer #info-session .avatar .avatarName {
  position: absolute;
  background-color: #97A3BA;
  background-size: contain !important;
  width: 45px;
  height: 45px;
  margin: 5px 0 10px 0;
  text-align: center;
}
#sidebarContainer #info-session .avatar .avatarName .avatarText {
  position: relative;
  top: 25%;
  font-family: "Gudea", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #fff;
}
#sidebarContainer #info-session.noPadding {
  width: 45px;
}
#sidebarContainer #info-session.noPadding .avatarImg {
  background-size: contain !important;
  width: 45px;
  height: 45px;
  margin: 5px 0 10px 0;
}
#sidebarContainer #info-session .avatarImg img, #sidebarContainer #info-session .avatarName {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 1px 4px rgba(0, 27, 54, 0.16);
}
#sidebarContainer #info-session .infoSession {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-left: 55px;
  min-width: 120px;
}
#sidebarContainer #info-session .infoSession .miclase {
  display: none;
}
#sidebarContainer .menuGrid {
  align-items: flex-start;
  display: flex;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
}
#sidebarContainer .menu-close {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background: none;
}
#sidebarContainer .menu-close .current {
  background-color: #F3F4F7;
  border-right: 4px solid #85c431;
  padding-top: 10px;
  padding-bottom: 10px;
}
#sidebarContainer .menu-close .current a {
  width: 70%;
  background-color: #F3F4F7 !important;
  margin-left: 15%;
  border: none;
  white-space: unset;
  height: auto;
}
#sidebarContainer .menu-close .current a b {
  position: relative;
  background-color: #F3F4F7 !important;
  color: #81B33F !important;
  width: 95%;
  /* Text/S2 Subtitle */
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 171% */
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 0;
  top: -1px;
  word-wrap: break-word;
  cursor: pointer;
}
#sidebarContainer .menu-close .current a b::before {
  left: -27px;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}
#sidebarContainer .menu-close .selectMenu {
  padding-top: 10px;
  padding-bottom: 10px;
}
#sidebarContainer .menu-close .selectMenu a {
  width: 70%;
  margin-left: 15%;
  word-wrap: break-word;
  white-space: unset;
  height: auto;
}
#sidebarContainer .menu-close .selectMenu a b {
  padding-top: 5px !important;
  /* Text/S2 Subtitle */
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 171% */
  letter-spacing: 0.16em;
  text-transform: uppercase;
  /* Setup Color / 900 */
  color: #1c273b !important;
  padding: 0;
  word-wrap: break-word;
}
#sidebarContainer .menu-close .selectMenu:hover {
  background-color: #F3F4F7 !important;
}
#sidebarContainer .menu-close .selectMenu:hover a {
  background-color: #F3F4F7 !important;
}
#sidebarContainer .menu-close .selectMenu:hover a b {
  padding-bottom: 0;
  margin-bottom: 0;
  background-color: #F3F4F7 !important;
  color: #81B33F !important;
}
#sidebarContainer .menu-close .selectMenu:hover a b:before {
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}
#sidebarContainer .menu-close .selectMenu:hover a b:after {
  filter: invert(11%) sepia(37%) saturate(5393%) hue-rotate(226deg) brightness(60%) contrast(200%);
}
#sidebarContainer .menu-close .sub_active {
  display: flex;
  flex-direction: column;
  background: #F3F4F7;
  border: none;
  margin-top: 0;
  z-index: 0;
}
#sidebarContainer .menu-close .sub_active .current_sub {
  background-color: #fff;
}
#sidebarContainer .menu-close .sub_active .current_sub a {
  background-color: #fff;
  font-weight: bold;
}
#sidebarContainer .menu-close .sub_active .current_sub a b {
  background-color: #fff;
}
#sidebarContainer .menu-close .sub_active li {
  background-color: #fff;
}
#sidebarContainer .menu-close .sub_active li a {
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 114% */
  letter-spacing: 0.08em;
  /* Setup Color / 800 */
  color: #1c273b;
  padding: 5px 100% 5px 20%;
}
#sidebarContainer .menu-close .sub_active li:hover {
  background-color: #F3F4F7 !important;
}
#sidebarContainer .menu-close .sub_active li:hover a {
  background-color: #F3F4F7 !important;
}
#sidebarContainer .menu-close .sub_active li:hover a b {
  background-color: #F3F4F7 !important;
}
#sidebarContainer .separator {
  display: none;
  position: absolute;
  bottom: 135px;
  width: 230px;
  margin-left: 15px;
}
#sidebarContainer .separator hr {
  transition: width 1s;
  width: 85%;
}

.chevronUp:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icons2021/chevron-up.svg) no-repeat;
  background-size: contain !important;
  float: right;
  position: absolute;
  right: -32px;
  cursor: pointer;
  top: 50%;
  transform: translate(0, -50%);
  filter: invert(11%) sepia(37%) saturate(5393%) hue-rotate(226deg) brightness(60%) contrast(200%);
}

.chevronUpAcordeon:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icons2021/chevron-down.svg) no-repeat;
  background-size: contain !important;
  float: right;
  position: absolute;
  right: -32px;
  cursor: pointer;
  top: 50%;
  transform: translate(0, -50%);
  filter: invert(11%) sepia(37%) saturate(5393%) hue-rotate(226deg) brightness(60%) contrast(200%);
}

.chevronDown:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icons2021/chevron-down.svg) no-repeat;
  background-size: contain !important;
  float: right;
  position: absolute;
  right: -22px;
  top: 3px;
  cursor: pointer;
  filter: invert(11%) sepia(37%) saturate(5393%) hue-rotate(226deg) brightness(60%) contrast(200%);
}

.inconResponsivePosition:before {
  left: -37px !important;
}

.minimalist {
  padding: 8px 0px 8px 18px;
}
.minimalist svg {
  width: 25px;
  height: 25px;
}

.openMenuMinimalist {
  top: 55px !important;
  left: 22px !important;
}

.logoMini {
  position: relative;
  display: block;
  top: 15px;
}

.mainLogoMini {
  left: 0px !important;
  width: 42px !important;
  background-color: #F3F4F7 !important;
  border-right: 4px solid #85c431;
}

.separatorMini {
  width: 58px !important;
  margin-left: 10px !important;
}

.transitionWidth {
  transition: width 1s;
}

.getMargin {
  margin-top: 60px;
}

.pointer {
  cursor: pointer;
}

/*=================================
    iconos
  =================================
*/
.iconGestor, .iconAdministrador, .iconRTO, .iconContratos, .iconGestion, .iconEstadisticas, .iconCliente, .iconHome, .iconMarketplace {
  position: relative;
}
.iconGestor a b::before, .iconAdministrador a b::before, .iconRTO a b::before, .iconContratos a b::before, .iconGestion a b::before, .iconEstadisticas a b::before, .iconCliente a b::before, .iconHome a b::before, .iconMarketplace a b::before {
  content: "";
  background-size: 20px 20px;
  display: inline-block;
  position: absolute;
  left: -195px;
  width: 20px;
  height: 20px;
  filter: invert(11%) sepia(37%) saturate(5393%) hue-rotate(226deg) brightness(60%) contrast(200%);
}

.iconHome a b::before {
  background-image: url("../img/icons2021/trello.svg");
}

.iconCliente a b::before {
  background-image: url("../img/icons2021/user.svg");
}

.iconEstadisticas a b::before {
  background-image: url("../img/icons2021/activity.svg");
}

.iconGestion a b::before {
  background-image: url("../img/icons2021/file-text.svg");
}

.iconContratos a b::before {
  background-image: url("../img/icons2021/file-minus.svg");
}

.iconRTO a b::before {
  background-image: url("../img/icons2021/trending-down.svg");
}

.iconAdministrador a b::before {
  background-image: url("../img/icons2021/settings.svg");
}

.iconGestor a b:before {
  background-image: url("../img/icons2021/folder-plus.svg");
}

.iconMarketplace a b:before {
  background-image: url("../img/icons2021/shopping-cart.svg");
}

.hideBefore:before {
  display: none !important;
}

/*

        bottom: 55px;

        avatar{
            margin: 5px 0 10px 0px;
        }
*/
.miclase {
  color: blue;
}

.ocultar {
  display: none;
}

.centro span {
  text-align: center;
}

.datagrid {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  margin-right: auto;
}

.datagrid, table {
  background: #FFFFFF;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  width: 100%;
  box-sizing: border-box;
}
.datagrid.layoutFixed, table.layoutFixed {
  table-layout: fixed;
  min-width: 1400px;
}
.datagrid .backgroundHeader, table .backgroundHeader {
  background-color: #F3F4F7 !important;
  border: none;
}
.datagrid .datagrid-header, table .datagrid-header {
  background-color: #F3F4F7 !important;
  border-top: none;
  border-bottom: none;
  border: 0.5px solid #F3F4F7;
}
.datagrid .datagrid-header th, table .datagrid-header th {
  background-color: #F3F4F7 !important;
}
.datagrid .datagrid-header th, .datagrid .datagrid-header td, table .datagrid-header th, table .datagrid-header td {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  height: 46px !important;
  border: none;
  padding: 5px 10px;
  color: #1C273B !important;
  position: relative;
}
.datagrid .datagrid-header th label:first-child, .datagrid .datagrid-header td label:first-child, table .datagrid-header th label:first-child, table .datagrid-header td label:first-child {
  line-height: normal !important;
}
.datagrid .datagrid-header th a, .datagrid .datagrid-header td a, table .datagrid-header th a, table .datagrid-header td a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #1C273B !important;
  white-space: nowrap;
}
.datagrid .datagrid-header th a.multiline-link,.datagrid .datagrid-header td a.multiline-link,table .datagrid-header th a.multiline-link, table .datagrid-header td a.multiline-link {
  white-space: normal !important;
  word-wrap: break-word !important;
  display: inline-block !important;
  max-width: 200px !important;
}
.datagrid .datagrid-header th a::after, .datagrid .datagrid-header td a::after, table .datagrid-header th a::after, table .datagrid-header td a::after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: url(../img/icons2021/table-order.svg) no-repeat !important;
  background-size: contain !important;
  margin: 0 -5px 0 5px;
}
.datagrid .datagrid-header th a.popup::after, .datagrid .datagrid-header th a.iconAdd::after, .datagrid .datagrid-header td a.popup::after, .datagrid .datagrid-header td a.iconAdd::after, table .datagrid-header th a.popup::after, table .datagrid-header th a.iconAdd::after, table .datagrid-header td a.popup::after, table .datagrid-header td a.iconAdd::after {
  display: none !important;
}
.datagrid .datagrid-header th:first-child, table .datagrid-header th:first-child {
  border-radius: 4px 0px 0px 0px !important;
}
.datagrid .datagrid-header th:last-child, table .datagrid-header th:last-child {
  border-radius: 0px 4px 0px 0px !important;
}
.datagrid tr.datagrid-item-odd, .datagrid tr.datagrid-item-even, table tr.datagrid-item-odd, table tr.datagrid-item-even {
  border: 0px !important;
}
.datagrid tr.datagrid-item-odd .gestion_ordenes_nopermitido, .datagrid tr.datagrid-item-even .gestion_ordenes_nopermitido, table tr.datagrid-item-odd .gestion_ordenes_nopermitido, table tr.datagrid-item-even .gestion_ordenes_nopermitido {
  font-style: italic !important;
  color: #999;
}
.datagrid tr.datagrid-item-odd td, .datagrid tr.datagrid-item-even td, table tr.datagrid-item-odd td, table tr.datagrid-item-even td {
  border: 1px solid #F3F4F7;
  padding: 5px 10px;
  position: relative;
}
.datagrid tr.datagrid-item-separate-odd td, .datagrid tr.datagrid-item-separate-even td, table tr.datagrid-item-separate-odd td, table tr.datagrid-item-separate-even td {
    border: 1px solid #f3f4f7;
    position: relative
}
    .datagrid tr.datagrid-item-odd td span, .datagrid tr.datagrid-item-even td span, table tr.datagrid-item-odd td span, table tr.datagrid-item-even td span, .nestedGridview tr span {
        font-family: "Roboto", sans-serif !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 14px !important;
        line-height: 20px !important;
        /* identical to box height, or 143% */
        /* Basic / 800 */
        color: #3B4863;
    }
.datagrid tr.datagrid-item-odd td a, .datagrid tr.datagrid-item-even td a, table tr.datagrid-item-odd td a, table tr.datagrid-item-even td a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  /* Basic / 800 */
  color: #3B4863;
  color: #57811e !important;
  text-decoration: none;
}
.datagrid .datagrid-item-odd:hover, .datagrid .datagrid-item-even:hover, table .datagrid-item-odd:hover, table .datagrid-item-even:hover {
  background-color: #E3E7ED;
}
.datagrid .datagrid-item-odd:hover table, .datagrid .datagrid-item-even:hover table, table .datagrid-item-odd:hover table, table .datagrid-item-even:hover table {
  background: unset;
  background-color: #E3E7ED !important;
}
.datagrid .datagrid-item-odd:hover .tableRow1, .datagrid .datagrid-item-odd:hover .tableRow2, .datagrid .datagrid-item-even:hover .tableRow1, .datagrid .datagrid-item-even:hover .tableRow2, table .datagrid-item-odd:hover .tableRow1, table .datagrid-item-odd:hover .tableRow2, table .datagrid-item-even:hover .tableRow1, table .datagrid-item-even:hover .tableRow2 {
  background-color: #E3E7ED;
}
.datagrid .datagrid-item-odd:hover .datagrid-value-alerta-tipoalerta + td, .datagrid .datagrid-item-even:hover .datagrid-value-alerta-tipoalerta + td, table .datagrid-item-odd:hover .datagrid-value-alerta-tipoalerta + td, table .datagrid-item-even:hover .datagrid-value-alerta-tipoalerta + td {
  background-color: #57811e !important;
}
.datagrid .datagrid-item-odd:hover .datagrid-value-alerta-tipoalerta + td img, .datagrid .datagrid-item-even:hover .datagrid-value-alerta-tipoalerta + td img, table .datagrid-item-odd:hover .datagrid-value-alerta-tipoalerta + td img, table .datagrid-item-even:hover .datagrid-value-alerta-tipoalerta + td img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(111deg) brightness(160%) contrast(101%);
}
.datagrid .datagrid-item-odd:hover .datagrid-value-alerta-tipoalerta + td img:hover, .datagrid .datagrid-item-even:hover .datagrid-value-alerta-tipoalerta + td img:hover, table .datagrid-item-odd:hover .datagrid-value-alerta-tipoalerta + td img:hover, table .datagrid-item-even:hover .datagrid-value-alerta-tipoalerta + td img:hover {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(111deg) brightness(160%) contrast(101%) !important;
}
.datagrid .datagrid-pager table, table .datagrid-pager table {
  width: auto;
  border-spacing: 0px;
  padding-top: 10px;
}
.datagrid .datagrid-pager table tbody, table .datagrid-pager table tbody {
  border: 1px solid #FFFFFF;
}
.datagrid .datagrid-pager table tbody tr td, table .datagrid-pager table tbody tr td {
  text-align: center;
  position: relative;
  width: 44px;
  height: 36px;
  background: #FFFFFF;
  border: 0.5px solid #CDD4E0;
  overflow: hidden;
}
.datagrid .datagrid-pager table tbody tr td span, table .datagrid-pager table tbody tr td span {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #1C273B;
  display: block;
  background-color: #E3E7ED;
  padding: 0 15px;
  margin: 0 auto;
  text-align: center;
  line-height: 36px;
}
.datagrid .datagrid-pager table tbody tr td a, table .datagrid-pager table tbody tr td a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #1C273B !important;
  margin: 0;
  padding: 15px;
  text-decoration: none;
}
.datagrid .datagrid-pager table tbody tr td a:hover, table .datagrid-pager table tbody tr td a:hover {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #1C273B;
}
.datagrid .datagrid-pager table tbody tr td:has(> span), table .datagrid-pager table tbody tr td:has(> span) {
  background-color: #CDD4E0;
}
.datagrid .datagrid-pager table tbody tr td:hover, table .datagrid-pager table tbody tr td:hover {
  background: #E3F3CE;
}
.datagrid .datagrid-pager table tbody tr td:hover span, table .datagrid-pager table tbody tr td:hover span {
  color: #4D6F20;
}
.datagrid .datagrid-pager table tbody tr td:hover a, table .datagrid-pager table tbody tr td:hover a {
  color: #4D6F20;
}
.datagrid .datagrid-pager table tbody tr td:first-child, table .datagrid-pager table tbody tr td:first-child {
  border-radius: 4px 0px 0px 4px;
}
.datagrid .datagrid-pager table tbody tr td:last-child, table .datagrid-pager table tbody tr td:last-child {
  border-radius: 0px 4px 4px 0px;
}
.datagrid .datagrid-pager .datagrid-pager-last, table .datagrid-pager .datagrid-pager-last {
  width: 30px;
  height: 30px;
  background: url(../img/icons2021/chevron-right.svg) no-repeat !important;
  position: relative;
  left: -1px;
  transform: scale(0.8);
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.datagrid .datagrid-pager .datagrid-pager-first, table .datagrid-pager .datagrid-pager-first {
  width: 30px;
  height: 30px;
  background: url(../img/icons2021/chevron-left.svg) no-repeat !important;
  position: relative;
  left: -3px;
  transform: scale(0.8);
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.datagrid .backgroundFooter, table .backgroundFooter {
  background: #FFFFFF !important;
  border: 1px solid #F3F4F7 !important;
  font-size: 14px;
  line-height: 20px;
}
.datagrid .datagrid-footer, table .datagrid-footer {
  /*       .infoErrorBallon {
             position: relative !important;
         }*/
}
.datagrid .datagrid-footer td, table .datagrid-footer td {
  padding: 5px 15px 5px 10px !important;
}
.datagrid .datagrid-footer td table, table .datagrid-footer td table {
  width: auto;
}
.datagrid .datagrid-footer td input, table .datagrid-footer td input {
  margin-bottom: 0;
}

.netAsset {
  width: auto;
  min-width: 30%;
}

.home-lista-riesgos a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Brand Color / Primary / 500 */
  color: #57811E;
}

.currentPage {
  background-color: #CDD4E0;
}

.grafico100, .grafico100 > div {
  width: 100% !important;
}

.panelFloatWithoutMargin {
  width: 100%;
}

.rentabilidadRiesgoDatagrid .datagrid-header .iconInfo {
  float: right;
  position: relative;
  margin-left: 10px;
}
.rentabilidadRiesgoDatagrid .datagrid-header th {
  width: 17%;
}

/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
/*=====================================================================================================*/
.navsetCliente {
  border-bottom: none;
}
.navsetCliente .hd ul {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 32px !important;
  padding: 0px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.navsetCliente .hd ul li {
  box-shadow: 0px 1px 4px rgba(0, 27, 54, 0.16);
  border: 0.5px solid #F3F4F7;
  margin: 0 !important;
  width: auto;
  height: 48px;
  background-color: #FFFFFF;
}
.navsetCliente .hd ul li a {
  background-color: #FFFFFF !important;
  color: #596882 !important;
}
.navsetCliente .hd ul li a em {
  background-color: #FFFFFF;
  border: none;
  padding: 0.5em 18px;
}
.navsetCliente .hd ul li:first-child {
  border-radius: 8px 0 0 0;
}
.navsetCliente .hd ul li:last-child {
  border-radius: 0 8px 0 0;
}
.navsetCliente .hd ul li.on a {
  border-bottom: 5px solid #85c431;
}
.navsetCliente .hd ul li.on a em {
  color: #1C273B !important;
  background-color: #FFFFFF;
  border: none;
}

.bottom {
  border-bottom: unset !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.bottom ul li a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 32px !important;
  padding: 0px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 8px;
}

div.current-basic {
  border: none;
}

.qthead-basic {
  margin-top: 50px;
}
.qthead-basic ul.qtabs {
  height: 48px;
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 36px !important;
  padding: 0px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 10px solid #F3F4F7;
  position: relative;
  top: -56px;
}
.qthead-basic ul.qtabs li:first-child {
  border-radius: 8px 0 0 0;
}
.qthead-basic ul.qtabs li:last-child {
  border-radius: 0 8px 0 0;
}
.qthead-basic ul.qtabs li {
  border: none;
  background-color: #FFFFFF !important;
  box-shadow: 0px 1px 4px rgba(0, 27, 54, 0.16);
  border: 0.5px solid #F3F4F7;
  border-radius: 0px;
  width: auto;
  height: 48px;
}
.qthead-basic ul.qtabs li h4 span {
  font-weight: bold !important;
  color: #596882;
  padding: 0.5em 18px;
}
.qthead-basic ul.qtabs li.open {
  height: 45px;
  border-bottom: 4px solid #85c431;
}
.qthead-basic ul.qtabs li.open h4 span {
  font-weight: bold !important;
  color: #1C273B !important;
}

#wizHeader {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 700 */
  color: #596882;
}
#wizHeader a {
  background-color: #E3E7ED !important;
  color: #B5BECF !important;
}
#wizHeader li .nextStep:after {
  border-left-color: #E3E7ED !important;
}
#wizHeader a.currentStep {
  background-color: #85C431 !important;
  color: white !important;
}
#wizHeader li .currentStep:after {
  border-left-color: #85C431 !important;
}

[class*=icon] {
  vertical-align: middle;
}

.icon-min-width {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.iconSize {
  width: 25px;
  height: 25px;
}

.iconSearch img {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/search.svg) no-repeat center/contain !important;
  position: relative;
  left: -30px;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
  margin-top: 0 !important;
}
.iconSearch img:hover {
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

.iconAdd, span.new {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/plus-circle.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconAdd img, span.new img {
  visibility: hidden;
}

.iconAdd:before {
  visibility: hidden;
}

.iconCampany {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/file-plus.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconCalendar {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/calendar.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.imgStar {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/star-fill.svg) no-repeat center/contain !important;
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
  position: relative;
  top: 5px;
}

.imgStarOn {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/star-fill.svg) no-repeat center/contain !important;
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
}

.imgStarOff {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/star.svg) no-repeat center/contain !important;
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
}

input.iconClasification, a.iconClasification img {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/bar-chart-2.svg) no-repeat center/contain !important;
}

.imgComercializableOn, .imgComercializableOff:hover {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/award-fill.svg) no-repeat center/contain !important;
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
}

.imgComercializableOff, .imgComercializableOn:hover {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/award.svg) no-repeat center/contain !important;
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
}

.btnSinSaldo, .btnConSaldo {
  position: relative;
  top: 5px;
  transform: scale(1.3);
}

.iconTickOk {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/check-circle.svg) no-repeat center/contain !important;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

input.iconBell, img.iconBell, a.iconBell img, input.iconBellLink, a.iconBellLink {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/bell.svg) no-repeat center/contain !important;
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
}
input.iconBell img, img.iconBell img, a.iconBell img img, input.iconBellLink img, a.iconBellLink img {
  visibility: hidden;
}

.iconViewMovements {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/credit-card.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconGroupLink, .iconGroup {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/users.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconEdit {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/edit-2.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconEdit img, .iconEdit:before {
  visibility: hidden;
}

.iconEditGo {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/edit-2.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconEditGo img {
  visibility: hidden;
}

.iconHelp {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/info.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconInfoRed {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/info.svg) no-repeat center/contain !important;
  filter: invert(14%) sepia(64%) saturate(7285%) hue-rotate(350deg) brightness(85%) contrast(114%);
}
.iconInfoRed img {
  visibility: hidden;
}

.iconEditGo:before {
  visibility: hidden;
}

.iconEditMoney, span.edit {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/edit-2.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconDeleteLink, .iconDelete {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/trash-2.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconDeleteLinkDisabled, .iconDeleteDisabled {
    width: 25px !important;
    height: 25px !important;
    vertical-align: middle !important;
    background: url(../img/icons2021/trash-2.svg) no-repeat center/contain !important;
    filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
    opacity: 0.2;
}

.iconInfoHTML, .preview {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/file-text.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconInfoHTML img, .preview img {
  visibility: hidden;
}

.iconCopy {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/copy.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconCog {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/settings.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconCancel {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/slash.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconCancel img {
  visibility: hidden;
}

.iconTasks {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/clock.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconTasks img {
  visibility: hidden;
}

.iconPdf, .iconPDFFirma {
  transform: scale(0.7);
  position: relative;
  vertical-align: middle;
}

div.listado-pdf, a.listado-pdf img {
  background: none;
  background: url(../img/icons2021/file-pdf.svg) no-repeat center/contain !important;
}

div.listado-pdf {
  padding-left: 30px !important;
  background-position: left center !important;
}

.iconCancelEdit {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/x-circle.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconLowAdjust {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/alert-triangle.svg) no-repeat center/contain !important;
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
}

.iconFloppy, span.save, span.update {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/save.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconAddCustom {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/user.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconAddCustom:before, .iconAddCustom img {
  visibility: hidden;
}

.iconUpperAdjust {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/alert-circle.svg) no-repeat center/contain !important;
  filter: invert(14%) sepia(64%) saturate(7285%) hue-rotate(350deg) brightness(85%) contrast(114%);
}

.iconAlertCircle {
  display: inline-block;
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/alert-circle.svg) no-repeat center/contain !important;
  filter: invert(14%) sepia(64%) saturate(7285%) hue-rotate(350deg) brightness(85%) contrast(114%);
}

.iconInfo {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/info.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconInfo:before {
  visibility: hidden;
}
.iconInfo img {
  visibility: hidden;
}

.iconEditGodMode, .iconRefresh {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/refresh-cw.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.iconEditGodMode:hover img, .iconRefresh:hover img {
  background: none !important;
}

a.buttonStyle .update, a.buttonListStyle .update {
  background: url(../img/icons2021/save.svg) no-repeat -3px -3px !important;
  background-size: 25px 25px;
}

.new {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/plus-circle.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.new img {
  visibility: hidden;
}

.calculate {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/refresh-cw.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.calculate img {
  visibility: hidden;
}

.edit {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/edit-2.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.edit img {
  visibility: hidden;
}

.save, .saveDraft, .update {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/save.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.save img, .saveDraft img, .update img {
  visibility: hidden;
}

.new {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/plus-circle.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.new img {
  visibility: hidden;
}

.iconLock {
  background: url(../img/icons2021/lock.svg) no-repeat -3px -2px !important;
}

span.saveDraft {
  background: url(../img/icons2021/lock.svg) no-repeat center/contain !important;
}

.iconLockOpen {
  background: url(../img/icons2021/unlock.svg) !important;
  width: 25px;
  height: 25px;
  background-size: contain !important;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

.iconLock, .iconLockClose {
  background: url(../img/icons2021/lock.svg) !important;
  width: 25px;
  height: 25px;
  background-size: contain !important;
  filter: invert(14%) sepia(64%) saturate(7285%) hue-rotate(350deg) brightness(85%) contrast(114%);
}

.iconBellOff {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/bell-off.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.iconAdd:hover, .iconRefresh:hover, .iconFloppy:hover, .iconCalendar:hover, img.calendar:hover, .iconCampany:hover, .iconGroupLink:hover, .iconViewMovements:hover, .iconBellLink:hover, .iconInfoHTML:hover, .iconCopy:hover, .iconCog:hover, .iconAddCustom img:hover, .iconAddLiquidity img:hover {
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

.iconEdit:hover, .iconEditGo:hover, .iconEditMoney:hover {
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
}

.iconDeleteLink:hover, .iconDelete:hover, .iconCancel:hover, .iconCancelEdit:hover, .iconEditGodMode:hover {
  filter: invert(14%) sepia(64%) saturate(7285%) hue-rotate(350deg) brightness(85%) contrast(114%);
}

input.iconViewDetail, a.iconViewDetail img {
  background: url(../img/icons2021/eye.svg) no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  cursor: pointer;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
  position: relative;
}

.parentViewDetail input.iconViewDetail:hover, .parentViewDetail a.iconViewDetail:hover img {
  background: url(../img/icons2021/eye.svg) no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  cursor: pointer;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

input.iconViewDetail:hover, a.iconViewDetail:hover img {
  background: url(../img/icons2021/eye.svg) no-repeat center/contain !important;
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

input.iconHideDetail, a.iconHideDetail img {
    background: url(../img/icons2021/eye-off.svg) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    cursor: pointer;
    filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
    position: relative;
}

.parentViewDetail input.iconHideDetail:hover, .parentViewDetail a.iconHideDetail:hover img {
    background: url(../img/icons2021/eye-off.svg) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    cursor: pointer;
    filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

input.iconHideDetail:hover, a.iconHideDetail:hover img {
    background: url(../img/icons2021/eye-off.svg) no-repeat center/contain !important;
    width: 25px !important;
    height: 25px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

.iconProductAlert {
  background: url(../img/icons2021/bell.svg) no-repeat;
  width: 32px;
  height: 34px;
  position: relative;
  top: -3px;
  left: -2px;
  transform: scale(0.7);
  filter: invert(67%) sepia(77%) saturate(523%) hue-rotate(353deg) brightness(102%) contrast(95%);
}

.iconUser {
  background: url(../img/icons2021/user.svg) no-repeat;
  width: 32px;
  height: 34px;
  position: relative;
  top: -3px;
  left: -2px;
  transform: scale(0.7);
}

.iconAddLiquidity img {
  width: 23px !important;
  height: 23px !important;
  background: url(../img/icons2021/file-plus.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
  position: relative;
  top: -1px;
}

.blueFilter {
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.reload {
  width: 25px;
  height: 25px;
  background: url(../img/icons2021/refresh-cw.svg) no-repeat center/contain !important;
  position: relative;
  left: 8px;
  top: 12px;
  display: inline-block;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

.iconPieChart {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
  background: url(../img/icons2021/pie-chart.svg) no-repeat center/contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.mp {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 8px;
}

.popup-body #contenedor {
  background-color: #FFFFFF;
  min-height: 150px;
}
.popup-body #contenedor #contenedorPopUp {
  padding: 0 25px 25px 25px;
}
.popup-body #contenedor #contenedorPopUp .title {
  width: 179px !important;
}
.popup-body #contenedor #contenedorPopUp h2.titulo {
  margin: 15px 0 20px -5px;
  padding: 0;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000000;
}
.popup-body #contenedor #contenedorPopUp h3 {
  padding: 15px 15px 0px 0 !important;
  margin-left: 0;
}
.popup-body #contenedor #contenedorPopUp div.panel {
  margin: 5px 0 0 0 !important;
  box-shadow: unset;
  padding: 5px 0 15px 0 !important;
  /*margin: 0!important;*/
}
.popup-body #contenedor #contenedorPopUp .boton-al-centro {
  text-align: center;
  margin-top: 20px;
}
.popup-body #contenedor #contenedorPopUp .subheader {
  width: 98%;
}

#fancybox-content {
  border-color: #FFFFFF;
  border-radius: 8px;
  position: relative;
  border-width: 0 !important;
  width: auto !important;
  /*    padding: 5px 0;*/
}

#fancybox-close {
  width: 35px !important;
  height: 35px !important;
  background: url(../img/icons2021/plus.svg) no-repeat !important;
  transform: rotate(45deg);
  background-size: contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
  top: 22px;
  right: 22px;
}

#fancybox-outer {
  border-radius: 4px;
}

#contenedorPopUp .titulo {
  padding: 0 0 10px 0;
}
#contenedorPopUp .panel {
  padding: 25px 25px 40px 25px;
}
#contenedorPopUp .panel .title {
  padding-bottom: 5px;
}
#contenedorPopUp .panel .titleMedium {
  min-width: 215px !important;
}
#contenedorPopUp .panel .titleMedium .styled-select {
  margin-bottom: 5px;
}
#contenedorPopUp .centro {
  text-align: center;
  /* a {
       @include btnLarge2;
       color: $secondaryButton;
       border: 1px solid $secondaryButton;
       text-decoration: none;
       padding: 14px;
   }

   a:hover {
       @include btnLarge2Hover;
       background-color: $secondaryHoverButton !important;
       color: $secondaryButtonTextHover !important;
   }*/
}

.modal_default_main {
  border: 2px solid #B5BECF !important;
  border-radius: 8px;
}

.modal_default_ok {
  border-radius: 4px;
  border: none;
  cursor: pointer;
  width: auto;
  height: 48px;
  padding: 0px 16px !important;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  color: #FFFFFF;
  vertical-align: middle;
  background: #57811E;
}

.modal_default_ok:hover {
  background: #445926 !important;
}

.modal_default_cancel {
  background: #FFFFFF !important;
  border-radius: 4px;
  cursor: pointer;
  width: auto !important;
  height: 48px;
  padding: 0px 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  padding: 15px 16px;
  color: #57811E;
  border: 1px solid #57811E;
}

.modal_default_cancel:hover {
  background-color: #E3F3CE !important;
  color: #57811E !important;
}

.ui-widget-header {
  border: none;
  background: #F3F4F7;
  color: #1C273B;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: 0.08em;
  /* Setup Color / 700 */
  color: #1C273B;
}

.ui-state-active {
  border: none !important;
  background: #57811E !important;
  color: #FFFFFF !important;
  border-radius: 25px !important;
}

.ui-datepicker th {
  color: #CDD4E0;
}

.ui-datepicker {
  background: #F3F4F7;
  z-index: 999;
}
.ui-datepicker .ui-datepicker-calendar {
  background: #F3F4F7;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0.5em 0;
  background: #F3F4F7;
}
.ui-datepicker td span, .ui-datepicker td a {
  text-align: center !important;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: unset;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  margin-left: -10px;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  border: none;
  width: auto;
  transform: scale(0.9);
  position: absolute;
  right: 25px;
  top: 12px;
  background: #F3F4F7;
}
.ui-datepicker .ui-state-default {
  border: none;
  background: #F3F4F7;
  font-weight: bold;
  color: #1C273B;
  height: 27px;
  line-height: 27px;
}
.ui-datepicker .ui-state-highlight {
  border: none !important;
  background: #002466 !important;
  color: #FFFFFF !important;
  border-radius: 25px !important;
}
.ui-datepicker .ui-state-default:hover {
  border: none !important;
  background: #57811E !important;
  color: #FFFFFF !important;
  border-radius: 25px !important;
}
.ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/chevron-left.svg) no-repeat !important;
  background-size: contain !important;
  left: 0;
  top: 11px;
}
.ui-datepicker .ui-datepicker-prev span {
  visibility: hidden;
}
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/chevron-right.svg) no-repeat !important;
  background-size: contain !important;
  right: 0;
  top: 11px;
}
.ui-datepicker .ui-datepicker-next span {
  visibility: hidden;
}

.loadingOver {
  opacity: 0.5;
  display: block !important;
}

.loadingOverContent {
  display: block !important;
  position: absolute !important;
  top: 15%;
  left: 50%;
  width: 60px !important;
  height: 60px !important;
  background-image: url(../img/icons2021/spinner-large.svg) !important;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  margin-top: 13%;
  z-index: 10000001;
  filter: alpha(opacity=40); /* For IE8 and earlier */
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ui-tooltip, .arrow:after {
  background: #3B4863;
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url(../img/componentesJs/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.ui-tooltip {
  max-width: 40% !important;
  width: fit-content;
  padding: 10px 10px;
  color: #F3F4F7;
  border-radius: 8px;
  font: 14px "Roboto", Sans-Serif;
  line-height: 14px;
  letter-spacing: -0.02em;
}

.keepContent {
  position: absolute;
}

.divCsv {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  width: 450px;
  min-height: 104px;
  text-align: center;
  background-color: #F3F4F7;
  border-radius: 8px;
  border: 2px dashed #7886A1;
  padding: 5px 20px 15px;
  box-sizing: border-box;
}
.divCsv .iconUploadCsv {
  width: 100% !important;
  height: 75px !important;
  background: url(../img/icons2021/upload-cloud.svg) no-repeat center !important;
  background-size: 40px 40px !important;
}
.divCsv input {
  color: #85C431 !important;
  border: none;
}

.SliderHeader {
  min-height: 35px;
}

.Slider {
  position: relative;
}


.SliderObjectivesHeader {
    display: flex;
    width: auto;
    height: 20px;
    background-color: #EAEAEA !important;
    padding: 10px 5px 10px 10px;
}


.SliderObjectivesHeaderItem {
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.SliderObjectivesOpen {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    background-color: #ffffff !important;
    border-radius: 4px;
    border: unset !important;
    padding: 10px;
    letter-spacing: .04em;
    text-transform: uppercase;
    position: relative;
    width: auto;
}

    .SliderObjectivesOpen::after {
        content: '';
        float: right;
        align-self: center;
        width: 25px !important;
        height: 25px !important;
        background: url(../../recursos/img/icons2021/minus.svg) no-repeat !important;
        background-size: contain !important;
        position: absolute;
        filter: invert(21%) sepia(78%) saturate(5244%) hue-rotate(229deg) brightness(91%) contrast(87%) !important
    }

.SliderObjectivesClose {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #1c273b;
    background-color: #ffffff !important;
    border-radius: 4px;
    border: unset !important;
    padding: 10px;
    position: relative
}

    .SliderObjectivesClose::after {
        content: '';
        float: right;
        align-self:center;
        width: 25px !important;
        height: 25px !important;
        background: url(../../recursos/img/icons2021/plus.svg) no-repeat !important;
        background-size: contain !important;
        position: absolute;
        filter: invert(78%) sepia(26%) saturate(149%) hue-rotate(181deg) brightness(94%) contrast(87%) !important
    }


.SliderOpen {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  background-color: #E3F3CE !important;
  border-radius: 4px;
  border: unset !important;
  padding: 10px 45px 10px 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  position: relative;
  box-sizing: border-box;
}
.SliderOpen::before {
  content: "";
  float: right;
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/divide-square.svg) no-repeat !important;
  background-size: contain !important;
  position: absolute;
  top: 5px;
  right: 10px;
  filter: invert(41%) sepia(89%) saturate(379%) hue-rotate(43deg) brightness(90%) contrast(89%) !important;
}

.SliderClose {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  /* identical to box height, or 133% */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  /* Setup Color / 900 */
  color: #1C273B;
  background-color: #F3F4F7 !important;
  border-radius: 4px;
  border: unset !important;
  padding: 10px 45px 10px 10px;
  position: relative;
  box-sizing: border-box;
}
.SliderClose::before {
  content: "";
  float: right;
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/plus-square.svg) no-repeat !important;
  background-size: contain !important;
  position: absolute;
  top: 5px;
  right: 10px;
  filter: invert(78%) sepia(26%) saturate(149%) hue-rotate(181deg) brightness(94%) contrast(87%) !important;
}

.SliderContent {
  border: unset !important;
}

.SliderPosiciones {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  /* Setup Color / 900 */
  position: relative;
  color: #1C273B;
  width: 99%;
  margin-bottom: 20px;
  padding: 10px 0 10px 0px !important;
}
.SliderPosiciones .regular-checkbox + label.before + label.before {
  padding: 10px 10px 10px 10px;
  position: absolute;
  width: 99.5%;
  top: 0;
  background-color: #E3F3CE;
  border-radius: 4px;
  border: unset !important;
  padding: 10px;
}
.SliderPosiciones .regular-checkbox + label.before + label.before::before {
  content: "";
  float: right;
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/divide-square.svg) no-repeat;
  background-size: contain !important;
  position: absolute;
  top: 5px;
  right: 10px;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%);
}
.SliderPosiciones .regular-checkbox:checked + label.before {
  display: none !important;
}
.SliderPosiciones .regular-checkbox + label.before {
  display: none !important;
}

.LabelStyle {
  position: absolute;
  width: 99.5%;
  top: 0;
}

.ocultar {
  display: none;
}

html, body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}

h2 {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: 0.08em;
  /* Setup Color / 700 */
  color: #1C273B;
  font-size: 24px;
}
h2 a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Brand Color / Primary / 500 */
  color: #57811E;
}

h3 {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: 0.08em;
  /* Setup Color / 700 */
  color: #1C273B;
  padding: 15px 15px 15px 0;
}
h3 text {
  font-size: 14px !important;
}
h3 span {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: 0.08em;
  /* Setup Color / 700 */
  color: #1C273B;
}

.panel .posiciones, .panel #posiciones, .panelSmall .posiciones, .panelSmall #posiciones, .panelVerySmall .posiciones, .panelVerySmall #posiciones {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: 0.08em;
  /* Setup Color / 700 */
  color: #1C273B;
  letter-spacing: normal !important;
  margin: 5px -15px 5px -15px;
}
.panel a, .panelSmall a, .panelVerySmall a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Brand Color / Primary / 500 */
  color: #57811E;
  font-weight: normal !important;
  color: #57811e !important;
}
.panel h2, .panelSmall h2, .panelVerySmall h2 {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: 0.08em;
  /* Setup Color / 700 */
  color: #1C273B;
}
.panel h2 a, .panelSmall h2 a, .panelVerySmall h2 a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Brand Color / Primary / 500 */
  color: #57811E;
}
.panel h3, .panelSmall h3, .panelVerySmall h3 {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: 0.08em;
  /* Setup Color / 700 */
  color: #1C273B;
  /*        border-bottom: 1px solid #CCCCCC !important;*/
}
.panel h3 a, .panelSmall h3 a, .panelVerySmall h3 a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Brand Color / Primary / 500 */
  color: #57811E;
}
.panel h3 text, .panelSmall h3 text, .panelVerySmall h3 text {
  font-size: 14px !important;
}

.panelSmall {
  margin-bottom: 5px;
}

.marginTop {
  margin-top: 20px;
}

.marginBottom {
  margin-bottom: 20px !important;
}

.paddingTop {
  padding-top: 20px;
}

.paddingBottom {
  padding-bottom: 20px;
}

#contenedorPopUp h2 {
  font-family: "Gudea", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */
  /* Basic / 800 */
  color: #3B4863;
}
#contenedorPopUp h3 {
  font-family: "Gudea", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 40px;
  /* identical to box height, or 133% */
  /* Basic / 800 */
  color: #3B4863;
}

input[type=text], input[type=text][date], input[type=password], .calendar {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

input[type=text]:-webkit-autofill {
  position: relative;
}

input[type=text], input[type=password] {
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #B5BECF;
  border-radius: 4px;
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  /* Basic / 800 */
  color: #3B4863;
}

input[type=text]::placeholder, input[type=password]::placeholder {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  /* Basic / 800 */
  color: #3B4863;
  color: #97A3BA;
}

input[type=text]:focus, input[type=password]:focus {
  border: 1px solid #00396B !important;
  box-shadow: none !important;
}

.titleBigSelect {
  margin-bottom: 0;
}

.styled-select select {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  /* Basic / 800 */
  color: #3B4863;
}

.error {
  background-color: #FFFFFF !important;
  border: 1px solid #FF5630 !important;
  border-radius: 4px !important;
}

.obligatorio {
  border-radius: 4px !important;
}

.buscador_ordenes_filtro_estado span, .buscador_ordenes_filtro_tipo_producto span, .buscador_ordenes_filtro_fecha span {
  margin-right: 10px;
  padding-top: 12px;
}

input[type=button].submit {
  border-radius: 4px;
  border: none;
  cursor: pointer;
  width: auto;
  height: 48px;
  padding: 0px 16px !important;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  color: #FFFFFF;
  vertical-align: middle;
  background: #57811E;
}

input[type=button].submit:hover {
  background: #445926;
}

input[type=button].submit:disabled {
  background: #B5BECF !important;
  color: #FFFFFF !important;
}

.but.green:disabled, .but.green:hover:disabled, .but.blue:disabled, .but.blue:hover:disabled, .but.red.disabled, .but.red:hover:disabled {
  color: #FFFFFF !important;
}

textarea {
  background-color: #FFFFFF !important;
  border: 1px solid #B5BECF !important;
  border-radius: 4px !important;
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  /* Basic / 800 */
  color: #3B4863;
  padding: 12px 20px;
  width: 100%;
  box-sizing: border-box;
}

textarea:focus {
  border: 1px solid #00396B !important;
  box-shadow: none !important;
}

select[multiple] {
  padding: 5px;
}

.styled-select, .styled-select.small, .styled-select.currency {
  background-color: #FFFFFF !important;
  height: 40px;
  overflow: hidden;
  background: url(../img/icons2021/chevron-down.svg) no-repeat right #FFFFFF;
  background-size: 25px;
  border: 1px solid #B5BECF;
  border-radius: 4px;
  width: 210px;
}
.styled-select select, .styled-select.small select, .styled-select.currency select {
  width: 100% !important;
  height: 100%;
  padding: 0 30px 0 20px;
}
.styled-select select option, .styled-select.small select option, .styled-select.currency select option {
  width: 100%;
  word-break: break-word;
}

.selectDivisa select {
  width: 90px !important;
}

.styled-select:not(.changed):focus-within {
  background: url(../img/icons2021/chevron-up.svg) no-repeat right #FFFFFF;
  background-size: 25px !important;
}

.styled-select select, .styled-select.small select, .styled-select.currency select {
  outline: 0;
}

.styled-select {
  overflow: unset;
}

.titleBig .styled-select {
  width: 85%;
  margin-right: 0;
}

.SumoSelect > .CaptionCont > label > i {
  background: url(../img/icons2021/chevron-down.svg) no-repeat right #FFFFFF;
  width: 25px;
  height: 25px;
  background-size: contain;
}

.SumoSelect:focus-within > .CaptionCont > label > i {
  background: url(../img/icons2021/chevron-up.svg) no-repeat right #FFFFFF;
  width: 25px;
  height: 25px;
  background-size: contain;
}

.SumoSelect > .CaptionCont {
  background-color: #FFFFFF !important;
  position: relative;
  border: 1px solid #B5BECF;
  border-radius: 4px;
  line-height: normal;
  height: 30px;
  min-height: unset;
  max-height: unset;
}
.SumoSelect > .CaptionCont span {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  /* Basic / 800 */
  color: #3B4863;
}

.styled-select.small select {
  width: auto;
  cursor: pointer;
}

.SelectBox {
  padding: 5px 8px 5px 20px;
}
.SelectBox:hover {
  outline: none;
}

.SumoSelect {
  width: 100%;
}
.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer;
  line-height: normal;
}
.SumoSelect .selected {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer;
  line-height: normal;
}
.SumoSelect .selected span i {
  background-image: unset !important;
  width: 20px !important;
  height: 20px !important;
  background: url(../img/icons2021/check-square.svg) no-repeat !important;
  background-size: contain !important;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

.styled-select .SumoSelect {
  width: calc(100% + 2px);
  margin: -1px 0 0 -1px;
}

.radioChecked {
  background-color: #E3F3CE;
}

input[type=radio] {
  background-color: #FFFFFF;
  border: 1.5px solid #97A3BA !important;
  box-shadow: none !important;
}

.regular-radio + label {
  box-shadow: none !important;
}

.regular-radio:checked + label, span.regular-radio input:checked + label {
  background-color: #FFFFFF;
  border: 1.5px solid #85c431;
  box-shadow: none !important;
  color: #85c431;
}

.regular-radio:checked + label + label {
  font-weight: bold;
}

.regular-radio:checked + label:after, span.regular-radio input:checked + label:after {
  content: " ";
  width: 9px;
  height: 9px;
  border-radius: 50px;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #85c431;
  font-size: 24px;
}

input[type=checkbox] {
  background-color: #FFFFFF;
  border: 1.5px solid #97A3BA !important;
  box-shadow: none !important;
}

.regular-checkbox {
  display: none;
}

.regular-checkbox + label.before {
  background-color: #fff !important;
  box-shadow: none !important;
  background: url(../img/icons2021/square.svg) no-repeat !important;
  width: 11px;
  height: 11px;
  background-size: contain !important;
  border: unset !important;
  vertical-align: text-bottom;
  filter: invert(78%) sepia(26%) saturate(149%) hue-rotate(181deg) brightness(94%) contrast(87%) !important;
}

.regular-checkbox:hover + label.before, .regular-radio:hover + label.before, .regular-checkbox + label.before:hover, .regular-radio + label.before:hover {
  box-shadow: none !important;
  cursor: pointer;
}

.regular-checkbox:checked + label.before {
  background-color: #fff !important;
  box-shadow: none !important;
  background: url(../img/icons2021/check-square.svg) no-repeat !important;
  width: 11px;
  height: 11px;
  background-size: contain !important;
  border: unset !important;
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

.regular-checkbox:checked + label.before + label.before {
  font-weight: bold;
}

.regular-checkbox:checked + label.before:after {
  content: "";
}

.regular-checkbox:disabled + label.before, .regular-checkbox:checked:disabled + label.before {
  filter: invert(92%) sepia(14%) saturate(225%) hue-rotate(185deg) brightness(91%) contrast(93%) !important;
}

.btnCancel, .btnVolver, .buttonTest, .btnBorrar {
  width: auto !important;
  background: #FFFFFF !important;
  border-radius: 4px;
  cursor: pointer;
  width: auto !important;
  height: 48px;
  padding: 0px 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  color: #57811E !important;
  border: 1px solid #57811E;
  padding: 13px 16px;
  text-decoration: none !important;
  vertical-align: middle;
}

.buttonTest {
  width: 265px !important;
}

.btnFiles {
  width: auto !important;
  background: #FFFFFF !important;
  border-radius: 4px;
  cursor: pointer;
  width: auto !important;
  height: 48px;
  padding: 0px 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  color: #57811E;
  border: 1px solid #57811E;
  padding: 15px 16px;
  text-decoration: none !important;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 10px;
}

.btnCancel:hover, .btnVolver:hover, .buttonTest:hover, .btnFiles:hover, .btnBorrar:hover {
  background-color: #E3F3CE !important;
  color: #57811E !important;
}

.btnRecalcular {
  color: #57811E !important;
  background-color: #FFFFFF !important;
  padding: 0 10px 0 35px !important;
  margin-right: 20px;
}

.btnRecalcular:hover {
  color: #445926 !important;
  background-color: #FFFFFF !important;
}

input[type=text][date] {
  min-width: 150px;
  max-width: 100%;
  padding-right: 50px !important;
  box-sizing: border-box;
}

.title {
  width: 170px !important;
}

.titleBig {
  width: 260px !important;
  float: left;
}

.titleDate {
  width: 190px !important;
  float: left;
}

.title, .titleSmall, .titlePrize, .titleMedium {
    display: inline-flex;
    align-items: center;
}
.title.textBolder, .titleSmall.textBolder, .titlePrize.textBolder {
  align-items: start;
}
.title span, .titleSmall span, .titlePrize span {
  line-height: 18px !important;
}

.flexVertCenter {
  display: inline-flex;
  align-items: center;
}

.generalApiMessageBox {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 14px !important;
  line-height: 18px !important;
  /* identical to box height, or 129% */
  /* Basic / 800 */
  color: #3B4863;
  background: #E8F9FA;
  /* Semmantic / Info / 500 */
  box-shadow: none;
  border: 1px solid #09BAE1;
  border-radius: 4px;
  color: #00396B !important;
  left: 60%;
  top: -2%;
  width: fit-content;
  min-width: 25%;
  max-width: 35%;
  z-index: 1000;
}

.messageboxwarning p, .messageboxerror p, .messageboxinfo p, .messageboxsuccess p {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  /* Basic / 800 */
  color: #3B4863;
}
.messageboxwarning a, .messageboxerror a, .messageboxinfo a, .messageboxsuccess a {
  border: none !important;
  background-color: none;
  height: auto;
  padding: 0 !important;
  background: url(../img/icons2021/plus.svg) no-repeat !important;
  background-size: contain !important;
  transform: rotate(45deg);
  width: 25px !important;
  height: 25px !important;
  position: relative;
  top: -9px;
}
.messageboxwarning a img, .messageboxerror a img, .messageboxinfo a img, .messageboxsuccess a img {
  visibility: hidden;
}
.messageboxwarning a:hover, .messageboxerror a:hover, .messageboxinfo a:hover, .messageboxsuccess a:hover {
  background-color: none;
}

.messageboxerror {
  background-color: #FFEBE0;
  border: 1px solid #FF5630;
  background-size: 30px 30px;
  background-image: url(../img/icons2021/alert-octagon-danger.svg) !important;
}
.messageboxerror p {
  color: #7C1331 !important;
}

.messageboxwarning {
  background-size: 30px 30px;
  background-image: url(../img/icons2021/alert-triangle-warning.svg) !important;
}
.messageboxwarning p {
  color: #7A4A05 !important;
}

.messageboxinfo {
  background-size: 30px 30px;
  background-image: url(../img/icons2021/alert-circle-info.svg) !important;
}
.messageboxinfo p {
  color: #00396B !important;
}

.messageboxsuccess {
  background-size: 30px 30px;
  background-image: url(../img/icons2021/check-circle-success.svg) !important;
}
.messageboxsuccess p {
  color: #106A4E !important;
}

.generalApiMessageBox .closeButton, .generalApiMessageBoxSuccess .closeButton, .generalApiMessageBoxError .closeButton, .generalApiMessageBoxSuccess .closeButton {
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/plus.svg) no-repeat !important;
  background-size: contain !important;
  transform: rotate(45deg);
  position: relative;
  top: 7px;
  right: 7px;
}

.testResultadoContent, .testHistoricoContent {
  width: 100% !important;
}

.inputWidthSmall {
  width: 80px !important;
}

.inputWidthMedium {
  width: 170px !important;
}

.inputWidthLarge {
  width: 300px !important;
}

.inputWidthLarge320 {
  width: 320px !important;
}

.inputWidth90 {
  width: 90px !important;
}

.inputWidth145 {
  width: 145px !important;
}

.inputWidth400 {
  width: 400px !important;
}

.inputWidth420 {
  width: 420px !important;
}

.titleDate150 {
  width: 150px;
}

.minW150 {
  min-width: 150px !important;
}

.minW250 {
  min-width: 250px !important;
}

.widthAuto, .wAuto {
  width: auto !important;
}

.minHeight {
  min-height: 10px;
}

.width5 {
  width: 5% !important;
}

.width10 {
  width: 10% !important;
}

.width15 {
  width: 15% !important;
}

.width20 {
  width: 20% !important;
}

.width25 {
  width: 25% !important;
}

.width30 {
  width: 30% !important;
}

.width35 {
  width: 35% !important;
}

.width40 {
  width: 40% !important;
}

.width100 {
  width: 100% !important;
}

.w210px {
  width: 210px !important;
}

.w214px {
  width: 214px !important;
}

.marginLeft200px {
  margin-left: 200px;
}

.height90 {
  height: 90px;
}

.noMargin {
  margin: 0px !important;
}

.noMarginBottom {
  margin-bottom: 0px !important;
}

.marginR5 {
  margin-right: 5px;
}

.marginL5 {
  margin-left: 5px !important;
}

.marginT5 {
  margin-top: 5px;
}

.marginT10 {
    margin-top: 10px;
}

.marginB5 {
  margin-bottom: 5px;
}

.marginR15 {
  margin-right: 15px;
}

.marginL15 {
  margin-left: 15px !important;
}

.marginT15 {
  margin-top: 15px;
}

.marginB15 {
  margin-bottom: 15px;
}

.marginR50 {
  margin-right: 50px;
}

.marginY10 {
  margin: 10px 0;
}

.marginTop0 {
  margin-top: 0 !important;
}

.marginTop4 {
  margin-top: 4px !important;
}

.marginTop70 {
  margin-top: 70px !important;
}

.marginTop80 {
  margin-top: 80px !important;
}

.marginR10P {
  margin-right: 10% !important;
}

.noPadding {
  padding: 0px !important;
}

.paddingR5 {
  padding-right: 5px;
}

.paddingR15 {
  padding-right: 15px;
}

.paddingL5 {
  padding-left: 5px;
}

.paddingL15 {
  padding-left: 15px;
}

.paddingT5 {
  padding-top: 5px;
}

.paddingT15 {
  padding-top: 15px;
}

.paddingB15 {
  padding-bottom: 15px;
}

.paddingL90 {
  padding-left: 90px !important;
}

.paddingR50 {
  padding-right: 50px !important;
}

.paddingR90 {
  padding-right: 90px !important;
}

.paddingR5P {
  padding-right: 5% !important;
}

.paddingR10P {
  padding-right: 10% !important;
}

.paddingY5 {
  padding: 5px 0;
}

.paddingRightSymbol {
  padding-right: 25px !important;
}

.paddingLeftSymbol {
  padding-left: 25px !important;
}

.displayFlex {
  display: flex;
}

.displayContents {
  display: contents;
}

.displayNone {
  display: none !important;
}

.displayBlock {
  display: block !important;
}

.displayInitial {
  display: initial !important;
}

.displayIFlex {
  display: inline-flex !important;
}

.displayColumn {
  display: flex;
  flex-direction: column;
}

.displayInlineBlock {
  display: inline-block;
}

.overflowHidden {
  overflow: hidden;
}

.pRelative {
  position: relative !important;
}

.scrollableX {
  overflow-x: scroll;
}

.textCenter {
  text-align: center;
}

.textBolder {
  font-weight: bold;
}

.floatR {
  float: right;
}

.TextCenter {
  text-align: center;
}

.lineHeight28 {
  line-height: 28px;
}

.nowrap {
  white-space: nowrap;
}

.contenedor-campos, .contenedor-campos-no-size {
  vertical-align: middle;
  text-align: left;
  margin-bottom: 5px;
}
.contenedor-campos .title input[type=text], .contenedor-campos .title input[type=tel], .contenedor-campos .title input[type=email], .contenedor-campos .title input[type=password], .contenedor-campos .title .styled-select, .contenedor-campos .titleBig input[type=text], .contenedor-campos .titleBig input[type=tel], .contenedor-campos .titleBig input[type=email], .contenedor-campos .titleBig input[type=password], .contenedor-campos .titleBig .styled-select, .contenedor-campos .titleBig input[type=text], .contenedor-campos .titleBig input[type=tel], .contenedor-campos .titleBig input[type=email], .contenedor-campos .titleBig input[type=password], .contenedor-campos .titleBig .styled-select, .contenedor-campos .titleVeryBig input[type=text], .contenedor-campos .titleVeryBig input[type=tel], .contenedor-campos .titleVeryBig input[type=email], .contenedor-campos .titleVeryBig input[type=password], .contenedor-campos .titleVeryBig .styled-select, .contenedor-campos .titleBigSelect input[type=text], .contenedor-campos .titleBigSelect input[type=tel], .contenedor-campos .titleBigSelect input[type=email], .contenedor-campos .titleBigSelect input[type=password], .contenedor-campos .titleBigSelect .styled-select, .contenedor-campos .titleDate input[type=text], .contenedor-campos .titleDate input[type=tel], .contenedor-campos .titleDate input[type=email], .contenedor-campos .titleDate input[type=password], .contenedor-campos .titleDate .styled-select, .contenedor-campos-no-size .title input[type=text], .contenedor-campos-no-size .title input[type=tel], .contenedor-campos-no-size .title input[type=email], .contenedor-campos-no-size .title input[type=password], .contenedor-campos-no-size .title .styled-select, .contenedor-campos-no-size .titleBig input[type=text], .contenedor-campos-no-size .titleBig input[type=tel], .contenedor-campos-no-size .titleBig input[type=email], .contenedor-campos-no-size .titleBig input[type=password], .contenedor-campos-no-size .titleBig .styled-select, .contenedor-campos-no-size .titleBig input[type=text], .contenedor-campos-no-size .titleBig input[type=tel], .contenedor-campos-no-size .titleBig input[type=email], .contenedor-campos-no-size .titleBig input[type=password], .contenedor-campos-no-size .titleBig .styled-select, .contenedor-campos-no-size .titleVeryBig input[type=text], .contenedor-campos-no-size .titleVeryBig input[type=tel], .contenedor-campos-no-size .titleVeryBig input[type=email], .contenedor-campos-no-size .titleVeryBig input[type=password], .contenedor-campos-no-size .titleVeryBig .styled-select, .contenedor-campos-no-size .titleBigSelect input[type=text], .contenedor-campos-no-size .titleBigSelect input[type=tel], .contenedor-campos-no-size .titleBigSelect input[type=email], .contenedor-campos-no-size .titleBigSelect input[type=password], .contenedor-campos-no-size .titleBigSelect .styled-select, .contenedor-campos-no-size .titleDate input[type=text], .contenedor-campos-no-size .titleDate input[type=tel], .contenedor-campos-no-size .titleDate input[type=email], .contenedor-campos-no-size .titleDate input[type=password], .contenedor-campos-no-size .titleDate .styled-select {
  margin-bottom: 0;
}
.contenedor-campos span, .contenedor-campos-no-size span {
  line-height: 28px;
}

.next-row {
  margin-top: 0;
}

.busca-cliente-caracteristicas .title {
  display: inherit;
}

.caracteristica-repeater-item {
  display: inline-flex;
  align-items: center;
}
.caracteristica-repeater-item .regular-checkbox + label.before {
  margin-bottom: 0;
}

.clearfix-height {
  height: auto;
}

.input160 input {
  width: 160px !important;
}

.input170 input {
  width: 170px !important;
}

.input210 input {
  width: 210px !important;
}

.leftArrow {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF !important;
  border: 0.5px solid #CDD4E0 !important;
  border-radius: 4px 0px 0px 4px;
  background-image: url(../img/icons2021/chevron-left.svg) !important;
  background-size: 34px 34px !important;
  background-position: center !important;
  backdrop-filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.leftArrow:hover {
  background-color: #F3F4F7 !important;
}

.rightArrow {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF !important;
  border: 0.5px solid #CDD4E0 !important;
  border-radius: 0px 4px 4px 0px;
  background-image: url(../img/icons2021/chevron-right.svg) !important;
  background-size: 34px 34px !important;
  background-position: center !important;
  backdrop-filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}

.rightArrow:hover {
  background-color: #F3F4F7 !important;
}

.todayButton {
  padding: 0px 12px;
  height: 40px;
  /*btn container*/
  background: #FFFFFF;
  border-radius: 4px;
  /*btn text*/
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */
  align-items: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  background-color: #FFFFFF !important;
  color: #57811E !important;
  border: 1px solid #57811E !important;
}

.todayButton:hover {
  background-color: #E3F3CE !important;
  color: #57811E !important;
}

.colorsToHide {
  visibility: hidden;
}

.divCheckCalendar label:last-child {
  border-radius: 16px;
  padding: 2px 8px;
  margin-left: 10px;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.08em;
  color: #1C273B;
}

/*
.emailCheck {
    label:last-child {
        border: 1px solid $vizTurquoise100;
    }

    .regular-checkbox:checked + label:last-child {
        background-color: $vizTurquoise100 !important;
    }
}
.llamadaCheck {
    label:last-child {
        border: 1px solid $vizGreen100;
    }
}
.visitaCheck {
    label:last-child {
        border: 1px solid $vizOrange100;
    }
}
.pruebaCheck {
    label:last-child {
        border: 1px solid $vizPurple100;
    }
}
.formacionCheck {
    label:last-child {
        border: 1px solid $vizRed100;
    }
}
    */
#ctl00_content_divResetPass a {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Brand Color / Primary / 500 */
  color: #57811E;
  color: #57811e !important;
}

#contenedor {
  background-color: #f3f4f7;
}

#centerContent {
  background-color: #FFFFFF;
  padding: 0 !important;
  display: inline-block;
  text-align: center;
  position: absolute;
  min-width: 250px;
  width: 30%;
  box-shadow: 0px 1px 4px rgba(0, 27, 54, 0.16);
  border-radius: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}

.divMedium {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left:10%;
    margin-right:10%;
}

.BestPortfolioV2 {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.panelEstadisticas {
  background: white;
  box-shadow: 0px 1px 4px rgba(0, 27, 54, 0.16);
  border-radius: 8px;
  padding: 15px;
  margin: 25px 0;
}

.panelModal {
  overflow: hidden;
  padding: 30px 15px 15px 15px;
  margin: 30px 0;
}

.panelBg {
  background: white;
  box-shadow: 0px 1px 4px rgba(0, 27, 54, 0.16);
  border-radius: 8px;
  padding: 15px;
  box-sizing: border-box;
}

.panel {
  background: white;
  box-shadow: 0px 1px 4px rgba(0, 27, 54, 0.16);
  border-radius: 8px;
  padding: 15px 15px 15px 15px;
  margin: 30px 0;
}
.panel .panel {
  box-shadow: none;
  border-radius: none;
  padding: 0;
}
.panel .titulo, .panel h3 {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  /* identical to box height, or 133% */
  letter-spacing: 0.08em;
  /* Setup Color / 700 */
  color: #1C273B;
  border-bottom: 1px solid #F3F4F7;
  margin: 0 -15px 25px -15px;
  padding: 5px 15px 15px 15px;
  border-radius: 8px 8px 0 0;
}

#contenedorBody {
  min-height: 75vh;
  float: right;
  margin: 75px 0 0 0 !important;
  width: calc(100% - 304px);
  margin: 0;
  padding: 20px 30px;
  height: 88vh;
  overflow-y: auto;
  background: #F3F4F7;
}

.saldoTotal:before {
  content: "";
  float: left;
  width: 25px !important;
  height: 25px !important;
  position: relative;
  top: -3px;
  left: -6px;
  background: url(../img/icons2021/dollar-sign.svg) no-repeat !important;
  background-size: contain !important;
}

.citasProgramadas:before {
  content: "";
  float: left;
  width: 25px !important;
  height: 25px !important;
  position: relative;
  top: -3px;
  left: -6px;
  background: url(../img/icons2021/calendar.svg) no-repeat !important;
  background-size: contain !important;
}

.alertas:before {
  content: "";
  float: left;
  width: 25px !important;
  height: 25px !important;
  position: relative;
  top: -3px;
  left: -6px;
  background: url(../img/icons2021/alert-triangle.svg) no-repeat !important;
  background-size: contain !important;
}

.carteraModeloPanel table .datagrid-item-even:hover, .carteraModeloPanel table .datagrid-item-odd:hover {
  background-color: #FFFFFF;
}

.userTitle span {
  font-family: "Gudea", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 30px !important;
  line-height: 40px !important;
  color: #000;
}

.itemBorderedBott, .titleBorderedBott {
  display: block;
  width: 100%;
  border-bottom: 1px solid #F3F4F7;
  padding: 8px 0;
}
.itemBorderedBott img.vinyeta-lista-alertas, .itemBorderedBott img.vinyeta-lista-riesgos, .titleBorderedBott img.vinyeta-lista-alertas, .titleBorderedBott img.vinyeta-lista-riesgos {
  display: none;
}

.home-lista-riesgos .itemBorderedBott {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 -15px;
}

.divTestIdoneidad .titleBorderedBott, .divCRM .titleBorderedBott {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 -15px;
}
.divTestIdoneidad .itemBorderedBott, .divCRM .itemBorderedBott {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 -15px;
}

.BestPortfolioV2 .posiciones {
  font-family: "Roboto", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  /* Basic / 800 */
  color: #3B4863;
}
.BestPortfolioV2 .datagrid-value-alternative-watchlist-producto .iconUser {
  top: 3px;
}
.BestPortfolioV2 .datagrid-value-alternative-watchlist-producto .iconBellLink {
  top: -5px;
  position: relative;
}
.BestPortfolioV2 .errorInside .infoErrorBallon {
  position: relative important;
  top: -20px;
}
.BestPortfolioV2 .informeEvolucionPanel .iconSize {
  position: relative;
  top: 5px;
}
.BestPortfolioV2 .informeEvolucionPanel .iconInfoRed {
  position: relative;
  top: -2px;
}
.BestPortfolioV2 .informeEvolucionPanel .iconInfo {
  position: relative;
  top: 2px;
}

.monitor-avisos h2 {
  border-radius: 0;
  background: none;
  margin-bottom: 0;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.monitor-avisos h3 {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.backgroundPanelContainer {
  background-color: #FFFFFF !important;
  border-radius: 8px;
}
.backgroundPanelContainer .panel:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.backgroundPanelContainer .panel {
  box-shadow: none;
}
.backgroundPanelContainer .titleSelect {
  width: 240px !important;
}

.busquedaAvanzadaCliente .datagrid .datagrid-item-odd:hover, .busquedaAvanzadaCliente .datagrid .datagrid-item-even:hover, .caracteristicasClientePanel .datagrid .datagrid-item-odd:hover, .caracteristicasClientePanel .datagrid .datagrid-item-even:hover {
  background-color: #FFFFFF;
}
.busquedaAvanzadaCliente .dropDownOption, .caracteristicasClientePanel .dropDownOption {
  margin: 25px 0;
}
.busquedaAvanzadaCliente .datosCliente div div, .caracteristicasClientePanel .datosCliente div div {
  display: flex;
  flex-direction: column;
}
.busquedaAvanzadaCliente .datosCliente div div span, .caracteristicasClientePanel .datosCliente div div span {
  margin-bottom: 5px;
}
.busquedaAvanzadaCliente .datosCliente div div[class*=buscador-cliente-avanzado], .caracteristicasClientePanel .datosCliente div div[class*=buscador-cliente-avanzado] {
  width: 45%;
  padding-right: 0;
  position: relative;
}
.busquedaAvanzadaCliente .datosCliente div div[class*=buscador-cliente-avanzado] .titleBig-tipoCliente input, .caracteristicasClientePanel .datosCliente div div[class*=buscador-cliente-avanzado] .titleBig-tipoCliente input {
  width: auto !important;
}
.busquedaAvanzadaCliente .datosCliente div div[class*=buscador-cliente-avanzado] .titleBig-tipoCliente a, .caracteristicasClientePanel .datosCliente div div[class*=buscador-cliente-avanzado] .titleBig-tipoCliente a {
  position: absolute;
  top: 31px;
  right: 10px;
}
.busquedaAvanzadaCliente .datosCliente div div[class*=buscador-cliente-avanzado] .titleBig-tipoCliente a img, .caracteristicasClientePanel .datosCliente div div[class*=buscador-cliente-avanzado] .titleBig-tipoCliente a img {
  left: auto;
}
.busquedaAvanzadaCliente .divContrato div .txtNumContrato, .caracteristicasClientePanel .divContrato div .txtNumContrato {
  display: flex;
  flex-direction: column;
  width: 46%;
  padding-right: 0;
  position: relative;
}
.busquedaAvanzadaCliente .carteraClienteDatos div[class*=buscador-cliente-avanzado], .busquedaAvanzadaCliente .numeroContratoDatos div[class*=buscador-cliente-avanzado], .caracteristicasClientePanel .carteraClienteDatos div[class*=buscador-cliente-avanzado], .caracteristicasClientePanel .numeroContratoDatos div[class*=buscador-cliente-avanzado] {
  width: 45%;
  padding-right: 0;
  position: relative;
}
.busquedaAvanzadaCliente .carteraClienteDatos div[class*=buscador-cliente-avanzado] input, .busquedaAvanzadaCliente .numeroContratoDatos div[class*=buscador-cliente-avanzado] input, .caracteristicasClientePanel .carteraClienteDatos div[class*=buscador-cliente-avanzado] input, .caracteristicasClientePanel .numeroContratoDatos div[class*=buscador-cliente-avanzado] input {
  width: auto !important;
}
.busquedaAvanzadaCliente .carteraClienteDatos div[class*=buscador-cliente-avanzado] span, .busquedaAvanzadaCliente .numeroContratoDatos div[class*=buscador-cliente-avanzado] span, .caracteristicasClientePanel .carteraClienteDatos div[class*=buscador-cliente-avanzado] span, .caracteristicasClientePanel .numeroContratoDatos div[class*=buscador-cliente-avanzado] span {
  font-weight: bold;
}
.busquedaAvanzadaCliente .carteraClienteDatos div[class*=buscador-cliente-avanzado] .dropEntidad .styled-select, .busquedaAvanzadaCliente .numeroContratoDatos div[class*=buscador-cliente-avanzado] .dropEntidad .styled-select, .caracteristicasClientePanel .carteraClienteDatos div[class*=buscador-cliente-avanzado] .dropEntidad .styled-select, .caracteristicasClientePanel .numeroContratoDatos div[class*=buscador-cliente-avanzado] .dropEntidad .styled-select {
  width: auto;
}
.busquedaAvanzadaCliente .carteraClienteDatos div[class*=buscador-cliente-avanzado] .dropEntidad .styled-select select, .busquedaAvanzadaCliente .numeroContratoDatos div[class*=buscador-cliente-avanzado] .dropEntidad .styled-select select, .caracteristicasClientePanel .carteraClienteDatos div[class*=buscador-cliente-avanzado] .dropEntidad .styled-select select, .caracteristicasClientePanel .numeroContratoDatos div[class*=buscador-cliente-avanzado] .dropEntidad .styled-select select {
  width: 100% !important;
}
.busquedaAvanzadaCliente .productoCarteraDatos div[class*=buscador-cliente-avanzado], .caracteristicasClientePanel .productoCarteraDatos div[class*=buscador-cliente-avanzado] {
  width: 45%;
  padding-right: 0;
  position: relative;
}
.busquedaAvanzadaCliente .productoCarteraDatos .buscadorProducto input, .caracteristicasClientePanel .productoCarteraDatos .buscadorProducto input {
  width: auto !important;
}
.busquedaAvanzadaCliente .productoCarteraDatos .buscadorProducto a, .caracteristicasClientePanel .productoCarteraDatos .buscadorProducto a {
  position: absolute;
  top: 41px;
  right: 12%;
}
.busquedaAvanzadaCliente .productoCarteraDatos .buscadorProducto a img, .caracteristicasClientePanel .productoCarteraDatos .buscadorProducto a img {
  left: auto;
}
.busquedaAvanzadaCliente .productoCarteraDatos .importeMin, .busquedaAvanzadaCliente .productoCarteraDatos .importeMax, .caracteristicasClientePanel .productoCarteraDatos .importeMin, .caracteristicasClientePanel .productoCarteraDatos .importeMax {
  position: relative;
}
.busquedaAvanzadaCliente .productoCarteraDatos .importeMin span.symbol, .busquedaAvanzadaCliente .productoCarteraDatos .importeMax span.symbol, .caracteristicasClientePanel .productoCarteraDatos .importeMin span.symbol, .caracteristicasClientePanel .productoCarteraDatos .importeMax span.symbol {
  position: absolute;
  top: 30px;
  left: 220px;
}
.busquedaAvanzadaCliente .productoCarteraDatos .importeMin span.symbolBegin, .busquedaAvanzadaCliente .productoCarteraDatos .importeMax span.symbolBegin, .caracteristicasClientePanel .productoCarteraDatos .importeMin span.symbolBegin, .caracteristicasClientePanel .productoCarteraDatos .importeMax span.symbolBegin {
  position: absolute;
  top: 30px;
  left: 140px;
}
.busquedaAvanzadaCliente .fechasDatos div[class*=buscador-cliente-avanzado], .caracteristicasClientePanel .fechasDatos div[class*=buscador-cliente-avanzado] {
  width: 45%;
  padding-right: 0;
  position: relative;
  box-sizing: border-box;
}
.busquedaAvanzadaCliente .fechasDatos div[class*=buscador-cliente-avanzado] input[type=text][date], .caracteristicasClientePanel .fechasDatos div[class*=buscador-cliente-avanzado] input[type=text][date] {
  width: 180px;
}
.busquedaAvanzadaCliente .fechasDatos div[class*=buscador-cliente-avanzado] img.calendar, .caracteristicasClientePanel .fechasDatos div[class*=buscador-cliente-avanzado] img.calendar {
  position: absolute;
  left: 170px;
  top: 28px;
}
.busquedaAvanzadaCliente .buscador-cliente-avanzado-apellido2-sep, .busquedaAvanzadaCliente .buscador-cliente-avanzado-idCliente-sep, .caracteristicasClientePanel .buscador-cliente-avanzado-apellido2-sep, .caracteristicasClientePanel .buscador-cliente-avanzado-idCliente-sep {
  clear: unset !important;
}

.direccionAltaClientePanel .contenedor-campos {
  min-width: 200px;
}
@media (max-width: 1695px) {
  .direccionAltaClientePanel .datos-contacto-direccion-puerta > div:nth-of-type(1) {
    width: 160px !important;
  }
  .direccionAltaClientePanel .datos-contacto-direccion-puerta > div:nth-of-type(2) {
    width: 260px !important;
  }
}
@media (max-width: 1438px) {
  .direccionAltaClientePanel .datos-contacto-direccion-piso > div:nth-of-type(1) {
    width: 160px !important;
  }
  .direccionAltaClientePanel .datos-contacto-direccion-piso > div:nth-of-type(2) {
    width: 335px !important;
  }
  .direccionAltaClientePanel .datos-contacto-direccion-puerta > div:nth-of-type(2) {
    width: auto !important;
  }
}
@media (max-width: 1252px) {
  .direccionAltaClientePanel .datos-contacto-direccion-piso > div:nth-of-type(1),
  .direccionAltaClientePanel .datos-contacto-direccion-puerta > div:nth-of-type(1),
  .direccionAltaClientePanel .datos-contacto-direccion-via-numero > div:nth-of-type(1),
  .direccionAltaClientePanel .datos-contacto-direccion-escalera > div:nth-of-type(1) {
    width: 160px !important;
  }
  .direccionAltaClientePanel .datos-contacto-direccion-piso > div:nth-of-type(2),
  .direccionAltaClientePanel .datos-contacto-direccion-puerta > div:nth-of-type(2),
  .direccionAltaClientePanel .datos-contacto-direccion-via-numero > div:nth-of-type(2),
  .direccionAltaClientePanel .datos-contacto-direccion-escalera > div:nth-of-type(2) {
    width: 335px !important;
  }
}

.calendar {
  padding: 0 !important;
}

img.calendar {
  background: url(../img/icons2021/calendar.svg) no-repeat !important;
  background-size: contain !important;
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
  position: relative;
  left: -10px;
  top: 2px;
  transform: scale(1.6);
  margin-top: 0;
}

.caracteristicasClientePanel tr:hover, .caracteristicasClientePanel td:hover {
  background-color: #FFFFFF !important;
}

.altaClientePanel {
  padding-top: 0;
}
.altaClientePanel .current-basic {
  position: relative;
  top: -30px;
  padding-top: 10px;
}
.altaClientePanel .panel {
  margin-top: 0;
}
.altaClientePanel .titlePrize {
  width: 160px !important;
}

.qtcontent {
  background-color: #FFFFFF;
  padding: 0 0 50px 0;
  padding: 0;
}

.datos-personales {
  background-color: #FFFFFF !important;
}

input[type=image].excelListaClientes {
  width: 25px !important;
  height: 25px !important;
  vertical-align: middle !important;
}

.listadoMovimientosPanel .panel {
  display: grid !important;
}
.listadoMovimientosPanel .datagrid .iconEdit {
  position: relative;
  top: -6px;
}

.reporting-header-boton-whatif {
  background: #FFFFFF !important;
  border-radius: 4px;
  cursor: pointer;
  width: auto !important;
  height: 48px;
  padding: 0px 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  margin-right: 20px !important;
  color: #57811E !important;
  border: 1px solid #57811E !important;
}

.reporting-header-boton-whatif:hover {
  background-color: #E3F3CE !important;
  color: #57811E !important;
}

.informeCarteraTitulo {
  margin: 0 -35px 25px -20px !important;
  padding: 0px 15px 15px 15px !important;
}
.informeCarteraTitulo span:before {
  content: "";
  float: left;
  width: 25px !important;
  height: 25px !important;
  position: relative;
  top: -3px;
  left: -6px;
  background: url(../img/icons2021/clipboard.svg) no-repeat !important;
  background-size: contain !important;
  margin-right: 5px;
}

.informeCarteraSubtitulo {
  display: block;
  padding-bottom: 20px;
}

.reporting-header-modulos {
  position: relative;
  top: -12px;
}

.divFechaComparativa {
  width: 140px;
}

.camposFecha {
  min-width: 190px !important;
  display: flex;
  flex-direction: column;
}

.minWidth {
  min-width: 35%;
}

.divisasWidth .styled-select {
  width: 325px !important;
}
.divisasWidth .styled-select select {
  width: 325px !important;
}

.reporting-header1 {
  width: 15%;
}

.reporting-header3 {
  width: 22%;
}

.tituloInforme {
  padding: 0 15px 15px 15px !important;
  margin: 10px -15px;
}

.cartera-list-title .imgStar {
  position: relative;
  top: 0;
}

.panelNuevaCartera select {
  min-width: 320px !important;
}

.panelCarteraList {
  background: white;
  box-shadow: 0px 1px 4px rgba(0, 27, 54, 0.16);
  border-radius: 8px;
  padding: 15px;
}
.panelCarteraList .datagrid th a:before {
  display: none;
}
.panelCarteraList .datagrid th a:after {
  display: none;
}
.panelCarteraList .datagrid .iconEdit {
  position: relative;
  top: -7px;
}
.panelCarteraList .slidingUp, .panelCarteraList .slidingDown {
  margin-top: 30px;
}

.carteraModeloGrid td .iconEdit {
  top: 0 !important;
}

.labelPdf span {
  position: relative;
  top: 10px;
}

.cuentaLiquidezMovimientosPanel .fp-styled-select {
  position: relative;
  top: -5px;
}

.divTipoAsesoramiento .infoErrorBallon {
  position: relative important;
  width: 485px;
}

.huellaCarbonoTable .tableRow1 td, .huellaCarbonoTable .tableRow2 td, .estrategiaCarbonoTable .tableRow1 td, .estrategiaCarbonoTable .tableRow2 td {
  border: none !important;
}

.climaPanel table {
  display: inline-block;
  border: none !important;
}

.carterasSliding .tituloInforme span:before {
  content: "";
  float: left;
  width: 25px !important;
  height: 25px !important;
  margin-right: 10px;
  background: url(../img/icons2021/briefcase.svg) no-repeat !important;
  background-size: contain !important;
}


.mostrarFechaEvolucion {
  width: 150px;
}

.cuentaAdjuntosPanel {
  min-height: 250px;
}
.cuentaAdjuntosPanel iframe {
  min-height: 250px;
}
.cuentaAdjuntosPanel iframe body.popup-body {
  min-height: 255px;
}
.cuentaAdjuntosPanel iframe body.popup-body #contenedor {
  min-height: 150px !important;
}

.btnAceptarAdjunto {
  border-radius: 4px;
  border: none;
  cursor: pointer;
  width: auto;
  height: 48px;
  padding: 0px 16px !important;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  color: #FFFFFF;
  vertical-align: middle;
  background-color: #57811E !important;
  position: relative;
  top: 60px;
  left: 220px;
}

.btnAceptarAdjunto:hover {
  background: #445926 !important;
}

.propuestaOpcionesPanel .selectPropuesta {
  display: inline-block;
}

.informeGDCPanel {
  padding-top: 30px !important;
}

.subPanelButtons {
  padding-top: 25px;
  padding-right: 25px;
}
.subPanelButtons .botonera {
  position: relative;
}
.subPanelButtons .botonera span {
  min-width: 35px !important;
}
.subPanelButtons .botonera a.buttonListStyle {
  /*display: contents;*/
  min-width: 250px !important;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  align-items: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 8px;
  color: #57811e;
  padding: 0;
  margin: 0;
}
.subPanelButtons .botonera a.buttonListStyle.calculate:before {
  content: "";
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/refresh-cw.svg) no-repeat !important;
  background-size: contain !important;
  /*position: absolute;
  left: 0;
  top: 5px;*/
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.subPanelButtons .botonera a.buttonListStyle.saveDraft:before {
  content: "";
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/lock.svg) no-repeat !important;
  background-size: contain !important;
  /*position: absolute;
  left: 0;
  top: 5px;*/
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.subPanelButtons .botonera a.buttonListStyle.save:before, .subPanelButtons .botonera a.buttonListStyle.update:before {
  content: "";
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/save.svg) no-repeat !important;
  background-size: contain !important;
 /* position: absolute;
  left: 0;
  top: 5px;*/
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.subPanelButtons .botonera a.buttonListStyle.preview:before {
  content: "";
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/file-text.svg) no-repeat !important;
  background-size: contain !important;
  /*position: absolute;
  left: 0;
  top: 5px;*/
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.subPanelButtons .botonera a.buttonListStyle.edit:before {
  content: "";
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/edit-2.svg) no-repeat !important;
  background-size: contain !important;
 /* position: absolute;
  left: 0;
  top: 5px;*/
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.subPanelButtons .botonera a.buttonListStyle.new:before {
  content: "";
  width: 25px !important;
  height: 25px !important;
  background: url(../img/icons2021/plus-circle.svg) no-repeat !important;
  background-size: contain !important;
/*  position: absolute;
  left: 0;
  top: 5px;*/
  filter: invert(58%) sepia(12%) saturate(746%) hue-rotate(181deg) brightness(88%) contrast(84%);
}
.subPanelButtons span.preview {
  width: auto !important;
}

.glosarioPanel td:hover {
  background-color: #FFFFFF !important;
}

.valorLiquidativo {
  padding-right: 25px !important;
  width: 90px !important;
}

.datagridDouble .datagrid-header th {
  padding: 2px 5px !important;
}
.datagridDouble tr td {
  padding: 2px 5px !important;
}
.datagridDouble .iconEdit {
  position: relative;
  top: -5px;
}

.clientPocketButtonsContratos {
  margin: 25px -25px 0px -25px !important;
}
.clientPocketButtonsContratos .titleMedium:first-child {
  padding-left: 20px;
}
.clientPocketButtonsContratos .titleMedium {
  padding-right: 20px;
}

.clientPocketButtons {
  margin: 25px -35px 0px -35px;
  padding-top: 20px;
  border-top: 1px solid #E3E7ED;
}
.clientPocketButtons .titleMedium:first-child {
  float: left;
  width: auto !important;
}
.clientPocketButtons .titleMedium {
  float: right;
  width: auto !important;
}

.alertasClientePanel .iconEditGo {
  position: relative;
  top: -6px;
}

.objetoSinPlanificar {
  padding-top: 40px;
}

.generarObjetivos {
  padding-top: 25px;
}

.tipoEvento {
  display: grid;
}

.perfilClientePanel {
  display: flow-root;
}
.perfilClientePanel span.titulo {
  padding: 15px 15px 15px 0;
}
.perfilClientePanel .testOpciones {
  width: 260px !important;
}
.perfilClientePanel .testOpciones .testOpcionesContent {
  width: auto;
  margin: 0 !important;
}
.perfilClientePanel .testOpciones .testOpcionesContent .opcionesBottom {
  float: none;
  text-align: center;
}
.perfilClientePanel .testOpciones .testOpcionesContent .opcionesBottom .listado-pdf {
  display: inline-block;
  width: auto !important;
  min-width: 100px;
}

.documentosClientePanel .title {
  padding-top: 10px;
}

.loadDocuments {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.loadDocuments .camposSelect {
  display: inline-block;
}
.loadDocuments .camposSelect .title {
  padding-top: 30px;
}
.loadDocuments .camposSelect .titleBig {
  padding-top: 22px;
}
.loadDocuments .camposSelect .titleBig .styled-select {
  margin-bottom: 22px;
}
.loadDocuments .camposCSV {
  display: inline-block;
  margin: 0 20px;
}
.loadDocuments .camposCSV span {
  margin-bottom: 2px;
}
.loadDocuments .camposCSV .divCsv {
  margin-top: 5px;
}
.loadDocuments .botonCarga {
  padding-top: 22px;
}
.loadDocuments .botonCarga .submit {
  position: relative;
}

.contenedor-campos-adjuntos {
  min-height: 36px;
  margin-bottom: 0;
}

.contenedor-lineal {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}

.panelDocumentos, .panelUsuarios {
  margin-bottom: 25px;
}

.nueva-tarea {
  vertical-align: middle;
}

.nueva-tarea-panel {
  padding-top: 0;
}

.Slider .SliderHeader {
  /*
  span {
      @include p1Paragraph;
  }
   */
}
.Slider .SliderHeader:hover {
  background-color: #E3E7ED;
}
.Slider .slidingDown span {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold !important;
}

span.symbolBig {
  margin-left: 5px;
}

.buscadoresAlertas .titleBigSelect {
  width: 550px !important;
}
.buscadoresAlertas .titleBigSelect .autocompleter {
  width: 450px;
}

.contenedor-campos-doble {
  min-width: 760px;
}
.contenedor-campos-doble .titleBigSelect {
  width: 630px !important;
}
.contenedor-campos-doble .titleBigSelect .autocompleter {
  width: 540px;
}

.nuevoMovimientoModalPanel .contenedor-campos {
  display: unset;
}

input.symbolBig {
  padding-right: 10px !important;
  padding-left: 35px !important;
}

.opcionBusquedaPanel {
  min-height: 180px;
}
.fc-header-right .fc-boton {
  border-radius: unset !important;
  padding: 0px 12px;
  height: 40px;
  /*btn container*/
  background: #FFFFFF;
  border-radius: 4px;
  /*btn text*/
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */
  align-items: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  /* Setup Color / 000 */
  margin-right: -3px;
}
.fc-header-right .fc-borderLeft {
  border-radius: 4px 0 0 4px !important;
}
.fc-header-right .fc-borderRight {
  border-radius: 0 4px 4px 0 !important;
}
.fc-header-right .fc-botonSelected {
  background-color: #E3F3CE !important;
  color: #57811E !important;
}
.fc-header-right .iconViewDetail, .fc-header-right .iconCalendar {
  margin-right: 60px;
}
.fc-header-right .iconViewDetail:hover {
  filter: invert(65%) sepia(76%) saturate(410%) hue-rotate(42deg) brightness(93%) contrast(89%) !important;
}

.filtroEventosPanel {
  padding: 25px;
}

.filter-statistics-selector, .filter-statistics-segment {
  width: 400px;
}

.statistics-module .panel {
  padding: 0;
  box-shadow: unset;
}

.statisticsWidth label + label {
  display: inline-block;
  width: 80px;
}
.statisticsWidth input {
  width: 187px !important;
}

.statisticsEvents .panel {
  padding: 0;
  margin: 0;
  box-shadow: unset;
}
.statisticsEvents .panel h3 {
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: unset;
}
.statisticsEvents .datagrid-footer td {
  padding: 5px 10px !important;
}

.btnFiltro {
  display: inline-block;
  float: right;
}

.propiedadesContratoPanel .gdc_contratoprop_left .gdc_titulares {
  /*.iconSearch{
      position:relative;
      top:5px;
      margin-right:20px;
  }*/
}
.propiedadesContratoPanel .gdc_contratoprop_left .gdc_titulares .gdc_titular_principal {
  padding: 20px 0 0 0;
}
.propiedadesContratoPanel .gdc_contratoprop_left .gdc_titulares .gdc_titulares_secundarios {
  padding: 20px 0;
}
.propiedadesContratoPanel .gdc_contratoprop_right {
  padding-top: 100px;
}

.gdc_rebalanceos_filtros_ultimo_rebalanceo label {
  width: 0px;
  height: 0px;
  position: relative;
  top: 7px;
  left: -1px;
}

.buscadorRebalanceosPanel {
  min-height: 100px;
}

.tarifa-editar {
  width: unset;
}

.comentariosGeneralesPanel .iconDeleteLink, .comentarioPanel .iconDeleteLink {
  width: 26px !important;
  height: 34px !important;
  position: relative;
  top: 8px;
}
.comentariosGeneralesPanel .iconSaveLink, .comentarioPanel .iconSaveLink {
  width: 26px !important;
  height: 34px !important;
  position: relative;
  top: 8px;
}
.comentariosGeneralesPanel .iconEdit, .comentarioPanel .iconEdit {
  position: relative;
  top: -6px;
}
.comentariosGeneralesPanel .iconAdd, .comentarioPanel .iconAdd {
  position: relative;
  top: 8px;
  left: -5px;
}

.mce-container {
  display: unset;
  /* width: 500px!important;*/
}

.padlock input[type=image] {
  transform: scale(0.5);
}

.arrowYearLeft, .arrowYearRight {
  float: right;
  width: 20px;
  height: 35px;
  margin-left: -4px;
  border: 0;
}

.yearField {
  position: relative;
  left: -3px;
  border-radius: 0 !important;
}

.excelComisiones {
  padding: 0 15px;
}

.alta-contrato-propiedades {
  width: 35%;
}

.alta-contrato-perfil {
  width: 50%;
}

.datagridComisiones .iconAddCustom {
  position: relative;
  top: -5px;
}

.datagridCuentasAsociadas .iconEdit {
  position: relative;
  top: 2px;
}

.buscadorOrdenesPanel {
  min-height: 150px;
}
.buscadorOrdenesPanel .autocompleter {
  width: 210px;
  box-sizing: border-box;
}
.buscadorOrdenesPanel .textInputRightWidth {
  width: 170px;
}
.buscadorOrdenesPanel .buscador_ordenes_filtro_tipo_producto,
.buscadorOrdenesPanel .buscador_ordenes_filtros_tipo,
.buscadorOrdenesPanel .buscador_ordenes_filtro_estado,
.buscadorOrdenesPanel .buscador_ordenes_filtro_margin {
  margin-bottom: 10px;
}
.buscadorOrdenesPanel .buscador_ordenes_filtro_tipo_producto,
.buscadorOrdenesPanel .buscador_ordenes_filtro_fecha,
.buscadorOrdenesPanel .buscador_ordenes_filtros_tipo,
.buscadorOrdenesPanel .buscador_ordenes_filtros_campos,
.buscadorOrdenesPanel .buscador_ordenes_filtro_estado {
  width: 450px;
  margin-right: 0;
}
.buscadorOrdenesPanel .buscador_ordenes_filtro_tipo_producto > span,
.buscadorOrdenesPanel .buscador_ordenes_filtro_fecha > span,
.buscadorOrdenesPanel .buscador_ordenes_filtros_tipo > span,
.buscadorOrdenesPanel .buscador_ordenes_filtros_campos > span,
.buscadorOrdenesPanel .buscador_ordenes_filtro_estado > span {
  width: 190px;
}
.buscadorOrdenesPanel .buscador_ordenes_filtros_campos .iconSearch {
  position: relative;
  top: 8px;
  left: 3px;
}

.divDatagridPanel {
  overflow-x: scroll;
}

.altaOrdenesPanelRTO {
  display: flow-root;
}

.costesYGastosPanel {
  margin-top: -11px;
}

#uplodaFileFav {
  max-width: 600px;
}

.valignImgWithText .iconPdf {
  position: relative;
  top: 0px !important;
}

.titleProducto {
  max-width: 850px;
}

.campaing-nueva-campaing-descripcion {
  width: 100%;
  height: 150px;
}

.w100 {
  width: 100%;
  box-sizing: border-box;
}

.maxw800 {
  max-width: 800px;
}

.topMinus60 {
  margin-top: 0;
}
.topMinus60 .datagrid-header {
  height: auto !important;
  border: none !important;
}
.topMinus60 .datagrid-header tr, .topMinus60 .datagrid-header th {
  height: auto !important;
}
.topMinus60 .datagrid-header tr span, .topMinus60 .datagrid-header th span {
  display: none;
}

.cuadrePosicionesPanel .fechaResumen {
  margin-right: 5px;
}
.cuadrePosicionesPanel #divFechaDescuadres {
  padding-top: 5px;
}
.cuadrePosicionesPanel #divBuscadorProducto {
  width: 280px !important;
  padding-top: 5px;
  margin-right: 35px;
}
.cuadrePosicionesPanel #divBuscadorProducto input[type=text] {
  width: 45%;
}
.cuadrePosicionesPanel #divBuscadorCuenta {
  padding-top: 5px;
}

.panelCRM .titleBigSelect .styled-select,
.panelCRM .titleBigSelect input[type=text] {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
}

.propuesta-cliente .botonera .but {
  background-position: left center !important;
  padding: 0 10px;
}
.propuesta-cliente .botonera .but span {
  margin-top: 3px;
}
.graficaSecciones {
    width: auto !important;
    display: inline-block;
}
.pieChart{
    width:500px !important;
}
.buttonExpand {
    margin: 10%;
}
.targetTitle {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-left: 20px;
    text-align: left;
}

.targetScore {
    width: 65%;
    float: left;
    display: inline-grid;
    align-content: center;
    text-align: left;
}

.targetItem {
    display: flex;
    width: 100%;
    height: 35px;
}