@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src:url('/css/icons/icomoon/fonts/icomoon.eot?3p0rtw');
  src:url('/css/icons/icomoon/fonts/icomoon.eot?#iefix3p0rtw') format('embedded-opentype'),
    url('/css/icons/icomoon/fonts/icomoon.woff?3p0rtw') format('woff'),
    url('/css/icons/icomoon/fonts/icomoon.ttf?3p0rtw') format('truetype'),
    url('/css/icons/icomoon/fonts/icomoon.svg?3p0rtw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
	color: #2b2b2b;
	width: 100%;
}

html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

body {
	font-family: 'Lato', sans-serif;
	margin:0;
    position: relative;
	float: left;
	overflow-x: hidden;
}

body.cp-vietnam {
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-wrapper {
	min-height: 100vh;
	/*using display flex column helps keep the footer at the bottom*/
	display: flex;
	flex-direction: column;

}

.popup_display_none {
	display: none;
}

.page-container {
	/*used to keep the footer at the bottom*/
	flex: 1 0 0;
}
.page-content {
	display: table-row;
}

.cms_edit_buttons,
a.cms_edit_buttons {
	display: block;
	height: 29px;
	border: 1px solid #424879;
	background: #CFD5FF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin: 5px;
	padding: 4px;
}

a.cms_edit_buttons:visited {
	color: #337ab7;
}

.noni_green {
	/* this should overrule any other color if applied hence the !important */
	color: #8EBB38!important;
}

.pointer {
	cursor: pointer;
}

.all_caps {
	text-transform: uppercase;
}

/********************************/
/***** MORINDA CSS BUTTONS *****/
/******************************/
.mbutton {
	font-size:18px;
	font-family:'Oswald', sans-serif;
	font-weight:300;
	padding:10px 20px;
	text-transform:uppercase;
	display:inline-block;
	cursor:pointer;
	border-radius:3px;
	color:#565656;
	text-align: center;
	background: none;
	border: none;
}

.mbutton.success{
	color:rgba(63,174,41,1);
}

.mbutton.warning{
	color:rgba(207,10,44,1);
}

.mbutton:hover,
.mbutton:active,
.mbutton:focus {
	color:rgba(86,86,86,.8);
	text-decoration: none;
}

.mbutton.success:hover{
	color:rgba(63,174,41,.8);
}

.mbutton.warning:hover{
	color:rgba(260,20,44,.8);
}

.mbutton.primary {
	background:#565656;
	color:white;
}

.mbutton.primary:hover{
	background:rgba(86,86,86,.9);
	color:white;
}

.mbutton.primary.success{
	background:#3fae29;
}

.mbutton.primary.warning{
	background:rgba(207,10,44,1);
}

.mbutton[disabled],
.mbutton.disabled{
	opacity:.25;
	cursor:not-allowed;
}

.mbutton.primary.success:hover{
	background:rgba(63,174,41,.9);
}

.mbutton.primary.warning:hover{
	background:rgba(207,10,44,.9);
}

.mbutton.secondary{
	background:#ffffff;
	color:#565656;
	border:solid 1px #565656;
}

.mbutton.secondary:hover{
	color: #fff;
	background:#565656;
}

.mbutton.secondary.success{
	border:solid 1px #3fae29;
	color:#3fae29;
}

.mbutton.secondary.success:hover{
	background: #3fae29;
	color:#fff;
}

.mbutton.secondary.warning{
	border:solid 1px rgba(207,10,44,1);
	color:rgba(207,10,44,1);
}

.mbutton.secondary.warning:hover{
	background: rgba(207,10,44,1);
	color:#fff;
}

.mbutton.fullwidth {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

.noninewage_btn {
	color: #8EBB38;
	border: 2px solid;
	border-color: #8EBB38;
	border-radius: 0px;
	font-size: 16px;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	background-color: initial;
	line-height: 1.7em;
	padding: .3em 1em;
	display: inline-block;
}

.noninewage_btn {
	transition: all .5s ease;
}

.noninewage_btn:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #8eBB38;
}

.safari_flex {
	margin: 0 -1px;
}


/****************************************************
*	Adds in odd 5th column in the bootstrap style
***************************************************/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.smart-links-container {
	width: 100% !important;
}