.form-control:disabled, .form-control[readonly] {
    background-color: transparent !important;
}

.show-only-mobile{
	display: none;
}

.hidden{
	display: none !important;
}

.text-right{
	text-align: right;
}

.btn-secondary {
    background-color: #58595a !important;
    border-color: #58595a !important;
}

.btn-secondary:hover {
    background-color: #676f78 !important;
    border-color: #676f78 !important;
}

@media (min-width: 1200px) {
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand{
	width: 4.3rem !important;
}

 
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical,
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
    width: 4.6rem !important;
  }
}

.padding-40{
	padding-left: 40px;
    padding-right: 40px;
}

.shadow{
	background-color: rgba(0,0,0,0.6);
	height: 100%;
	width: 100%;
	z-index: 1;
	position: fixed;
	display: none;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.bootstrap-select{
	width: 100% !important;
}

.bootstrap-select .dropdown-menu{
	max-width: 100% !important;
	/*transform: translate(0px, 40px) !important;*/
}

.bootstrap-select .dropdown-menu{
	min-width: 100% !important;
}

.inner .show{
	max-height: 100% !important;
}

.bootstrap-select .btn-light{
	background-color: #fff !important;
}

#template-customizer .template-customizer-open-btn{
	display: none !important;
}

.step-container {
	background-color: #f8f9fa;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 10px;
}
.step-number {
	background-color: #6c757d;
	color: white;
	border-radius: 30%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.step-number-menu {
	background-color: #6c757d;
	color: white;
	border-radius: 30%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	margin-right: 10px;
}
.complete-button {
	background-color: #6c757d !important;
	color: white !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.sub-header {
	font-size: 1rem;
	color: #6c757d;
}
.download-link {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	top: 10px;
	position: relative;
}
.download-link img {
	margin-right: 10px;
}
.file-upload {
	display: flex;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.file-upload input[type="file"] {
	margin-left: 10px;
}
.section-title {
	font-size: 1rem;
	font-weight: bold;
	color: #a00;
	background-color: #e9ecef;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align: center;
}
.save-button {
	text-align: right;
}

.section-subtitle{
	font-weight: 700;
}

.divValPass, .divValCC, .divTituloResidencia, .divPass, .divCC, .divValTR{
	display: none;
}

.red{
	color: red;
}

.redBorder{
	border: 2px solid #a00;
	border-radius: 10px;
	margin-bottom: 20px;
}

.redBorder .col-6 {
    padding-left: 30px;
    padding-right: 33px;
}

.redBorder .file-upload-12 {
    padding-left: 30px;
    padding-right: 21px;
}

.greenBorder{
	border: 2px solid green;
	border-radius: 10px;
	margin-bottom: 20px;
}

.greenBorder .section-title{
	color: green;
}

.greenBorder .col-6 {
    padding-left: 30px;
    padding-right: 33px;
}

.greenBorder .file-upload-12 {
    padding-left: 30px;
    padding-right: 21px;
}

.sentFile{
	padding-left: 17px;
	margin-bottom: 20px;
}

.sentFile a{
	color: green;
}

.sentFile a:hover{
	color: green;
}

.menu-item span{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.menu-item span:hover{
	background-color: transparent !important;
}

.square-red{
	height: 15px;
	width: 15px;
	background-color: #d94d4e;
	margin-right: 10px;
}

.red{
	color: #d94d4e !important;
}

.square-green{
	height: 15px;
	width: 15px;
	background-color: #39da8a;
	margin-right: 10px;
}

.green{
	color: #39da8a !important;
}

.square-yellow{
	height: 15px;
	width: 15px;
	background-color: #d79237;
	margin-right: 10px;
}

.yellow{
	color: #d79237 !important;
}

@media (max-width: 991px) {
	.show-only-mobile{
		display: inline-block;
	}
}

@media (max-width: 992px) {
	.form-label, .col-form-label {
		font-size: 0.53rem;
	}
}

@media (max-width: 767px) {
	.form-label, .col-form-label {
		font-size: 0.75rem;
	}
}