.btn-dual-primary {background-color:#DDDDDD;}


.overlay-header {opacity:0.3;}
.smx_settingsblock {border:1px #EEEEEE solid;border-radius:2px;}
.smx_settingsblockChild {background-color:#f6f6f6;}
.smx_settingsfloatingblockChild {background-color:#fBfBfB;}
.outboundChatLozengeUnread{display:inline-block;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff;font-weight:bold;background-color: #ff0000;-moz-border-radius: 5px;border-radius: 5px;clear:both;margin-left:0px;}

.outboundChatLozengeRead{display:inline-block;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color:#ffffff;background-color: #c3c3c3;-moz-border-radius: 5px;border-radius: 5px;clear:both;margin-left:0px;}

.redRoundedLozenge{line-height:22px;color:#FFFFFF;font-weight:bold;font-size:11px;background-color: #FF0000;height: 28px;width: 28px;border-radius: 100%;border:2px solid #FFFFFF;}
.greyRoundedLozenge{line-height:22px;color:#FFFFFF;font-weight:bold;font-size:11px;background-color: #CCCCCC;height: 28px;width: 28px;border-radius: 100%;border:2px solid #FFFFFF;}
.greyRoundedLozengeLink{cursor:pointer;cursor:hand;line-height:22px;color:#FFFFFF;font-weight:bold;font-size:11px;background-color: #CCCCCC;height: 28px;width: 28px;border-radius: 100%;border:2px solid #FFFFFF;}
.lightgreyRoundedLozenge{line-height:20px;color:#FFFFFF;font-weight:bold;font-size:10px;background-color: #DCDCDC;height: 24px;width: 24px;border-radius: 100%;border:2px solid #FFFFFF;}

.small7grey {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #999999;font-size: 7px; TEXT-DECORATION: none}
.small7black {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000000;font-size: 7px; TEXT-DECORATION: none}


.med12grey {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #999999;font-size: 12px; TEXT-DECORATION: none}
.med12black {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000000;font-size: 12px; TEXT-DECORATION: none}



.progress{height: 5px;}
.progress-bar{height: 5px;}
.password-verdict{font-size:10px;}

.smx_smallSave{font-size:9px;color:#AAAAAA;margin-bottom:3px;}
.smx_smallSaveDark{font-size:9px;color:#000000;margin-bottom:3px;}
.smx_updated{font-size:12px;color:#999999;}
.smx_profilethumbs{border-radius:2px;}


.smx_order_box_form_control{display:inline-block;border:1px solid #999999;border-radius:3px;width:36px;height:36px;font-size:12px;color:#666666;text-align:center;padding:6px;}
.smx_order_box_form_control_left{display:inline-block;border:1px solid #999999;border-radius:3px;width:36px;height:36px;font-size:12px;color:#666666;text-align:left;padding:6px;}

.smx_blockTitle{line-height:38px;height:38px}
.smx_lightgreytablecontainer{width:100%;background-color:#f9f9f9;border:#EEEEEE;border-radius:3px;padding-top:8px;padding-bottom:8px;padding-left:5px;padding-right:5px;}
.smx_greysmallbutton{cursor: hand;cursor: pointer;margin-left:0px;margin-bottom:0px;margin-top:-18px;padding:3px;width:200px;font-size:11px;background-color:#eeeeee;border-radius:2px;-moz-border-radius:2px;border:1px solid #CCCCCC;}
.smx_textinput_form_control{max-width:150px;padding-left:6px;font-size:12px;border:1px solid #999999;border-radius:3px;}


.smallTips {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #666666;font-size: 9px; TEXT-DECORATION: none}
.smallTipsNoBox {
	  font-weight: normal;
      color : #FFFFFF;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	  font-size:12px;
	  font-weight: normal;
	  background-color : #999999;
	  border:1px solid #999999;
	  margin:0px 0px 0px 5px;padding: 1px;
	  border-radius:2px;-moz-border-radius:2px;


}


.smx_lozenge {

  color:#666666;
  background-color:#FFFFFF;
  border:solid 1px #999999;
  font-size:11px;font-weight:normal;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;	
  display: inline;
  padding: .25em .6em;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  cursor: hand;
  cursor: pointer;
}

.smx_onlinestatus {
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	margin-top:55px;
	margin-left:-23px;
}
.smx_onlinestatus_small {
	position: absolute;
	display: block;
	font-size:9px;
	width: 3px;
	height: 3px;
	line-height: 5px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	margin-top:-5px;
	margin-left:18px;
}

























/*! DYNAMIC CSS   -----------------------------------------*/




/*! BOOTSTRAP 4 BREAKPOINT col-(x)   -----------------------------------------*/

.fixedCenteredExecButton {
padding-top:0px;
padding-bottom:0px;
padding-left:35px;
padding-right:50px;	
}

.formtextfieldcontainer{width:300px;}
.formtextfieldcontainermd{width:300px;}


.table th,
.table td {
  padding: 4px;height:40px;
}
.smx_date_form_control{max-width:100px;padding-left:6px;font-size:12px;font-family:'Courier New', Courier, monospace;}
.smx_page_heading{font-size:13px;margin-top:10px;margin-bottom:10px;}
.smx_table_th_col{font-size:12px;}
.smx_table_td_col{font-size:11px;}
.smx_table_td_col_SMALL{font-size:11px;}
.smx_folder_arrow_icon{width:12px;margin-right:0px;}

.smx_ToggleSwitch
{ 
margin-left:40px;
}


.smx_sidebar_icon
{ 
display:visible;
}
.smax_label_text
{ 
font-size:10px !important;
}
.smx_message_chat
{ 
font-size:12px !important;
line-height:120% !important;
}

.smx_title
{ 
font-size:12px !important;
line-height:120% !important;
font-weight:400;
}

.smx_home_links
{ 
font-size:8px !important;
line-height:120% !important;

}
.smax_edit_icons_links
{ 
width:40px !important;
height:40px !important;
}


.smax_btn_fullwidth
{ 
width:100% !important;
}

.pagination-lg .page-link {
  margin:1px;
  padding: 8px 12px 8px 12px;
  font-size: 1rem;
  line-height: 20px;
}


.smax_save_btn_topcenter
{ 
text-align:center;
margin-left:0px; !important;
}

.smax_sqr_img
{ 
width:48px;
height:48px;
cursor:hand;
cursor:pointer;
border-radius:5px;
border:2px #FFFFFF solid;
background-position: center;
background-size: cover; 
}

.smax_sqr_blank
{ 
width:48px;
height:48px;
}

.block-content-smax
{
padding:4px;	
}

.btn-circle-nav-bar-smax
{
font-size:20px;margin-top:-2px;margin-left:0px;color:#666666;
min-width:45px;height:45px;
}

.btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus {
  color: #1f1f1f;
  background-color: transparent;
  border-color: transparent;
}















/*! BOOTSTRAP 4 BREAKPOINT col-sm-(x)   -----------------------------------------*/
@media (min-width: 576px) {

.fixedCenteredExecButton {
padding-top:0px;
padding-bottom:0px;
padding-left:35px;
padding-right:50px;	
}

.formtextfieldcontainer{width:300px;}
.formtextfieldcontainermd{width:220px;}
	
.table th,
.table td {
  padding: 4px;height:40px;
}
.smx_date_form_control{max-width:150px;font-size:14px;font-family:'Courier New', Courier, monospace;}	
.smx_page_heading{font-size:16px;margin-top:10px;margin-bottom:10px;}
.smx_table_th_col{font-size:12px;}
.smx_table_td_col{font-size:11px;}
.smx_table_td_col_SMALL{font-size:11px;}
.smx_folder_arrow_icon{width:16px;margin-right:3px;}

.smx_ToggleSwitch
{ 
margin-left:40px !important;
}

.smx_sidebar_icon
{ 
display:visible !important;
}
.smax_label_text
{ 
font-size:10px !important;
}
.smx_message_chat
{ 
font-size:12px !important;
line-height:120% !important;

}

.smx_title
{ 
font-size:11px !important;
line-height:120% !important;
font-weight:400;
}

.smx_home_links
{ 
font-size:10px !important;
line-height:120% !important;

}

.smax_edit_icons_links
{ 
width:40px !important;
height:40px !important;
}

.smax_btn_fullwidth
{ 
max-width:300px !important;
}

.pagination-lg .page-link {
  margin:1px;
  padding: 8px 12px 8px 12px;
  font-size: 1rem;
  line-height: 20px;
}

.smax_save_btn_topcenter
{ 
text-align:center;
margin-left:0px; !important;
}

.smax_sqr_img
{ 
width:48px;
height:48px;
cursor:hand;
cursor:pointer;
border-radius:5px;
border:2px #FFFFFF solid;
background-position: center;
background-size: cover; 
}

.smax_sqr_blank
{ 
width:48px;
height:48px;
}

.block-content-smax
{
padding:6px;	
}

.btn-circle-nav-bar-smax
{
font-size:20px;margin-top:-2px;margin-left:0px;color:#666666;
min-width:45px;height:45px;
}

.btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus {
  color: #1f1f1f;
  background-color: transparent;
  border-color: transparent;
}

}
























/*! BOOTSTRAP 4 BREAKPOINT col-md-(x)   -----------------------------------------*/
@media (min-width: 768px) {

.fixedCenteredExecButton {
padding-top:0px;
padding-bottom:0px;
padding-left:35px;
padding-right:50px;	
}

.formtextfieldcontainer{width:300px;}
.formtextfieldcontainermd{width:380px;}
	
.table th,
.table td {
  padding: 6px;height:40px;
}
.smx_date_form_control{max-width:150px;font-size:16px;font-family:'Courier New', Courier, monospace;}	
.smx_page_heading{font-size:18px;margin-top:10px;margin-bottom:10px;}
.smx_table_th_col{font-size:13px;}
.smx_table_td_col{font-size:12px;}
.smx_table_td_col_SMALL{font-size:11px;}
.smx_folder_arrow_icon{width:18px;margin-right:4px;}

.smx_ToggleSwitch
{ 
margin-left:40px !important;
}
.smx_sidebar_icon
{ 
display:visible !important;
}
.smax_label_text
{ 
font-size:10px !important;
}
.smx_message_chat
{ 
font-size:16px !important;
line-height:120% !important;

}

.smx_title
{ 
font-size:12px !important;
line-height:120% !important;
font-weight:400;
}

.smx_home_links
{ 
font-size:11px !important;
line-height:120% !important;

}

.smax_edit_icons_links
{ 
width:40px !important;
height:40px !important;
}

.smax_btn_fullwidth
{ 
max-width:200px !important;
}

.pagination-lg .page-link {
  margin:2px;
  padding: 9px 20px;
  font-size: 1.185714rem;
  line-height: 20px;
}

.smax_save_btn_topcenter
{ 
text-align:center;
margin-left:0px; !important;
}

.smax_sqr_img
{ 
width:48px;
height:48px;
cursor:hand;
cursor:pointer;
border-radius:5px;
border:2px #FFFFFF solid;
background-position: center;
background-size: cover; 
}

.smax_sqr_blank
{ 
width:48px;
height:48px;
}

.block-content-smax
{
padding:5px;	
}

.btn-circle-nav-bar-smax
{

font-size:18px;margin-top:0px;margin-left:0px;color:#333333;
min-width:50px;height:50px;
}

.btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus {
  color: #1f1f1f;
  background-color: transparent;
  border-color: transparent;
}

}




















/*! BOOTSTRAP 4 BREAKPOINT col-lg-(x)   -----------------------------------------*/
@media (min-width: 992px) {
	
.fixedCenteredExecButton {
padding-top:0px;
padding-bottom:0px;
padding-left:35px;
padding-right:50px;	
}	
	

.formtextfieldcontainer{width:400px;}
.table th,
.table td {
  padding: 6px;height:40px;
}
.smx_date_form_control{max-width:150px;font-size:16px;font-family:'Courier New', Courier, monospace;}
.smx_page_heading{font-size:20px;margin-top:10px;margin-bottom:10px;}
.smx_table_th_col{font-size:13px;}
.smx_table_td_col{font-size:12px;}
.smx_table_td_col_SMALL{font-size:11px;}
.smx_folder_arrow_icon{width:20px;margin-right:4px;}

.smx_ToggleSwitch
{ 
margin-left:0px !important;
}
.smx_sidebar_icon
{ 
display:visible !important;
}
.smax_label_text
{ 
font-size:11px !important;
}
.smx_message_chat
{ 
font-size:16px !important;
line-height:120% !important;

}

.smx_title
{ 
font-size:12px !important;
line-height:120% !important;
font-weight:400;
}

.smx_home_links
{ 
font-size:11px !important;
line-height:120% !important;

}
.smax_edit_icons_links
{ 
width:50px !important;
height:50px !important;
}

.smax_btn_fullwidth
{ 
max-width:200px !important;
}

.pagination-lg .page-link {
  margin:2px;
  padding: 9px 20px;
  font-size: 1.185714rem;
  line-height: 20px;
}

.smax_save_btn_topcenter
{ 
text-align:center;
margin-left:202px; !important;
}

.smax_sqr_img
{ 
width:76px;
height:76px;
cursor:hand;
cursor:pointer;
border-radius:5px;
border:2px #FFFFFF solid;
background-position: center;
background-size: cover; 
}

.smax_sqr_blank
{ 
width:76px;
height:76px;
}

.block-content-smax
{
padding:8px;	
}

.btn-circle-nav-bar-smax
{
font-size:16px;margin-top:-1px;color:#666666;margin-left:0px;
}
.btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus {
  color: #1f1f1f;
  background-color: #d1d7e1;
  border-color: #d1d7e1;
  box-shadow: none;
}

}



















/*! BOOTSTRAP 4 BREAKPOINT col-xl-(x)   -----------------------------------------*/
@media (min-width: 1200px) {
	
.fixedCenteredExecButton {
padding-top:10px;
padding-bottom:25px;
padding-left:45px;
padding-right:60px;	
}		


.formtextfieldcontainer{width:600px;}
.table th,
.table td {
  padding: 8px;height:40px;
}
.smx_date_form_control{max-width:150px;font-size:16px;font-family:'Courier New', Courier, monospace;}
.smx_page_heading{font-size:22px;margin-top:10px;margin-bottom:10px;}
.smx_table_th_col{font-size:14px;}
.smx_table_td_col{font-size:12px;}
.smx_table_td_col_SMALL{font-size:11px;}
.smx_folder_arrow_icon{width:22px;margin-right:5px;}

.smx_ToggleSwitch
{ 
margin-left:0px !important;
}
.smx_sidebar_icon
{ 
display:visible !important;
}
.smax_label_text
{ 
font-size:11px !important;
}
.smx_message_chat
{ 
font-size:18px !important;
line-height:120% !important;

}

.smx_title
{ 
font-size:14px !important;
line-height:120% !important;
font-weight:400;
}

.smx_home_links
{ 
font-size:12px !important;
line-height:120% !important;

}
.smax_edit_icons_links
{ 
width:50px !important;
height:50px !important;
}

.smax_btn_fullwidth
{ 
max-width:200px !important;
}

.pagination-lg .page-link {
  margin:2px;
  padding: 9px 20px;
  font-size: 1.185714rem;
  line-height: 20px;
}

.smax_save_btn_topcenter
{ 
text-align:center;
margin-left:202px; !important;
}

.smax_sqr_img
{ 
width:76px;
height:76px;
cursor:hand;
cursor:pointer;
border-radius:5px;
border:2px #FFFFFF solid;
background-position: center;
background-size: cover; 
}

.smax_sqr_blank
{ 
width:76px;
height:76px;
}

.block-content-smax
{
padding:10px;	
}

.btn-circle-nav-bar-smax
{
font-size:16px;margin-top:-1px;color:#666666;margin-left:0px;
}
.btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus {
  color: #1f1f1f;
  background-color: #d1d7e1;
  border-color: #d1d7e1;
  box-shadow: none;
}

}





















/*! BOOTSTRAP 4 CUSTOM BREAKPOINT 1201px < CSS ACTIVE > 1500px  -----------------------------------------*/
@media (min-width: 1500px) {
	
.fixedCenteredExecButton {
padding-top:10px;
padding-bottom:25px;
padding-left:45px;
padding-right:60px;	
}	
	

.formtextfieldcontainer{width:800px;}
.table th,
.table td {
  padding: 10px;height:40px;
}
.smx_date_form_control{max-width:150px;font-size:16px;font-family:'Courier New', Courier, monospace;}
.smx_page_heading{font-size:22px;margin-top:10px;margin-bottom:10px;}
.smx_table_th_col{font-size:15px;}
.smx_table_td_col{font-size:12px;}
.smx_table_td_col_SMALL{font-size:11px;}
.smx_folder_arrow_icon{width:26px;margin-right:5px;}

.smx_ToggleSwitch
{ 
margin-left:0px !important;
}
.smx_sidebar_icon
{ 
display:visible !important;
}
.smax_label_text
{ 
font-size:11px !important;
}
.smx_message_chat
{ 
font-size:18px !important;
line-height:120% !important;

}


.smx_title
{ 
font-size:18px !important;
line-height:120% !important;
font-weight:300;
}

.smx_home_links
{ 
font-size:12px !important;
line-height:120% !important;

}
.smax_edit_icons_links
{ 
width:50px !important;
height:50px !important;
}

.smax_btn_fullwidth
{ 
max-width:250px !important;
}

.pagination-lg .page-link {
  margin:2px;
  padding: 9px 20px;
  font-size: 1.185714rem;
  line-height: 20px;
}


.smax_save_btn_topcenter
{ 
text-align:center;
margin-left:202px; !important;
}

.smax_sqr_img
{ 
width:92px;
height:92px;
cursor:hand;
cursor:pointer;
border-radius:5px;
border:2px #FFFFFF solid;
background-position: center;
background-size: cover; 
}

.smax_sqr_blank
{ 
width:92px;
height:92px;
}

.block-content-smax
{
padding:15px;	
}

.btn-circle-nav-bar-smax
{
font-size:16px;margin-top:-1px;color:#666666;margin-left:0px;
}
.btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus {
  color: #1f1f1f;
  background-color: #d1d7e1;
  border-color: #d1d7e1;
  box-shadow: none;
}
}



















/*! BOOTSTRAP 4 BREAKPOINT 1501px < CSS ACTIVE > 1800px  -----------------------------------------*/
@media (min-width: 1800px) {
	
.fixedCenteredExecButton {
padding-top:15px;
padding-bottom:27px;
padding-left:50px;
padding-right:65px;	
}	
	
.formtextfieldcontainer{width:800px;}
.table th,
.table td {
  padding: 10px;height:40px;
}
.smx_date_form_control{max-width:150px;font-size:16px;font-family:'Courier New', Courier, monospace;}
.smx_page_heading{font-size:24px;margin-top:10px;margin-bottom:10px;}
.smx_table_th_col{font-size:15px;}
.smx_table_td_col{font-size:13px;}
.smx_table_td_col_SMALL{font-size:12px;}

.smx_ToggleSwitch
{ 
margin-left:0px !important;
}
.smx_sidebar_icon
{ 
display:visible !important;
}
.smax_label_text
{ 
font-size:11px !important;
}
.smx_message_chat
{ 
font-size:18px !important;
line-height:120% !important;

}

.smx_title
{ 
font-size:20px !important;
line-height:120% !important;
font-weight:300;

}

.smx_home_links
{ 
font-size:12px !important;
line-height:120% !important;

}
.smax_edit_icons_links
{ 
width:50px !important;
height:50px !important;
}

.smax_btn_fullwidth
{ 
max-width:250px !important;
}

.pagination-lg .page-link {
  margin:2px;
  padding: 9px 20px;
  font-size: 1.185714rem;
  line-height: 20px;
}

.smax_save_btn_topcenter
{ 
text-align:center;
margin-left:202px; !important;
}

.smax_sqr_img
{ 
width:92px;
height:92px;
cursor:hand;
cursor:pointer;
border-radius:5px;
border:2px #FFFFFF solid;
background-position: center;
background-size: cover; 
}

.smax_sqr_blank
{ 
width:92px;
height:92px;
}

.block-content-smax
{
padding:20px;	
}

.btn-circle-nav-bar-smax
{
font-size:16px;margin-top:-1px;color:#666666;margin-left:0px;
}
.btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus {
  color: #1f1f1f;
  background-color: #d1d7e1;
  border-color: #d1d7e1;
  box-shadow: none;
}
}























.lds-default {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
























