/*font*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

* {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
}

body {
    color: #00233f;
}


/*Login*/

img.logo2 {
    display: none;
}

.bg-color {
    min-height: 100vh;
    /*background-image: url(bg-adm.svg);*/
    background-size: cover;
    width: 100%;
    /*height: 100vh;*/
    height: max-content;
    position: relative;
    background-color: #00233f !important;
    background-repeat: no-repeat;
}

.phases {
    padding-bottom: 64px;
}

.bg-color .contLog {
    padding-top: 55px;
}

.centrarCirculo {
    height: 150px;
    /*IMPORTANTE*/
    display: flex;
    justify-content: center;
    align-items: center;
}

button .centrarCirculo {
    height: 45px;
    margin: -9px -9px -10px -9px;
}

.login,
.recovery {
    height: 100vh;
}

.disabledLink {
    pointer-events: none;
}

.MuiButton-textPrimary {
    color: #00233f;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 500;
}

.MuiButton-textPrimary:hover {
    text-decoration: none;
}

.archivo svg {
    font-size: 16px;
    position: relative;
    top: 3px;
    right: 3px;
}

.inbox-disclaimer svg {
    position: relative;
    top: 5px;
    font-size: 21px;
    margin-right: 5px;
}

.btnComp svg {
    font-size: 18px;
    position: relative;
    top: 3px;
    right: 4px;
}

.contLog .MuiGrid-justify-xs-flex-end {
    justify-content: center;
}

.paper h1 {
    font-size: 18px;
}

.recovery .paper {
    width: 420px;
}


/*FIN LOGIN*/

.closebtn {
    float: right;
}

.documento-activo {
    background: #00233f;
    color: white;
}

.documento-activo svg {
    color: white;
}

.jsx-3274285103.design-phase__side ul {
    padding: 0;
}

.jsx-3274285103.design-phase__side {
    height: fit-content;
}

.documento-activo:hover {
    background: #00233f;
    color: white;
}

.bold {
    font-weight: 500;
}

.subtitle {
    color: #00233f;
    font-weight: 500;
}

a {
    color: #00233f;
    text-decoration: underline;
}

a:hover,
a:focus {
    color: #00233f;
    text-decoration: none;
}

.titulos-int {
    padding-top: 40px
}

.pro-sidebar {
    height: 100vh !important;
    position: fixed !important;
}

body .pro-sidebar-inner {
    background: #00233f !important;
    box-shadow: 0px 2px 4px 2px rgb(0 0 0 / 11%);
}

.pro-sub-menu>.pro-inner-list-item {
    background-color: #fff !important;
}

.pro-sidebar .pro-menu.shaped .pro-menu-item>.pro-inner-item>.pro-icon-wrapper {
    background-color: transparent !important;
}

.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item>.popper-inner {
    background-color: #152631 !important;
}

.pro-sidebar .pro-menu.shaped .pro-menu-item>.pro-inner-item:hover>.pro-icon-wrapper {
    background-color: transparent !important;
}

.makeStyles-white-243 .makeStyles-itemIcon-235 {
    color: white;
}

p.msj-unicofirmante {
    color: rgba(0, 0, 0, 0.54);
}

th.MuiTableCell-root.MuiTableCell-head.MuiTableCell-stickyHeader {
    color: #00233f;
    background: #f9f9f9;
    font-size: 14px;
    font-weight: 600;
}

table svg.MuiSvgIcon-root {
    color: #fe5000;
}

.inbox-disclaimer p {
    font-weight: normal;
    color: gray;
    font-size: 9px;
    line-height: 1.6;
}

.register a {
    color: #00233f;
    text-decoration: underline;
    font-size: 0.875rem;
}

.register a:hover {
    text-decoration: none;
}

.imgProg img {
    max-width: 430px;
}

.ipdiv {
    width: 30%;
    background: white;
    padding: 20px;
    float: right;
}

.infoPerfil {
    background: white;
    width: 100%;
    float: left;
}

.clear {
    clear: both;
}

.MuiButton-containedPrimary {
    background-color: #fe5000 !important;
    text-transform: uppercase;
    border: 1px solid #fe5000 !important;
    font-weight: 500;
    color: white;
}

.MuiButton-containedSecondary {
    background: #fff;
    border: 1px solid #fe5000;
    color: #fe5000;
}

.MuiButton-containedSecondary:hover {
    background: #fff;
}

button .MuiIconButton-label {
    color: #00233f;
}

.MuiFormLabel-root.Mui-focused {
    color: #00233f;
}

.MuiRadio-colorPrimary.Mui-checked {
    color: #00233f;
}

.MuiCheckbox-colorPrimary.Mui-checked {
    color: #00233f;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: #00233f;
    border-width: 2px;
}

.navbarlinks button {
    margin: 0;
    margin-left: 12px;
}

.properties-hidden {
    display: none;
}

.modelador-full {
    width: 100% !important;
}

.button-modelador {

    text-align: right;
}

.button-modelador span {
    border-radius: 0;
}

li.MuiButtonBase-root.MuiListItem-root:hover {
    background: #00233f;
    border-radius: 0;
    color: #fff;
}

.toolbar {
    background: #fdf0aa;
    top: -10px;
}

.bpp-properties-tab-bar .scroll-tabs-button {
    font-size: 16px;
    padding: 3px 4px 3px 4px;
    color: #666666;
    margin-top: 6px;
}

.phases.jsx-1636552777 {
    position: relative;
    height: 100%;
    background: white;
    margin-top: 28px;
}

.MuiCardContent-root .MuiButton-containedPrimary {
    margin-right: 10px;
    padding-right: 15px;
    padding-left: 15px;
}

.MuiButton-containedPrimary:hover {
    background: #e74900 !important;
    border-color: #e74900 !important;
}

h2.MuiTypography-root.MuiTypography-h6 {
    color: #00233f;
    font-weight: 600;
}

.MuiGrid-root.MuiGrid-item h3 {
    color: #00233f;
    font-weight: 600;
}

label#rolLabelId {
    padding-bottom: 10px;
}

.barra-footer header {
    background: white;
    box-shadow: none;
    box-shadow: 0px 2px 4px 2px rgb(0 0 0 / 14%);
}

.MuiPaper-root.MuiDrawer-paper span {
    color: white !important;
    margin-left: 14px;
}

.MuiPaper-root.MuiDrawer-paper svg {
    margin-left: 0;
}


/*login*/

.paper {
    padding: 30px;
    margin: 0 auto;
    text-align: center;
    max-width: 470px;
}


/*.paper button {
	margin-top: 20px;
}
*/

.MuiDrawer-root.MuiDrawer-docked svg {
    color: white;
}

.MuiDrawer-root.MuiDrawer-docked ul div {
    color: white;
}

.MuiDialogActions-root.MuiDialogActions-spacing {
    padding: 10px 22px 20px 22px;
}

.inputWidth {
    width: 40%;
    margin-right: 10%;
}

.rolbox {
    padding-top: 35px;
}

.rolbox .MuiCardHeader-root {
    color: #003154;
}

.download svg {
    position: relative;
    top: 6px;
}

span.ver {
    font-size: small;
}

.rolboxinside {
    width: 45%;
}

.MuiPaper-root.MuiCard-root.contenedorFirmaPadre.MuiPaper-elevation1.MuiPaper-rounded {
    border-color: white;
}

.MuiGrid-root.contenedorFirma.MuiGrid-container div img {
    padding-bottom: 50px;
    padding-top: 50px;
}

.MuiDropzonePreviewList-removeButton {
    right: 28px;
}

.btnComp a {
    background-color: #4040a3;
    text-transform: uppercase;
    border-color: #4040a3;
    /*border-radius: 40px;*/
    font-weight: 500;
    color: white;
    padding: 6px 16px;
    font-size: 0.875rem;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    line-height: 1.75;
    text-transform: uppercase;
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    color: white;
    float: right;
    text-align: center !important;
    margin: 0 auto !important;
    flex: inherit;
    flex-grow: inherit;
    flex-grow: initial;
    margin-bottom: 10px !important;
}

.accesos {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.btnComp a:hover {
    background: #003154;
    border-color: #003154;
    color: white;
    text-decoration: none;
}

.container {
    padding-top: 30px;
}

.MuiDrawer-paperAnchorRight .MuiListItemText-root {
    color: white !important;
}

.MuiDrawer-paperAnchorRight #profile-menu-list-grow ul li a,
.MuiDrawer-paperAnchorRight #profile-menu-list-grow ul li {
    color: white;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

body div#profile-menu-list-grow ul li {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    color: #00233f !important;
    font-size: .9rem;
}
body div#profile-menu-list-grow ul li:hover {
    color: #fff !important;
}
.design-phase__side-annotations.jsx-1636552777 {
    overflow: hidden;
    border: 0;
}

.jsx-1636552777.design-phase__side {
    border: 0;
}



.MuiSelect-root.MuiSelect-select.MuiSelect-selectMenu.MuiInputBase-input.MuiInput-input svg {
    position: relative;
    top: 7px;
}


.titulos {
    color: #1d1d1d;
    font-weight: 500;
    font-size: 1.6em;
}

.MuiDropzoneArea-icon {
    color: #1d1d1d;
    width: 51px;
    height: 51px;
}

p.MuiTypography-root.MuiDropzoneArea-text.MuiTypography-h5 {
    font-size: medium;
}


td.MuiTableCell-root.MuiTableCell-body {
    text-align: left;
}

.Mui-disabled {
    opacity: 0.5;
}

td.MuiTableCell-root.MuiTableCell-body.solo-icono {
    text-align: center;
}


.MuiGrid-root.box-seleccionar.MuiGrid-item.MuiGrid-grid-xs-true,
.box-preparar {
    background: transparent;
    margin-top: 20px;
}

.MuiPaper-root.MuiStepper-root.MuiStepper-vertical {
    background: transparent;
}

.botonesBarra {
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
}


.tablas {
    background: white;
    padding: 7px 7px;
    margin-top: 32px;
}


.paispop {
    width: 50%;
    margin-bottom: 25px;
}

.lineaprogreso {
    position: absolute;
    top: 47px;
    width: 100%;
}

.tablas span {
    color: #1d1d1d;
    font-weight: 500;
    text-transform: uppercase;
}

.interProc {
    width: 80%;
    margin: 0 auto;
}

.MuiPaper-root.MuiDrawer-paper span {
    color: white !important;
}

.MuiPaper-root.MuiDrawer-paper select {
    color: white !important;
}



.atras {
    float: left;
    color: #003154;
    font-weight: 500;
}

.atras:hover {
    background: transparent;
    text-decoration: underline;
}

.siguiente {
    float: right;
}

.jsx-1636552777.design-phase {
    padding-bottom: 80px;
    background: transparent !important;
}


.menuright {
    padding: 0;
}

.selectOrd {
    position: relative;
    top: 24px;
}

header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionFixed.MuiAppBar-colorPrimary.makeStyles-appBar-55.mui-fixed.MuiPaper-elevation4 {
    position: relative;
}

.makeStyles-buttonLink-66 {
    margin: 0;
}

.makeStyles-white-85 .makeStyles-itemText-78 {
    color: white;
}

.orden {
    position: relative;
    color: white;
    font-weight: 500;
    width: max-content;
    padding-right: 14px;
    padding-left: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.signing-form {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0px;
}

.name-label {
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}

.MuiAlert-standardWarning {
    color: rgb(102, 60, 0);
    background-color: rgb(255, 244, 229);
    position: relative;
    top: -10px;
}

.signing-input {
    padding: 0.25rem 0.5rem;
    border: 1px solid #bbb;
    border-radius: 3px;
}

.signing-card {
    flex: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.75rem;
    margin-top: 0.75rem;
}

.signing-card-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    overflow: hidden;
    line-height: 1.5;
    background-color: #f6f6f6;
    border: 1px solid #231e46;
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.highlight {
    background-color: #fff2a9 !important;
}

.btngoogle-inter,
.btnapple-inter {
    text-align: center;
    margin: 0 auto;
}

.design-phase__side-annotation-description.jsx-3274285103 {
    font-size: 14px;
}

.jsx-3274285103.design-phase__side-annotation-heading span {
    font-weight: 500;
    font-size: 16px;
}

.btngoogle,
.btnapple {
    width: 100%;
    background-color: rgb(255, 255, 255);
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.54);
    box-shadow: rgb(0 0 0 / 24%) 0px 2px 2px 0px, rgb(0 0 0 / 24%) 0px 0px 1px 0px;
    padding-top: 0px;
    /*border-radius: 40px;*/
    border: 1px solid transparent;
    font-size: 14px;
    height: 35px;
    margin-top: 20px;
}

.btngoogle button {
    background-color: rgb(255, 255, 255);
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.54);
    width: fit-content;
    border: 0;
    text-align: center;
    margin: 0 auto;
    box-shadow: none !important;
    height: 35px;
}

.btnapple button {
    background-color: rgb(255, 255, 255);
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.54);
    width: fit-content;
    border: 0;
    text-align: center;
    margin: 0 auto;
    box-shadow: none !important;
    height: 35px;
}

.btngoogle div {
    height: 35px;
}

.btnapple div {
    height: 35px;
}

.olvidopass {
    display: block;
    margin: 15px 0px 0 0;
}

.btngoogle span {
    color: rgba(0, 0, 0, 0.87) !important;
    text-transform: uppercase;
}

.btngoogle button div {
    padding: 8px !important;
    background: none !important;
}

.btnapple span {
    color: rgba(0, 0, 0, 0.87) !important;
    text-transform: uppercase;
}

.tercond {
    margin-top: 15px;
    padding-left: 12px;
}

.btnapple button div {
    padding: 8px !important;
    background: none !important;
}

.signing-preview-p {
    text-align: center;
    white-space: nowrap;
}

.MuiGrid-root.MuiGrid-item h3 {
    padding-bottom: 4px;
    font-size: 1.6em;
}



.signing-form div h4 {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
    color: #1d1d1d;
    font-weight: 500;
}

header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionFixed.MuiAppBar-colorPrimary.makeStyles-appBar-6.mui-fixed.MuiPaper-elevation4 {
    background: white;
    box-shadow: 0 4px 15px 0px rgb(0 0 0 / 5%) !important;
    padding: 0;
    position: relative;
}

.profilebtn button {
    margin: 10px;
    margin-left: 0;
    margin-top: 0;
}

header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionFixed.MuiAppBar-colorPrimary.makeStyles-appBar-41.mui-fixed.MuiPaper-elevation4 {
    background: white;
    box-shadow: 0 4px 25px 0px rgb(0 0 0 / 7%) !important;
    padding: 0;
}

#profile-menu-list-grow {
    border-radius: 5px;
    background: #fff;
}

.MuiInput-underline::after {
    border-bottom: 2px solid #00233f;
}



.adminNavLinks div {
    float: right;
    text-align: right;
}

.adminNavLinks div p {
    display: none;
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-text.makeStyles-buttonLink-65 {
    margin: 0;
}

header.MuiPaper-root {
    padding: 0;
    border-bottom: 1px solid rgba(173, 173, 173, 0.2);
    border-radius: 0;
    background: #f9f9f9;
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-text.makeStyles-buttonLink-16 {
    margin: 0;
    padding: 0;
}

span.subtitle {
    color: #1d1d1d;
    font-weight: 500;
    margin-top: 25px;
}

select.MuiNativeSelect-root.MuiNativeSelect-select.MuiInputBase-input.MuiInput-input {
    margin-left: 12px;
}

.sub-title {
    color: #1d1d1d;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 12px;
}

.MuiDialog-paperWidthSm {
    max-width: 720px;
}

.MuiButton-root:hover {
    font-weight: 500;
}

.MuiDialogContent-root header {
    box-shadow: none;
}

.makeStyles-buttonLink-114 {
    margin: 0;
}

span.jsx-4259854181.design-phase__side-annotation-label {
    font-size: small;
    line-height: normal;
}

.design-phase__side-annotations .MuiSelect-select.MuiSelect-select {
    padding-right: 24px;
    text-align: left;
}

.imgProg {
    text-align: center;
    margin: 0 auto;
    padding-top: 35px;
    padding-bottom: 10px;
}

.msjCentrado img {
    max-width: 430px;
}

.comp {
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}

.btnComp.btnCompnoline {
    border: none;
    padding-top: 0;
    margin-top: 20px;
}

.btnComp {
    padding-top: 16px;
    max-width: 525px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    text-align: center;
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    border-top-color: currentcolor;
    border-color: rgba(0, 0, 0, 0.12);
}

.archivo a {
    padding: 10px;
    border-radius: 34px;
    text-decoration: underline;
}

.archivo {
    margin-top: 30px;
    margin: 0 auto;
    text-align: center;
    padding-top: 27px;
}

th.MuiTableCell-root.MuiTableCell-head.MuiTableCell-stickyHeader svg {
    position: relative;
    top: 7px;
}

.revEnv {
    padding-bottom: 45px;
}

.comp h3 {
    padding-bottom: 12px;
}

.resultados {
    margin-top: 30px;
}

.nopad {
    padding: 0;
}

.validarbtn {
    margin-top: 15px
}

.MuiGrid-root.nopad.MuiGrid-item.MuiGrid-grid-xs-8 {
    padding: 0;
}

.MuiPaper-root.MuiDrawer-paper select option {
    color: black
}

.makeStyles-buttonLink-223 {
    margin: 0px !important;
}

.revisar6 {
    margin-bottom: 35px;
}

.bandeja .MuiPaper-root.MuiCard-root.MuiPaper-elevation1.MuiPaper-rounded {
    background: transparent;
    border: none;
    box-shadow: none;
}

.envelope-activo:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.04);
    color: #6C6D6D;
}

.vista-activa:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.04);
    color: #6C6D6D;
}

.envelope-activo {
    background: #e6e6e6;
    color: #3c4858;
}

.envelope-activo svg {
    color: #3c4858;
}

.vista-activa {
    background: #e6e6e6;
    color: #3c4858;
}

.vista-activa svg {
    color: rgba(0, 0, 0, 0.54);
}

.bandeja .MuiCardContent-root {
    padding: 0;
}

.inter-ban {
    margin-top: 20px;
}

.right-interban {
    padding-right: 15px;
}

@media (max-width:1200px) {
    .jsx-3274285103.design-phase__side div {
        font-size: 12px;
        line-height: normal;
    }

    .jsx-3274285103.design-phase__side-annotation-heading span {
        padding-top: 7px;
        font-size: 12px;
    }

    .jsx-3274285103.design-phase__side {
        height: 140px;
    }
}

@media (min-width: 1000px) {
    .MuiStepContent-root.MuiStepContent-last {
        width: 70%;
    }
}


div#profile-menu-list-grow ul li a {
    color: #333;
}

.toolbar.jsx-3274285103 {
    box-shadow: none !important;
}

.imgpop:hover {
    transform: scale(1.1);
    transition: transform .6s ease;
}


.titulotab {
    color: #1d1d1d;
    font-weight: 500;
    text-transform: uppercase;
}

form.profile {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.tableProf {
    background: white;
    padding: 7px 7px;
    margin-top: 20px;
}

.profilebtn {
    margin-top: 20px
}

.MuiPaper-root.MuiPaper-elevation0.MuiPaper-rounded {
    width: 50%;
}

.interProc {
    width: 80%;
    margin: 0 auto;
}

form.profile svg {
    position: relative;
    top: 6px;
    padding-right: 6px;
}

.MuiStepContent-root.MuiStepContent-last {
    padding-bottom: 115px;
}

.imgpop {
    width: 115px;
    padding: 8px;
    display: inline-block;
}

.imgpop span {
    font-size: 12px;
    color: gray;
}

.atras {
    float: left;
    color: #003154;
    font-weight: 500;
}

.atras:hover,
.atras:active,
.atras:focus {
    background: transparent;
    text-decoration: underline;
}

.siguiente {
    float: right;
}


.jsx-1636552777.design-phase {
    padding-bottom: 80px;
    background: transparent !important;
}


.cruzroja {
    color: red;
}

.tickverde {
    color: green;
}

.signing-cancel-btn {
    color: white;
    background: #4040a3 !important;
    border-color: #4040a3 !important;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 1rem;
    width: 30%;
    padding: 0.5rem;
    border-radius: 5px;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    border: 0;
}

.signing-cancel-btn:hover {
    background: #003154 !important;
    border-color: #003154 !important;
}

.recovery form.divlogin {
    padding-bottom: 40px;
}

.select-style {
    width: 100%;
    margin-top: 16px;
    text-align: left;
}

.select-style label {
    padding-bottom: 6px;
}

label.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated {
    width: auto;
}

.cruzroja {
    color: #de1c1c;
}

.tickverde {
    color: green;
}

.regisLog {
    padding-top: 10px;
    padding-bottom: 15px;
    font-weight: 300;
}

.popup-firma {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
}

.signing-card-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    overflow: hidden;
    line-height: 1.5;
    background-color: #f6f6f6;
    border: 1px solid #231e46;
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

.signing-preview-p {
    text-align: center;
    white-space: nowrap;
}


.resultados .MuiFormLabel-root.Mui-disabled {
    color: black;
}

.resultados .MuiInputBase-root.Mui-disabled {
    color: black;
}

.design-phase__side-annotations .MuiSelect-select.MuiSelect-select {
    padding-right: 24px;
    text-align: left;
    max-width: 100%;
}

.login img,
.singup img,
.recovery img {
    margin: 20px auto 30px auto !important;
    max-width: 100%;
    height: auto;
    width: 250px;
    padding-bottom: 20px;
}

.login .MuiButton-containedPrimary,
.recovery .MuiButton-containedPrimary {
    margin: 25px 0 20px 0;
}

.login a,
.recovery a,
.singup a {
    color: #00233f;
    text-decoration: underline;
    margin: 0 auto 10px auto;
    display: block;
    font-weight: 500;
}

.recovery a {
    margin-top: 20px;
}

.login .MuiFormLabel-root,
.login .MuiInput-underline::before,
.recovery .MuiFormLabel-root,
.recovery .MuiInput-underline::before {
    opacity: .9;
}

.login .MuiFormHelperText-root.Mui-error,
.recovery .MuiFormHelperText-root.Mui-error {
    color: #f24a4a;
    font-size: .9rem;
}

.login .MuiFormLabel-root.Mui-error,
.recovery .MuiFormLabel-root.Mui-error {
    color: #f24a4a;
    opacity: 1;
}

.login .MuiInput-underline.Mui-error::after,
.recovery.MuiInput-underline.Mui-error::after {
    border-bottom-color: #f24a4a;
}

.recovery .paper h1 {
    color: #fff;
    font-size: 1.5rem;
    margin-top: 10px;
}

.recovery .paper h1.title-recovery {
    color: #222;
    font-size: 1.4rem;
}

.pro-sidebar-header {
    min-height: 130px;
}

.pro-sidebar-header img {
    margin: 30px 0 5px 13px;
    width: 235px;
    display: block;
    position: relative;
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper .pro-arrow {
    border-color: #fff !important;
}

.collapsed .pro-sidebar-header img {
    margin: 40px auto 40px -35px;
    width: 50px;
}

.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-header {
    border: none !important;
}

.pro-sidebar .pro-menu .pro-menu-item:hover {
    background: #ffffff1c;
    transition: .2s ease all;
}

.pro-sidebar .pro-menu .react-slidedown .pro-menu-item:hover {
    background: #ffffff1c;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
}

.pro-sidebar .pro-menu.shaped .pro-menu-item:hover>.pro-inner-item>.pro-icon-wrapper {
    background-color: 007db8 !important;
    transition: .2s ease all;
}

.pro-sidebar .pro-menu a {
    color: #fff !important;
}

.pro-sidebar .pro-menu .MuiSvgIcon-root {
    color: #fff;
}

.react-slidedown.pro-inner-list-item {
    background: #152631 !important;
    padding: 0 !important;
}

.pro-sidebar .pro-menu>ul>.pro-sub-menu>.pro-inner-list-item>div>ul {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #0f1b22;
}

.pro-sidebar .pro-menu>ul>.pro-sub-menu>.pro-inner-list-item>div>ul li {
    border-bottom: 1px solid #0f1b22;
}

.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-item-content {
    color: #fff;
}

.pro-sidebar .pro-menu .pro-menu-item>.react-slidedown .pro-item-content {
    color: #fff;
    font-weight: 500;
    font-size: .85rem;
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item::before {
    display: none !important;
}

.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu:hover .pro-icon-wrapper .pro-icon {
    animation: none !important;
}

.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:hover .pro-icon-wrapper .pro-icon {
    animation: none !important;
}

.MuiGrid-container {
    font-weight: 400;
    color: #424242;
}

.navbarlinks .MuiInput-underline::before,
.navbarlinks .MuiInput-underline::after {
    display: none;
}

.navbarlinks .MuiNativeSelect-select:focus {
    background-color: transparent !important;
}

.pro-sidebar-footer .MuiButton-root {
    color: #fff;
}

.pro-sidebar-footer select.MuiNativeSelect-root.MuiNativeSelect-select.MuiInputBase-input.MuiInput-input {
    color: #fff;
}

.pro-sidebar-footer .MuiNativeSelect-icon {
    color: #fff;
}

.pro-menu-item .react-slidedown .pro-inner-item {
    padding: 8px 35px 8px 38px !important;
}

a.MuiTypography-colorPrimary {
    text-decoration: underline;
    color: #00233f;
    cursor: pointer;
}

a.MuiTypography-colorPrimary:hover {
    text-decoration: none;
    color: #00233f;
}

.MuiSwitch-thumb {
    background: #00233f;
}

.MuiSwitch-colorSecondary.Mui-checked {
    color: 007db8;
}

.MuiSwitch-track,
.MuiSwitch-colorSecondary.Mui-checked+.MuiSwitch-track {
    opacity: 1;
    background-color: #fff;
    border: 2px solid rgba(173, 173, 173, 0.4);
}

.MuiDialog-paperFullScreen {
    max-width: calc(100% - 80px) !important;
    max-height: calc(100% - 160px) !important;
    top: 24px;
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item>.pro-icon-wrapper {
    display: block !important;
    background: transparent !important;
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:hover>.pro-icon-wrapper {
    background: transparent !important;
}

.pro-sidebar .pro-menu {
    padding: 0 !important;
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item>.pro-icon-wrapper svg {
    font-size: 1.2rem;
}

.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item>.popper-inner {
    padding-left: 0 !important;
}

.form-owom {
    flex-grow: 1;
}

.form-owom .MuiFormControl-root {
    width: 100%;
}

.title-form-owom {
    display: block;
    margin: 35px 0 15px 0;
    color: #222;
    font-size: 1.2rem;
}

.MuiDialog-paperFullScreen .MuiAppBar-positionFixed {
    position: fixed;
    background: #4040a3;
    max-width: calc(100% - 80px) !important;
    top: 40px;
    left: 40px;
}

.MuiDialog-paperFullScreen .MuiAppBar-positionFixed .MuiIconButton-colorPrimary {
    color: #fff;
    margin-right: 20px;
}

.MuiDialog-paperFullScreen .MuiAppBar-positionFixed .MuiButtonBase-root.MuiButton-text {
    right: 25px;
    position: absolute;
}


/* Change Chrome input 

input:-webkit-autofill
{
 -webkit-text-fill-color: rgb(255, 255, 255) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}*/


.MuiButtonBase-root.MuiButton-root.btn-register {
    margin-bottom: 15px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    background: #ffffff0d;
    border: 1px solid #00233f;
    text-decoration: none;
    margin-top: 20px;
}

.btn-secondary {
    color: #00233f;
    border: 1px solid #00233f;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    background: #fff;
}

.MuiButtonBase-root.MuiButton-root.btn-register:hover,
.btn-secondary:hover {
    background: #00233f;
    color: #fff;
    border: 1px solid #00233f;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.MuiButtonBase-root.MuiButton-root.btn-register .MuiButton-label {
    color: #00233f;
}

.MuiDialog-paperFullWidth .MuiAppBar-positionFixed {
    position: inherit;
    background: #00233f;
}

.MuiDialog-paperFullWidth .MuiAppBar-positionFixed .MuiIconButton-colorPrimary {
    color: #fff;
}

.MuiDialogContent-root {
    padding: 30px 24px;
}

.MuiDialog-paperFullWidth .MuiAppBar-positionFixed .MuiButtonBase-root.MuiButton-text {
    right: 25px;
    position: absolute;
}

.MuiButton-root.MuiButton-text {
    color: #fe5000;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-containedPrimary {
    color: #fff;
}

.login .form-signup {
    padding: 40px 35px;
    background: #fff;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 50px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.select-language .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgba(0, 0, 0, 0.87);
    border-width: 1px;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-colorInherit {
    color: #fff;
}

.pro-sidebar.lg.toggled .navbarlinks div {
    padding-right: 10px;
    padding-bottom: 5px;
}

.form-signup a {
    color: #4040a3;
    text-decoration: underline;
    display: block;
    margin-top: 15px;
}

.form-signup a:hover {
    color: #4040a3;
    text-decoration: none;
}

.MuiGrid-container .MuiSelect-outlined.MuiSelect-outlined {
    min-width: 140px;
}

.select-language {
    min-width: 120px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.select-language fieldset {
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 8px;
    overflow: hidden;
    position: absolute;
    border-style: solid;
    border-width: 1px;
    border-radius: inherit;
    pointer-events: none;
    border-color: #afafd6;
}

.select-language .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: #1ac18e;
}

.select-language legend {
    width: auto;
    height: 11px;
    display: block;
    padding: 0;
    font-size: 0.75em;
    text-align: left;
    transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    visibility: hidden;
}

.select-language .MuiSelect-icon {
    color: rgba(0, 0, 0, 0.54);
}

.select-language .MuiInputBase-root {
    color: rgba(0, 0, 0, 0.87);
}

.select-language .MuiSelect-outlined.MuiSelect-outlined {
    background: #fff;
}

.divlogin {
    background: #fff;
    padding: 25px 35px;
    border-radius: 4px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.singup .divlogin {
    /*padding: 50px 50px 40px 50px;*/
    margin-bottom: 50px;
}

.btn-labels button {
    margin: 5px 0 5px 15px;
}

.btn-labels .MuiSvgIcon-root {
    font-size: 1.6rem;
}

.MuiStepIcon-root {
    font-size: 2.6rem;
    z-index: 1;
    background: #fff;
    padding: 0 8px;
    width: 44px;
}

.MuiStepConnector-alternativeLabel {
    top: 18px;
}

.MuiStepIcon-root.MuiStepIcon-active {
    color: #4040a3;
}

.MuiStepIcon-root.MuiStepIcon-completed {
    color: #1ac18e;
}

.btn-bulk {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid rgb(224, 224, 224);
}

.MuiDropzoneArea-root {
    min-height: 150px;
}

.btn-bulk-appbar {
    position: absolute;
    right: 20px;
}

.MuiDialog-paperFullScreen .MuiAppBar-positionFixed .btn-bulk-appbar .MuiButtonBase-root.MuiButton-text {
    position: initial;
    color: #fff;
    margin-right: 20px;
}

.complete-bulk {
    text-align: center;
    padding: 60px 0;
}

.complete-bulk button {
    margin: 20px 0 0 0;
}

.complete-bulk p {
    font-size: 20px;
}

.MuiDialog-paper .MuiPaper-root.MuiCard-root.MuiPaper-elevation1.MuiPaper-rounded {
    box-shadow: none;
}

.complete-bulk ul {
    margin: 20px auto 40px auto;
    display: inline-block;
    padding: 0;
    font-weight: 500;
}

.complete-bulk ul li {
    list-style-type: none;
    float: left;
    margin: 0 20px;
}

.complete-bulk ul li:first-child {
    margin-left: 0;
}

.bulkTableRowFail {
    background: #f24a4a;
}

.MuiTableRow-root.bulkTableRowFail.MuiTableRow-hover:hover {
    background: #f03838;
}

.bulkTableRowFail .MuiTableCell-body {
    color: #fff;
}

.results-bulk span {
    font-size: 28px;
    color: #222;
    font-weight: 600;
}

.results-bulk span.error-results {
    color: #f24a4a;
}

.complete-bulk .MuiTableHead-root {
    background: #1AC18E14;
}

.navbarlinks .MuiButton-root.MuiButton-text span div p {
    display: none;
}

.navbarlinks .MuiButton-root {
    margin: 2px 0 0 10px;
    min-width: auto;
}

.MuiToolbar-root.MuiToolbar-regular {
    padding-right: 25px;
    background: #f9f9f9;
}
.public-layout .MuiToolbar-root.MuiToolbar-regular {
    background: #00233f !important;
}
.MuiButton-contained.Mui-disabled {
    color: rgb(64, 64, 163);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.12);
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item .pro-arrow-wrapper {
    display: block !important;
}

.react-slidedown.pro-inner-list-item .react-slidedown.pro-inner-list-item {
    background: #2d2d80 !important;
    border-top: 1px solid #262671;
}

.pro-sidebar .pro-menu .react-slidedown.pro-inner-list-item .react-slidedown.pro-inner-list-item>div>ul li {
    border-bottom: 1px solid #262671;
    padding-left: 15px;
}

.pro-sidebar .pro-menu .react-slidedown.pro-inner-list-item .react-slidedown.pro-inner-list-item>div>ul li:last-child {
    border-bottom: none;
}

.checkbox-classification {
    padding-left: 25px;
}

.checkbox-attributes {
    display: flex;
}

.btn-classification {
    margin-top: -1px;
    margin-left: 10px;
}

.tipography-result {
    font-weight: 600;
    padding-top: 5px;
}

.MuiPaper-root.submenu-catalog {
    background: #4040a3;
}

.MuiPaper-root.submenu-catalog .MuiList-padding {
    padding: 0;
}

.MuiPaper-root.submenu-catalog ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.MuiPaper-root.submenu-catalog a.MuiTypography-colorPrimary {
    text-decoration: none;
    color: #fff;
    font-size: .9rem;
    padding: 5px 0;
}

.colorpicker-box div:first-child {
    width: auto;
    justify-content: space-between;
}

.input-colorpicker {
    width: 100% !important;
}

.products-content .MuiBox-root {
    background: #fff;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    border-radius: 0 0 4px 4px;
}

.cabezal-tabs {
    z-index: 1;
    position: relative;
}

h6 {
    margin: 10px 0 !important;
    display: block;
}

.products-content .MuiBox-root h5 {
    margin: 20px 0 5px 0;
    display: block;
}

.products-content .MuiButton-containedPrimary {
    margin-top: 15px;
}

.products-content .button-child {
    margin: 0 0 10px 15px;
    float: right;
}

.table-shadow .MuiTableContainer-root {
    margin-top: 15px;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.product-childs {
    background: #f7f8f9;
}

.product-childs td:first-child {
    padding: 0;
    border: none;
}

.product-childs .MuiTypography-root.MuiTypography-h6 {
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid rgb(64, 64, 163);
    margin-bottom: 0;
    font-size: 18px;
}

.table-childs td:first-child,
.table-parent td:first-child {
    width: 6%;
    border-bottom: 1px solid rgb(224, 224, 224);
}

.table-childs td:nth-child(2),
.table-childs td:nth-child(3),
.table-childs td:nth-child(6),
.table-parent td:nth-child(2),
.table-parent td:nth-child(3),
.table-parent td:nth-child(6) {
    width: 20%;
}

.table-childs td:nth-child(4),
.table-childs td:nth-child(5),
.table-parent td:nth-child(4),
.table-parent td:nth-child(5) {
    width: 12%;
}

.table-childs td:nth-child(7),
.table-childs td:nth-child(8),
.table-parent td:nth-child(7),
.table-parent td:nth-child(8) {
    width: 5%;
}

.tabs-business .MuiTabs-root {
    box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 11%);
    z-index: 9999;
    position: relative;
}

.codeEditor {
    margin-top: 15px;
    border-radius: 4px;
}

.codeEditor * {
    font-family: monospace !important;
    font-size: 16px !important;
    direction: ltr !important;
    text-align: left !important;
}

.codeEditor.business-codeEditor {
    margin-top: 0;
    margin-bottom: 15px;
}

.result-business {
    margin-top: 15px;
    margin-bottom: 15px;
}

.label-lot {
    margin-top: 5px;
    text-align: end;
}

.content-function {
    border: black;
}

.tabs-panel-business {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    border-radius: 0 0 4px 4px;
    min-height: 292px;
}

.tabs-business .MuiTabs-indicator {
    background-color: #192f3d;
}

.prod-fields-text {
    margin-top: 25px;
}

.pro-sidebar.lg.toggled .btn-toggle-menu {

    display: none;

}

.tabs-datagrid {
    padding: 20px;
    margin: 20px 0 20px 0;
    background: #f2f2f22e;
}

.tabs-business .MuiPaper-root {
    box-shadow: none;
}

.tabs-business .MuiFormControl-root {
    background: #fff;
}

.img-cards .MuiCardMedia-media {
    width: auto;
    margin: 0 auto;
}

.amazon-content {
    margin-top: 16px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.MuiTabs-vertical {
    flex-direction: column;
    box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 11%);
    overflow: inherit;
}

.MuiTabs-vertical .MuiTabs-indicator {
    width: 3px;
}

.amazon-content .MuiBox-root {
    padding: 0 40px 40px 40px;
}

.amazon-content .MuiButton-containedPrimary {
    margin-top: 20px;
}

.MuiTabs-root.MuiTabs-vertical button {
    border-bottom: 1px solid #ececec;
}

.MuiTableRow-root.MuiTableRow-hover:hover {
    background-color: rgba(200, 200, 200, 0.04) !important;
}

.MuiDialogTitle-root {
    background: #f7f8f9;
    border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.MuiChip-root {
    background-color: #e3e3e3;
    margin-right: 5px;
    color: #212121;
}

.MuiSelect-select:focus {
    border-radius: 0;
    background-color: rgba(221, 221, 221, 0.05);
}

.description__text {
    font-size: 12px;
}

.caja-modelador {
    display: flex;
    justify-content: space-between;
}

ul.bpp-properties-tabs-links>li.bpp-active a {
    padding: .5rem 1rem;
    border-bottom: none;
    background: #fff;
    border-top: 3px solid #00233f;
}

.bpp-field-wrapper .action-button.clear {
    margin: 6px 6px;
}

ul.bpp-properties-tabs-links>li>a {
    padding: .5rem 1rem;
    border-bottom: transparent;
    background-color: #f7f8f93b;
}

.bpp-properties-group.group-closed:hover>.group-toggle {
    background-color: #00233f;
}

#cam-extensionElements-executionListeners {
    margin-top: 6px;
}

#cam-extensionElements-remove-executionListeners {
    margin: 0px 5px;
}

body .MuiSvgIcon-root {
    color: #fe5000;
}

.MuiAlert-icon .MuiSvgIcon-root {
    color: #fff;
}

.bjs-container,
.djs-container {
    min-height: 600px;
}

#canvas {
    width: 100%;
}

#properties {
    border-left: 1px solid #e6e6e6;
    width: 0%;
}

.bpp-properties-group {
    padding: .5rem 1rem 1rem 1rem;
}

.bpp-textfield input {
    padding-right: 0;
}

.bpp-properties-panel label {
    font-weight: 400;
    color: #333;
    margin-bottom: 3px;
}


.tabla .MuiButtonBase-root.MuiListItem-root.MuiMenuItem-root.MuiMenuItem-gutters.MuiListItem-gutters.MuiListItem-button {
    font-size: 0.9rem;
    padding: .8rem 1rem .5rem 1rem;
}

.tabla .MuiButtonBase-root.MuiListItem-root.MuiMenuItem-root.MuiMenuItem-gutters.MuiListItem-gutters.MuiListItem-button a {
    text-decoration: underline;

}

.tabla .MuiButtonBase-root.MuiListItem-root.MuiMenuItem-root.MuiMenuItem-gutters.MuiListItem-gutters.MuiListItem-button:hover {
    text-decoration: none !important;
    background: transparent;
}

.pro-sidebar-footer {
    text-align: right;
}

.pro-sidebar .MuiSvgIcon-root {
    color: white;
}

.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-footer {
    border-top: 0 !important;
}

.tabla .titulo {
    background: #f9f9f9;
    margin-right: 10px;
    color: #192f3d;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    margin-top: 20px;
    border-bottom: 2px solid #00233f;
}

.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4 {
    margin-top: 10px;
}

.bpp-properties-group .group-header .group-label {
    font-weight: 600;
    color: #333;
}

.bpp-properties-group+.bpp-properties-group {
    border-top: 1px solid #d6d7d7;
}

.bpp-properties-panel {
    height: 100%;
}

.bpp-properties-panel [type="text"],
.bpp-properties-panel [contenteditable],
.bpp-properties-panel textarea,
.bpp-properties-panel select {
    width: -moz-available;
    padding: .5rem 1rem;
}

.action-button {
    background: #004476 !important;
    border: none !important;
    border-radius: 4px;
    cursor: pointer;
}

.bpp-properties-panel .action-button::before {
    color: #fff !important;
}

.scroll-tabs-button {
    cursor: pointer;
}

.MuiTabs-indicator {
    background: #00233f;
}

.estado-1 {
    background: #ffebda;
}

.estado-2 {
    background: #fffcd6;
}

.estado-3 {
    background: #e0ffd1;
}

.estado-4 {
    background: #d4f1ff;
}

.estado-5 {
    background: #ffebfb;
}

.MuiInputLabel-outlined.MuiInputLabel-shrink {
    transform: translate(14px, -6px) scale(.9);
    padding: 0 10px 0 5px;
    background: #fff;
}

.MuiPaper-root.MuiCard-root.MuiPaper-elevation1.MuiPaper-rounded {
    box-shadow: none;
}

.MuiCardContent-root {
    padding: 16px 0;
}

body .borde-titulo {
    margin-top: 7px;
    width: 100%;
    background: #fe5000 !important;
    height: 2px;
}

.MuiTypography-root.MuiLink-root.MuiTypography-colorPrimary {
    color: #fe5000;
    text-decoration: underline;
}

.MuiTypography-root.MuiLink-root.MuiTypography-colorPrimary:hover {
    color: #e74900;
    text-decoration: none !important;
}

.MuiTab-root {
    background: #f9f9f9;
    margin-right: 2px;
}

.MuiTabPanel-root {
    padding: 0;
    border: 1px solid #e7e7e7;
}

.MuiBreadcrumbs-ol {
    margin-bottom: .5rem;
}

.MuiBreadcrumbs-li a {
    color: #00233f;
    text-decoration: underline;
}

.MuiBreadcrumbs-li a:hover {
    text-decoration: none;
}

body .logo {
    width: 200px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 20px auto 60px auto;
}

body .collapsed .logo {
    width: 55px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 50px auto 60px auto;
}

.imagenInicio {
    width: auto;
    height: 700px;
    max-height: 1200px;
    background-size: cover;
    margin: 30px auto 60px auto;
}

.bjsl-button {
    bottom: auto !important;
    top: 0;
}

.nombre-tramite {
    padding: 1rem;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
}

ul.bpp-properties-tabs-links>li.bpp-active a {
    border-top: 3px solid #00233f;
}

.MuiFormControlLabel-root.switch {
    margin-left: 0;
}

.MuiButtonBase-root.MuiCardActionArea-root {
    background: #f9f9f9;
    padding: 1rem 1rem 1rem 1.5rem;
    border-left: 3px solid #fe5000;
    border-radius: 0 8px 8px 0;
}

.register {
    padding-bottom: 15px;
}

.logo1 {

    display: flex;
}

li.MuiButtonBase-root.MuiListItem-root:hover {
    background: #f9f9f9;
    color: #222;
}

.register h1 {
    text-align: center;
    color: #192f3d;
}

.gris-bg {
    background: #f9f9f9;
    height: min-content;
    padding: 15px 20px;
}

.gris-bg button {
    width: 100%;
}

.gris-bg .MuiDialogActions-root.MuiDialogActions-spacing {
    margin-top: 16px;
    padding: 0;
}

.detalle .MuiTabPanel-root {
    border: 0;
    padding: 0;
}

.detalle .MuiDialogContent-root {
    padding: 0 15px;
}

.detalle .MuiGrid-item {
    padding: 0 !important;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.detalle .MuiTypography-gutterBottom {
    margin-bottom: 10px;
}

.infoizq {
    padding-right: 40px;
}

.amarillo-bg {
    background: #fff5ca;
    padding: 15px 20px;
    margin: 20px 0;
}

.infoizq li {
    margin-top: 12px;
}

.minititulo {
    color: #00233f;
    font-weight: normal;
    font-style: italic;
}

.divlogin fieldset {
    top: -5px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 8px;
    overflow: hidden;
    position: absolute;
    border-style: solid;
    border-width: 1px;
    border-radius: inherit;
    pointer-events: none;
}

.divlogin fieldset legend {
    width: auto;
}

.MuiTypography-colorTextPrimary {
    font-weight: 500;
}

.MuiTablePagination-actions {
    background: #f9f9f9;
}

fieldset h3 {
    padding-top: 22px;
    font-weight: 600 !important;
    font-size: 20px !important;
}

.profile .MuiTabPanel-root {
    padding: 30px 24px;
}

.ayudabtn {
    font-size: 30px;
    margin-top: 3px;
}

.MuiGrid-root.MuiGrid-item {
    width: 100%;
}

.iniciarTramite {
    display: ruby;
}

.TextSecondary400 {
    font-weight: 400 !important;
}

.titulotramite {
    font-weight: 400 !important;
}

.divlogin fieldset legend span {
    font-size: 0.75em;
    text-align: left;
    visibility: hidden;
}

#mui-p-59027-P-info {
    padding: 0;
}

.trash {
    position: relative;
    top: 25px;
}

.MuiCardContent-root {
    padding-bottom: 0 !important;

}

.MuiNativeSelect-root.MuiNativeSelect-select.MuiInputBase-input.MuiInput-input {
    height: 16px !important;
}

.MuiTypography-root.MuiTypography-h5.MuiTypography-colorTextPrimary.MuiTypography-gutterBottom {
    font-size: 18px;
}

.buscadorGeneral .MuiButtonBase-root.MuiIconButton-root:hover {
    background: transparent;
}

.buscadorGeneral .MuiOutlinedInput-root {
    position: relative;
    border-radius: 4px;
    height: 45px;
    border-radius: 35px;
}

@media (max-width: 1198px) {
    label#choose_persona {
        text-align: left;
    }

    .jsx-1636552777.design-phase__side-annotations span {
        font-size: 12px;
        line-height: 1.5;
    }

    .jsx-1636552777.design-phase__side-annotations {
        overflow-y: hidden;
        height: initial;
    }
}

@media (min-width: 300px) {
    img.logoNav {
        width: 108px;
    }
}

@media (max-width: 1000px) {
    ul.MuiList-root.menuright.MuiList-padding li {
        color: #5b5b5b !important;
    }

    ul.MuiList-root.menuright.MuiList-padding li:hover {
        color: white;
    }

    #canvas {
        width: 100%;
    }

    #properties {
        width: 100%;
    }
}

@media (min-width: 600px) {

    .jsx-1636552777.design-phase__side-annotation-heading {
        width: 100%;
    }

    .jsx-1636552777.design-phase__side-annotation {
        width: 40%;
    }

    .jsx-1636552777.design-phase__side-annotation-heading {
        width: 100%;
    }

    .jsx-1636552777.design-phase__side-annotation {
        width: 40%;
    }
}

@media (max-width: 1000px) {
    .makeStyles-buttonLink-229 {
        margin: 0 !important;
    }

    button.MuiButtonBase-root.MuiButton-root.MuiButton-text.makeStyles-buttonLink-11 {
        width: 0;
    }

    button.MuiButtonBase-root.MuiButton-root.MuiButton-text.makeStyles-buttonLink-11 svg {
        text-align: center;
        margin: 0 auto;
    }

    .navbarlinks button {
        margin-left: 0px;
    }
}

@media (max-width: 800px) {
    .btnComp {
        width: 100%;
        margin-bottom: 10px;
    }

    .signing-cancel-btn {
        width: 100%;
    }

    .imgpop {
        width: 150px;
        text-align: center;
        text-align: center;
        margin: 0 auto;
        display: inline-block;
    }

    .MuiFormControl-root.paispop {
        width: 100%;
        margin-bottom: 25px;
    }

    form.signing-form h4 {
        margin-bottom: 20px;
    }

    .caja-modelador {
        flex-direction: column;
    }
}

.diagram-note {
    background-color: rgba(66, 180, 21, 0.7);
    color: White;
    border-radius: 5px;
    font-family: Arial;
    font-size: 12px;
    padding: 5px;
    min-height: 16px;
    width: 50px;
    text-align: center;
}

.error {
    background-color: #e0cdcd;
    color: rgb(151, 56, 56);
    font-size: 1rem;
    border: 1px solid rgb(151, 56, 56);
    border-radius: 5px;
}

.bpm_marker:not(.djs-connection) .djs-visual> :nth-child(1) {
    fill: rgb(173, 219, 159) !important;
}

.bpm_marker_history:not(.djs-connection) .djs-visual> :nth-child(1) {
    fill: rgb(180, 178, 199) !important;
    /* color elements as green */
}

.leaflet-container {
    height: 500px;
    width: 100%;
}

.leaflet-div-icon {
    background: transparent;
    border: none;
}

.MuiCardActionArea-focusHighlight {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: inherit;
    pointer-events: none;
    background-color: green
}

.cardInicioSinPermisos {
    background: #fff;
    border: 0px;
    padding: 2.5rem 3rem !important;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.numeros {
    text-align: right !important;
}

.numerosLabel {
    text-align: right !important;
}

.numeros .MuiInputBase-input {
    text-align: right !important;
}

@media (max-width:759px) {
    .ipdiv {
        width: auto;
        float: none;
    }

    .infoPerfil {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .bg-color .contLog {
        padding-top: 0px;
    }

    .tablas {
        background: white;
        padding: 15px;
        margin-top: 25px;
        padding-top: 25px;
    }

    .botonesBarra button {
        font-size: 12px
    }

    .botonesBarra svg {
        display: none;
    }

    .MuiPaper-root.MuiPaper-elevation0.MuiPaper-rounded {
        width: 100%;
    }

    .singup span.MuiIconButton-label {
        color: white;
    }

    .select-style div {
        border-bottom: 1px solid white;
        border-radius: 0;
    }

    /*.MuiFormHelperText-root.Mui-error {
		color: white;
	}*/
    /*.MuiInput-underline.Mui-error:after {
		border-bottom-color: white;
	}*/
    .container {
        width: 95%;
        margin: 0 auto;
    }

    /*
	.bg-color .MuiPaper-root {
		background: transparent;
		box-shadow: none;
	}*/
    /*.divlogin .MuiInputBase-input {
		color: white;
	}
	.divlogin .MuiFormLabel-root {
		color: white;
	}*/
    label#choose_persona {
        text-align: left;
    }

    .jsx-1636552777.design-phase__side-annotations span {
        font-size: 12px;
        line-height: 1.5;
    }

    .jsx-1636552777.design-phase__side-annotations {
        overflow-y: hidden;
        height: initial;
    }

    .recovery .paper {
        width: auto;
    }

    /*
	.regisLog {
		color: white;
	}*/
    .btnComp {
        width: 100%;
    }

    .MuiDialog-paperFullScreen .MuiAppBar-positionFixed {
        top: 48px;
    }

    .checkbox-classification {
        padding: 5px 0 5px 0;
    }

    .btn-classification {
        margin: 0;
    }

    .MuiToolbar-root.MuiToolbar-regular {
        background: #00233F;
    }
}

@media (max-width: 1600px) {

    .header2,
    .botonesBarra {
        max-width: 1280px;
    }
}



@media (max-width:1100px) {
    .MuiTabs-flexContainer {
        display: grid
    }

    .MuiTabs-flexContainer button {
        max-width: 100%;
    }

    span.jss80.jss82.MuiTabs-indicator {
        width: 100% !important;
    }

    .MuiDialogActions-root.MuiDialogActions-spacing {
        display: inherit;
    }

    .MuiDialogActions-root.MuiDialogActions-spacing button {
        margin: 6px;
    }
}

.MuiButton-containedPrimary svg {

    color: white;
}

.MuiLink-root.MuiLink-underlineAlways {
    color: #00233f !important;
    cursor: pointer;
}
.MuiLink-root.MuiLink-underlineAlway:hover {
    text-decoration: none !important;
}
.MuiAccordion-region .MuiLink-root.MuiLink-underlineAlways {
    text-decoration: underline;
}
.ayudaIco svg {
    color: #00233f !important;
    cursor: pointer;
}
button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-colorSecondary.MuiIconButton-sizeSmall {
    color: #fe5000;
    border-radius: 0;
}
button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-colorSecondary.MuiIconButton-sizeSmall {
    color: #00233f;
    border-radius: 0;
}

footer {
    padding: 0 !important;
}
body .MuiPaper-root.MuiDrawer-paper label span svg {
    color: #00233f !important;
}
body .MuiPaper-root.MuiDrawer-paper span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label{
    color: #00233f !important;
}
@media (max-width: 1535.95px){
    .css-1wz3pj6 {
        display: block !important;
    }
}
@media (max-width: 899px){
    .css-1wz3pj6 {
        display: none !important;
    }
}
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiAlert-root.MuiAlert-standardSuccess.MuiAlert-standard{
    margin-top: 20px !important;
    background: #118f00 !important;
}
.MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary.Mui-selected{
    color: #00233f !important;
}
span.MuiTabs-indicator{
    margin-left: 0 !important
}
.Mui-expanded {
    padding: 5px 15px;
}
.MuiInputAdornment-root.MuiInputAdornment-positionEnd.MuiInputAdornment-outlined.MuiInputAdornment-sizeMedium .trash {
    top: 0;
}


.MuiTablePagination-root .MuiToolbar-root.MuiToolbar-regular {
    padding-right: 25px;
    background: #f9f9f9 !important;
}
.MuiTablePagination-root p{
    margin-bottom: 0;
}
.grilla-categoria {
    border: 1px solid #00233f;
    color: #00233f;
    background: #00233f0d;
}
.grilla-categoria .MuiSvgIcon-root {
    color: #00233f;
}
.grilla-categoria:hover {
    color: #fff;
    background: #00233f;
}

.header2{
    color: white;
}

img.logoNav {
  max-width: 50px !important;
  margin-right: 10px;
}