/************************************************ GENERALES  ******************************************/
ul {
	margin:0;
	padding: 0;
}
.list-none-style {
	list-style: none;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
/********************************************** FIN GENERALES  ****************************************/

/********************************************* FONT GENERALES  ****************************************/
.font-uppercase {
	text-transform: uppercase;
}
.font-lowercase {
	text-transform: lowercase;
}
.font-family-roboto {
  font-family: 'Roboto', sans-serif;
}


:not(.ripple-button-acm) a,
:not[class^="font-color-"] a {
	color: #4EA8D1;
	text-decoration: none;
}
:not(.ripple-button-acm) a:hover,
:not(.ripple-button-acm) a:focus,
:not[class^="font-color-"] a:hover,
:not[class^="font-color-"] a:focus {
	color: #5EB8E1;
}
a.disabled {
  pointer-events: none;
}
/******************************************* FIN FONT GENERALES  **************************************/

/******************************************* BACKGROUND COLORS  ***************************************/
.bg-blue-2-down-scale {
	background-color: #d3edf8;
}
.bg-blue-1-down-scale {
	background-color: #A7DBF1;
}
.bg-blue-0 {
	background-color: #75C1E2;
}
.bg-blue-1 {
	background-color: #4EA8D1;
}
.bg-blue-2 {
	background-color: #4092B7;
}
.bg-blue-3 {
	background-color: #326C8A;
}
.bg-blue-4 {
	background-color: #22425a;
}
.bg-blue-5 {
	background-color: #173043;
}
.bg-blue-6 {
	background-color: #072033;
}
.bg-white-1 {
	background-color: #FFFFFF;
}
.bg-grey-1 {
	background-color: #F5F7F9;
}
.bg-grey-2 {
	background-color: #E0E6E9;
}
.bg-grey-3 {
	background-color: #C0C9CE;
}
.bg-grey-4 {
	background-color: #a0a9ae;
}
.bg-red-1 {
	/*background-color: #d32f2f;*/
	background-color: #df6a60;
}
.bg-purple {
	background-color: #764875;
}
.bg-purple-1 {
	background-color: #764875;
}
.bg-green-1 {
	background-color: #C8E6C9;
}
.grey-scale {
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.bg-shopimail {
	background-color: #5c6ac4;
}
.bg-gumbamail {
	background-color: #EB4B92;
}

/***************************************** FIN BACKGROUND COLORS  *************************************/

/************************************************ CURSORS *********************************************/
.cursor-pointer {
	cursor: pointer;
}
/********************************************** FIN CURSORS *******************************************/
/************************************************ DISPLAYS  *******************************************/
.display-inline-block {
	display: inline-block;
}
.display-inline {
	display: inline;
}
.display-block {
    display: block;
}
.display-none {
    display: none;
}
/********************************************** FIN DISPLAYS  *****************************************/

/*********************************************** POSITIONS  *******************************************/
.position-relative {
	position: relative;
}
.width-100 {
	width: 100%;
	box-sizing: border-box;
}
/********************************************* FIN POSITIONS  *****************************************/

/********************************************** TRANSITIONS  ******************************************/
.transition-01 {
  -webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.transition-02 {
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/******************************************** FIN TRANSITIONS  ****************************************/

/********************************************* BORDER-RADIUS  *****************************************/
.border-radius-02 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.border-radius-03 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
/******************************************* FIN BORDER-RADIUS  ***************************************/

/********************************************** MIN WIDTHS  *******************************************/
.min-width-220 {
	min-width: 220px;
}
/******************************************** FIN MIN WIDTHS  *****************************************/

/******************************************* FONT COLORS LINKS  ***************************************/
a {
	text-decoration: none;
	cursor: pointer;
}
a.font-color-blue-1:hover {
	color: #5EB8E1 !important;
}
/***************************************** FIN FONT COLORS LINKS  *************************************/

/********************************************** FONT COLORS  ******************************************/
.font-color-white-1 {
  color: #FFFFFF;
}
.font-color-white-2 {
  color: #F5F7F9 !important;
}
.font-color-blue-0 {
	color: #739AB8;
}
.font-color-blue-1 {
	color: #4EA8D1;
}
.font-color-blue-2 {
	color: #4092B7;
}
.font-color-blue-3 {
	color: #326C8A;
}
.font-color-blue-4 {
  color: #35536A;
}
.font-color-blue-5 {
	color: #173043;
}
.font-color-grey-1 {
	color: #F5F7F9;
}
.font-color-grey-2 {
	color: #E0E6E9;
}
.font-color-grey-3 {
	color: #C0C9CE;
}
.font-color-grey-4 {
	color: #a0a9ae !important;
}
.font-color-grey-5 {
	color: #90999E;
}
.font-color-grey-6 {
	color: #80898e;
}
.font-color-red-1 {
	color: #ff8a80;
}
.font-color-green-1 {
  color: #0bb763;
}
/******************************************** FIN FONT COLORS  ****************************************/

/*********************************************** TXT ALIGNS  ******************************************/
.txt-center {
  text-align: center;
}
.txt-justify {
  text-align: justify;;
}
.txt-left {
  text-align: center;
}
.txt-right {
  text-align: center;
}
.txt-underlined {
	text-decoration: underline;
}
/********************************************* FIN TXT ALIGNS  ****************************************/

/*********************************************** FONT SIZES  ******************************************/
.font-size-30 {
  font-size: 30px;
}
/********************************************* FIN FONT SIZES  ****************************************/

/********************************************** IMAGE WIDTHS ******************************************/
.img-center,
.button-center {
	margin: 0 auto;
}
.img-160.img-responsive {
	max-width: 160px;
}
/******************************************** FIN IMAGE WIDTHS ****************************************/

/********************************************** FONT WEIGHTS  *****************************************/
.font-weight-700 {
    font-weight: 600;
    font-family: 'national 2 narrow';
}
/******************************************** FIN FONT WEIGHTS  ***************************************/

/*********************************************** Z-INDEX **********************************************/
.z-index-1 {
	z-index: 1;
	position: relative;
}
.z-index-2 {
	z-index: 2;
	position: relative;
}
.z-index-3 {
	z-index: 3;
	position: relative;
}
.z-index-4 {
	z-index: 4;
	position: relative;
}
.z-index-5 {
	z-index: 5;
	position: relative;
}
/********************************************* FIN Z-INDEX ********************************************/

/*********************************************** ANIMATIONS  ******************************************/
@keyframes fadeInAnimation {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUpAnimation {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/********************************************* FIN ANIMATIONS  ****************************************/

/*********************************************** SEPARATORS  ******************************************/
[class*="separator-"] {
	display: inline-block;
	width: 100%;
}
.separator-20 {
	height: 20px;
}
.separator-60 {
	height: 60px;
}
.separator-80 {
	height: 80px;
}
/********************************************* FIN SEPARATORS  ****************************************/

/*********************************************** CENTERINGS  ******************************************/
.both-centering {
    display: flex;
	justify-content: center;
	align-items: center;
}
.vertical-centering {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.horizontal-centering {
	margin: 0 auto;
}
/********************************************* FIN CENTERINGS  ****************************************/

/********************************************** DROPDOWN ACM  *****************************************/
.acm-dropdown:before {

}
.acm-btn-dropdown {
	cursor: pointer;
	text-decoration: none;
}
.acm-dropdown-content {
	background-color: #ffffff;
  box-sizing: border-box;
  display: none;
  min-width: 180px;
  position: absolute;
  top: 100%;
	left: 0;
	border-bottom: 4px solid #c0c9ce;
	box-shadow: 0 2px 15px 0 rgba(34, 36, 38, 0.15);
	z-index: 111111;
	padding-bottom: 10px;
}
.acm-dropdown-content::after {
	position: absolute;
  top: -6px;
  left: calc(50% - 6px);
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.acm-dropdown.arrow-blue-1 .acm-dropdown-content::after {
  border-bottom: 6px solid #4EA8D1;
}
.acm-dropdown-content ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.acm-dropdown-content span {
	box-sizing: border-box;
	display: block;
	width: 100%;
	cursor: default;
}
.acm-dropdown-content li a,
.acm-dropdown-content .dropdown-title {
	box-sizing: border-box;
  display: block;
  padding: 6px 20px;
  width: 100%;
	text-decoration: none;
}
.acm-dropdown-content li a:hover,
.acm-dropdown-content li a:focus,
.acm-dropdown-content li.active a {
	background-color: #E0E6E9;
}
.acm-dropdown-content .dropdown-title {
	padding: 6px 20px;
}
.acm-drowpdown-divider {
    border-top: 2px dashed #e0e6e9;
    margin-bottom: 10px;
    margin-top: 10px;
}
/******************************************** FIN DROPDOWN ACM  ***************************************/

/************************************************ TOOLTIPS  *******************************************/
.tooltip.tooltipstered {
	opacity: 1;
	position: relative;
}
.internal-redesign-theme-tooltip-bg-blue-1 .tooltipster-arrow-right span {
	margin-top: -8px;
}
.internal-redesign-theme-tooltip-bg-blue-1 {
	background: #4EA8D1;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.internal-redesign-theme-tooltip-bg-blue-1 .tooltipster-content {
	color: #ffffff;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 14px;
  padding: 8px 16px;
}
.internal-redesign-theme-tooltip-bg-blue-1 .tooltipster-content a {
	font-family: "Lato",Arial,Helvetica,sans-serif !important;
	font-size: 10px !important;
	line-height: 14px !important;
	color: #ffffff !important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.internal-redesign-theme-tooltip-bg-blue-1 .tooltipster-content a:hover {
	text-decoration: underline;
	font-size: 12px;
}
/************************************************ TOOLTIPS  *******************************************/

/********************************************* CODE BLOCKS*********************************************/
code {
	font-family: monospace;
}
/******************************************* FIN CODE BLOCKS ******************************************/

/********************************************** PADDINGS **********************************************/
.padding-left-0 {
	padding-left: 0px;
}
.padding-right-0 {
	padding-right: 0px;
}
.padding-top-0 {
	padding-top: 0px;
}
.padding-bottom-0 {
	padding-bottom: 0px;
}
.padding-0 {
	padding: 0px;
}
.padding-left-10 {
	padding-left: 10px;
}
.padding-right-10 {
	padding-right: 10px;
}
.padding-top-10 {
	padding-top: 10px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
.padding-10 {
	padding: 10px;
}
.padding-left-20,
.padding-left-acm-20 {
	padding-left: 20px;
}
.padding-right-20 {
	padding-right: 20px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-bottom-20 {
	padding-bottom: 20px;
}
.padding-20 {
	padding: 20px;
}
.padding-40 {
	padding: 40px;
}
/******************************************** FIN PADDINGS ********************************************/

/************************************************ MARGINS *********************************************/
.no-margin-bottom {
	margin-bottom: 0px !important;
}
.no-margin-top {
	margin-top: 0px !important;
}
.margin-top-0 {
	margin-top: 0px;
}
.margin-left-0 {
	margin-left: 0px;
}
.margin-right-0 {
	margin-right: 0px;
}
.margin-bottom-0 {
	margin-bottom: 0px;
}
.margin-0 {
    margin: 0px;
}
.margin-top-2 {
	margin-top: 2px !important;
}
.margin-left-2 {
	margin-left: 2px !important;
}
.margin-right-2 {
	margin-right: 2px !important;
}
.margin-bottom-2 {
	margin-bottom: 2px !important;
}
.margin-2 {
    margin: 2px;
}
.margin-top-4 {
	margin-top: 4px;
}
.margin-left-4 {
	margin-left: 4px;
}
.margin-right-4 {
	margin-right: 4px;
}
.margin-bottom-4 {
	margin-bottom: 4px;
}
.margin-4 {
    margin: 4px;
}
.margin-top-6 {
	margin-top: 6px !important;
}
.margin-left-6 {
	margin-left: 6px !important;
}
.margin-right-6 {
	margin-right: 6px !important;
}
.margin-bottom-6 {
	margin-bottom: 6px !important;
}
.margin-6 {
    margin: 6px;
}
.margin-right-10 {
	margin-right: 10px !important;
}
.margin-left-10 {
	margin-left: 10px !important;
}
/*.margin-top-10 {
	margin-top: 10px !important;
}
.margin-left-10 {
	margin-left: 10px !important;
}
.margin-right-10 {
	margin-right: 10px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-10 {
	margin: 10px !important;
}*/
.margin-top-15 {
	margin-top: 15px;
}
/*.margin-top-20 {
	margin-top: 20px !important;
}
.margin-left-20 {
	margin-left: 20px !important;
}
.margin-right-20 {
	margin-right: 20px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-20 {
	margin: 20px !important;
}
.margin-top-40 {
	margin-top: 40px !important;
}
.margin-left-40 {
	margin-left: 40px !important;
}
.margin-right-40 {
	margin-right: 40px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}*/
.margin-40 {
	margin: 40px !important;
}
.margin-top-60 {
	margin-top: 60px !important;
}
.margin-left-60 {
	margin-left: 60px !important;
}
.margin-right-60 {
	margin-right: 60px !important;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}
.margin-60 {
	margin: 60px !important;
}
.margin-top-70 {
	margin-top: 70px !important;
}
.margin-left-70 {
	margin-left: 70px !important;
}
.margin-right-70 {
	margin-right: 70px !important;
}
.margin-bottom-70 {
	margin-bottom: 70px !important;
}
.margin-70 {
	margin: 70px !important;
}
.margin-top-80 {
	margin-top: 80px !important;
}
.margin-left-80 {
	margin-left: 80px !important;
}
.margin-right-80 {
	margin-right: 80px !important;
}
.margin-bottom-80 {
	margin-bottom: 80px !important;
}
.margin-80 {
	margin: 80px !important;
}
.margin-top-minus-10 {
	margin-top: -10px;
}
/********************************************** FIN MARGINS *******************************************/

/********************************************* LABEL BADGET *******************************************/
.badget {
	font-size: 11px;
	padding: 3px 10px;
	border-radius: 50px;
	font-weight: 400;
}
/******************************************* FIN LABEL BADGET *****************************************/

/*********************************************** DIVIDERS *********************************************/
.divider {
	display: inline-block;
	width: 100%;
	height: 1px;
}
.divider.bg-grey-2 {
	background-color: #e0e6e9;
}
/********************************************* FIN DIVIDERS *******************************************/