// @import "./variables";
/* Common css
============================================================================================ */

.fw-400{ font-weight: 400; }
.fw-500{ font-weight: 500; }
.fw-600{ font-weight: 600; }
.fw-bold{ font-weight: bold; }

//TEXTO
.text-muted { color: $text_muted;  }
.text-dark  { color: $text_dark;   }
.text-dark-1{ color: $text_dark_1; }
.text-dark-2{ color: $text_dark_2; }
.text-dark-3{ color: $text_dark_3; }
.text-dark-4{ color: $text_dark_4; }

.text-success{ color: $text_success; }
.text-danger{ color: $text_danger !important;  }

.text-size-1{ font-size: 12px; }
.text-size-2{ font-size: 14px; }
.text-size-3{ font-size: 16px; }
.text-size-4{ font-size: 18px; }
.text-size-5{ font-size: 20px; } 
.text-size-6{ font-size: 22px; } 
.text-size-7{ font-size: 24px; } 
.text-size-8{ font-size: 26px; } 
.text-size-9{ font-size: 28px; } 
.text-size-10{ font-size: 30px; }  

button.menuTriggerbtn{ 
    background-color: #F3F6F9;
    border-color: #F3F6F9;
    border-radius: 10px;
    min-width: 40px;
    padding: 0 10px;
}
button.menuTriggerbtn > .mat-button-wrapper > mat-icon{
    color: #B5B5C3;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.margin-none{
    margin: 0 !important;
}

.margin-tb-10{ margin: 10px 0 !important; }
.mb-10{ margin-bottom: 10px !important; }
.mb-20{ margin-bottom: 20px !important; }
.mt-10{ margin-top: 10px !important; }


.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.max-h-55px {
    max-height: 55px !important;
}

.max-w {
	width: 100%!important;
}



.pointer{
	cursor: pointer;
}

//SnackBar //SnackBar //SnackBar //SnackBar
.snackbar-success {
	background: #62BB46;
	
} 
.snackbar-error {
	background: #F64E60;
} 

.snackbar-success > .mat-simple-snackbar,
.snackbar-error  > .mat-simple-snackbar
{
	justify-content: center!important;
}

.snackbar-success > .mat-simple-snackbar > span,
.snackbar-error  > .mat-simple-snackbar > span
{
	color: white;
}





// @media (min-width:576px) {
// 	.container {
//         max-width: 540px;       
// 	}
// }

// @media (min-width:768px) {
// 	.container {
// 		max-width: 720px
// 	}
// }

// @media (min-width:992px) {
// 	.container {
// 		max-width: 960px
// 	}
// }

// @media (min-width:1200px) {
// 	.container {
// 		max-width: 1140px
// 	}
// }

.container {
	width: 100%;
	// padding-right: 15px;
	// padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container,
	.container-sm {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container,
	.container-md,
	.container-sm {
		max-width: 720px
	}
}

@media (min-width:992px) {	
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 960px
	}
}

@media (min-width:1200px) {	
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1140px
	}
}