

/*font*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
font-family: 'Roboto', sans-serif;    
}


body {
	color: #424242;
}

.scrollable-grid {

 height: 100%!important;
 overflow-y: inherit!important;

}
.read-only-label {
font-weight:bold;

}
.card-btn-izq button.MuiButtonBase-root.MuiCardActionArea-root  {
    padding: 10px;
}

.card-btn-izq button:focus  {

 outline: none;   background: #e7e7e7; ;

}
/*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: #f8ce78;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: #2c3f51;
	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: #003154;
	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: #003154;
	color: white;
}

.bold {
	font-weight: 500;
}

.subtitle {
	color: #003154;
	font-weight: 500;
}

a {
	color: #2c3f51;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #2c3f51;
	text-decoration: none;
}

.titulos-int {
	padding-top: 40px
}

.pro-sidebar {
	height: 100vh !important;
	position: fixed !important;
}

.pro-sidebar-inner {
	background: #192f3d  !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: #133b77 !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);
}
.MuiCheckbox-colorSecondary.Mui-checked {
    color: #e9ba5b !important;
}
th.MuiTableCell-root.MuiTableCell-head.MuiTableCell-stickyHeader {
	border-bottom: 2px solid #2c3f51;
	color: #2c3f51;
	background: #f9f9f9;
	font-size: 14px;
	font-weight: 600;
}

table svg.MuiSvgIcon-root {
	color: #3d56a6;
}

.inbox-disclaimer p {
	font-weight: normal;
	color: gray;
	font-size: 9px;
	line-height: 1.6;
}

.imgProg img {
	max-width: 430px;
}

.ipdiv {
	width: 40%;
	background: white;
	padding: 20px;
	float: right;
}

.infoPerfil {
	background: white;
	width: 50%;
	float: left;
}

.clear {
	clear: both;
}

.MuiButton-containedPrimary {
	background-color: #3d56a6;
	text-transform: uppercase;
	border: 1px solid #3d56a6;
	font-weight: 500;
	color: #fff!important;
}

.MuiButton-containedSecondary {
	background: #fff;
	border: 1px solid #013997;
	color: #013997;
	padding-left: 10px;
}

.MuiButton-containedSecondary:hover {
	background: #fff;
}

button .MuiIconButton-label {
	color: #013997;
}

.MuiFormLabel-root.Mui-focused {
	color: #013997;
}

.MuiRadio-colorPrimary.Mui-checked {
	color: #013997;
}

.MuiCheckbox-colorPrimary.Mui-checked {
	color: #013997;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
	border-color: #013997;
	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: #f9f9f9;
	border-radius: 0;
	color: #222;
  }

.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: #0d2d6c;
    border-color: #0d2d6c;
}

h2.MuiTypography-root.MuiTypography-h6 {
	color: #2c3f51;
	font-weight: 600;
}

.MuiGrid-root.MuiGrid-item h3 {
	color: #2c3f51;
	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%);
}



/*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;
}

div#profile-menu-list-grow ul li {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	color: #333 !important;
	font-size: .9rem;
}

.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 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 #2c3f51;
}

img.logoNav {
	max-width: 225px;
}

.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;
}
.ayudaIco svg {
	color: #013997;
  }

.revEnv {
	padding-bottom: 45px;
}
.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-colorInherit.MuiIconButton-edgeStart:hover span {
	margin: 0;
  }
.ayudaIco {
	display: initial;
	float: right;
	padding-left: 12px;
  }
.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: 300px;
}

.login .MuiButton-containedPrimary,
.recovery .MuiButton-containedPrimary {
	margin: 25px 0 20px 0;
}

.login a,
.recovery a,
.singup a {
	color: #3d56a6;
	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: #111;
    font-size: 1.5rem;
    margin-top: 10px;
    margin-bottom: 20px;
}

.recovery .paper h1.title-recovery {
	color: #222;
	font-size: 1.4rem;
}

.MuiButton-label {
	letter-spacing: 1px !important;
}

.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: #0d2d6c;
	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;
	font-size:15px;
}

.pro-sidebar .pro-menu .MuiSvgIcon-root {
	color: #fff;
}

.react-slidedown.pro-inner-list-item {
	background: #133b77 !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 #133b77;
}

.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: #013997;
	cursor: pointer;
}

a.MuiTypography-colorPrimary:hover {
	text-decoration: none;
	color: #013997;
}

.MuiSwitch-thumb {
	background: #013997;
}

.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 #013997;
	text-decoration: none;
	margin-top: 20px;
}

.btn-secondary {
	color: #013997;
	border: 1px solid #013997;
	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: #013997;
	color:#fff;
	border: 1px solid #013997;
	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: #013997;
}

.MuiDialog-paperFullWidth .MuiAppBar-positionFixed {
	position: inherit;
	background: #013997;
}

.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: #3d56a6;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-containedPrimary {
	color: #fff;
}
.headerPop {
	font-size: 20px;
	color: #111111;
	margin-top: 12px;
	font-weight:bold;
  }
.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;
}

.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;
}

.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: #133b77 !important;
	border-top: 1px solid #133b77;
}

.pro-sidebar .pro-menu .react-slidedown.pro-inner-list-item .react-slidedown.pro-inner-list-item>div>ul li {
	border-bottom: 1px solid #133b77;
	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;
}
.pro-sidebar .pro-menu .pro-menu-item > .react-slidedown .pro-item-content{
	font-size: inherit;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content{
	font-weight: normal!important;
}
.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: #4040a3;
}

.prod-fields-text {
	margin-top: 25px;
}

.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 #013997;
}
.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: #013997;
  }
#cam-extensionElements-executionListeners {
	margin-top: 6px;
  }
#cam-extensionElements-remove-executionListeners {
	margin: 0px 5px;
  }
  .navbarlinks .MuiSvgIcon-root {
	color: #3d56a6;
  }
  .MuiTablePagination-root .MuiSvgIcon-root {
	color: #3d56a6;
  }
  .MuiButton-startIcon{
	display: inherit;
	margin-left: 0;
	margin-right: 6px;
  }
  .MuiAlert-icon .MuiSvgIcon-root {
	color: #fff;
  }
  .resultadoBus {
	font-weight: bold;
  }
  .resultadoTot {
	font-weight: inherit;
	color: rgba(0, 0, 0, 0.54);
  }
.bjs-container,
.djs-container{
	min-height: 600px;
}

#canvas {
	width: 65%;
}

#properties {
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	width: 35%;
}

.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;
}
.tab-cat li{
	padding-left:0!important;
	
  }
.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 #2c3f51;
}
.tab-cat .titulo {
	background: transparent;
	border: 0;
	padding: 0;
  }
.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: #013997;
}

.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;
}
.register a {
	color: #013997;
	text-decoration: underline;
	font-size: 0.875rem;
  }
  .register a:hover {
	text-decoration:none;
  }
.borde-titulo {
	height: 2px;
    width: 100%;
    background: #3d56a6;
  }
.MuiTypography-root.MuiLink-root.MuiTypography-colorPrimary {
	color: #3d56a6;
text-decoration: underline;
}
.MuiTypography-root.MuiLink-root.MuiTypography-colorPrimary:hover {
	color: #0d2d6c;
	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: #111111 ;
	text-decoration: underline;
  }
  .ayudabtn {
	font-size: 30px;
	margin-top: 3px;
  }
.TextSecondary400 {
	font-weight: 400!important;
  }
  
  .MuiBreadcrumbs-li a:hover {
	text-decoration: none;
  }
  .logo{
	  width: 250px;
	  height: 77px;
	  background-size: cover;
	  margin: 30px auto 60px auto;
  }

  .pro-sidebar.lg.toggled .btn-toggle-menu{
	display: none;
  }

  .collapsed .logo{
	width: 53px;
	height: 53px;
	background-size: cover;
	margin: 50px auto 60px auto;
}
.bjsl-button {
	bottom: auto !important;
	top: 0;
  }
  .MuiTablePagination-actions{
	background: #f9f9f9;
  }
.logo1{

	display:flex;
}
fieldset h3{
	padding-top: 22px;
	font-weight: 600 !important;
	font-size: 20px !important;
}
.register h1 {
	text-align: center;
	color: #192f3d;
  }
  .register {
	padding-bottom: 15px;
  }

.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 #013997 !important
  }
  .bpp-properties-panel .action-button {
	height: auto !important;
	background: #013997 !important;
  }
  .bpp-radios-group input, .bpp-checkbox input {
	margin-right: 5px;
  }
  .MuiFormControlLabel-root.switch {
	margin-left: 0;
  }
  .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;
}
#mui-p-59027-P-info {
	padding: 0;
  }
.divlogin fieldset legend span{
	font-size: 0.75em;
	text-align: left;
	visibility: hidden;
}

.bpm_marker:not(.djs-connection) .djs-visual > :nth-child(1) {
	fill: rgb(95, 231, 32) !important; /* color elements as green */
}

.bpm_marker_history:not(.djs-connection) .djs-visual > :nth-child(1) {
	fill: rgb(53, 33, 238) !important; /* color elements as green */
}

.pro-sidebar>.pro-sidebar-inner{
background:#3155a6!important
}

.react-slidedown.pro-inner-list-item{
background: #133b77 !important;
}

.MuiGrid-root.MuiGrid-item h3, h2.MuiTypography-root.MuiTypography-h6{
color:#111111!important
}

th.MuiTableCell-root.MuiTableCell-head.MuiTableCell-stickyHeader{
Border-bottom:0!important;
}
.MuiButton-textSecondary:hover {
    background-color: transparent;
}
.MuiToggleButton-root.Mui-selected {
    color: #fff !important;
    background-color: #3d56a6 !important;
}
.MuiToggleButton-root.Mui-selected:hover {
    background-color: #3d56a6 !important;
}
.MuiRadio-colorSecondary.Mui-checked {
    color: #e9ba5b !important;
}
.MuiTabPanel-root {
    padding: 24px;
}
.public-layout header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionFixed {
    background: #3d56a6 !important;
    position: relative !important;
}
.public-layout header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionFixed .MuiGrid-container {
    align-items: center;
}
.public-layout header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionFixed .MuiButton-root.MuiButton-text {
    background: #fff;
}
.public-layout header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionFixed .MuiToolbar-root.MuiToolbar-regular {
    background: #3d56a6 !important;
    padding: 10px 25px !important;
    margin: 0 auto;
}
@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 (max-width: 1000px) {
	ul.MuiList-root.menuright.MuiList-padding li {
		color: #5b5b5b!important;
	}
	ul.MuiList-root.menuright.MuiList-padding li:hover {
		color: white;
	}
}

@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;
	}
	#canvas {
		width: 100%;
	}
	
	#properties {
		width: 100%;
	}
}

@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;
	}
}

@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;
	}
	.container {
		width: 95%;
		margin: 0 auto;
	}
	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;
	}

	.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: #3155A6;
	}


}

@media (max-width: 1600px) {
	.header2,
	.botonesBarra {
		max-width: 1280px;
	}
}


.header2{
	color: white;
}

.homeCard .MuiCardContent-root {
  padding: 16px 0px !important;
}