body  { font-family:'Roboto',sans-serif; font-size:16px; color:#333; line-height:150%; font-weight:normal; background-color:#FFFFFF; }
	table, td { border:0; margin:0; padding:0; border-collapse:collapse; }
	img   { border-style:none; }

	
	hr		{ border:0; width:100%; height:1px; color:#DDD; background-color:#DDD; margin-top:5px; margin-bottom:5px; }
	
		
	h1				{ font-size:29px; color:#306DB0; line-height:1.0; font-weight:bold; margin:0; }
	h1 a:link		{ text-decoration:none; color:#306DB0; }
	h1 a:visited	{ text-decoration:none; color:#306DB0; }
	h1 a:active		{ text-decoration:none; color:#306DB0; }
	h1 a:hover		{ text-decoration:none; color:#23527C; }
	
	h2				{ font-size:23px; color:#333; line-height:100%; font-weight:bold; margin-top:10px; margin-bottom:10px; }
	h2 a:link		{ text-decoration:none; color:#444; }
	h2 a:visited	{ text-decoration:none; color:#444; }
	h2 a:active		{ text-decoration:none; color:#444; }
	h2 a:hover		{ text-decoration:none; color:#222; }
		
	h3				{ font-size:18px; color:#333; line-height:100%; font-weight:bold; margin-top:10px; margin-bottom:10px; }
	h3 a:link		{ text-decoration:none; color:#888; }
	h3 a:visited	{ text-decoration:none; color:#888; }
	h3 a:active		{ text-decoration:none; color:#888; }
	h3 a:hover		{ text-decoration:none; color:#333; }

	h3 span				{ color:#CCCCCC; float:right;}
	h3 span a:link		{ color:#CCCCCC; }
	h3 span a:visited	{ color:#CCCCCC; }
	h3 span a:hover		{ text-decoration:none; color:#999; }

	h3 i			{ color:#999; font-style: normal; font-weight:normal; font-size:16px; }
	h3 i a:link		{ color:#306DB0; }
	h3 i a:visited	{ color:#306DB0; }
	h3 i a:hover	{ text-decoration:none; color:#333; }


	/** .h2	{ font-size:21px; color:#000000; line-height:100%; font-weight:bold; } **/
	
	

	.shadow3	{ box-shadow:0 0 3px #DDD; -moz-box-shadow:0 0 3px #DDD; -webkit-box-shadow:0 0 3px #DDD; }

	.no_wrap 	{ white-space:nowrap; }
	
	.sticky_head 	{ position:sticky; top:0px; z-index:999; background-color:#fff; padding:10px 15px; margin:5px auto; max-width:1600px; }
	.sticky_anchor 	{ scroll-margin-top:125px; }
	.sticky_navtop 	{ font-size:17px; font-weight:normal; margin-top:-30px; float:right; }
	
	.page_right		{ border-style:solid; border-width:0 0 0 1px; border-color:#CCCCCC; margin:10px !important; }
	.page_right h3 	{ font-size:19px; color:#333333; line-height:100%; font-weight:bold; display:inline; }
	
	
	.body_left_col  { margin:0px; background-color:#FFFFFF; }
	
	.body_right_col 				{ margin:3px 0; padding:20px; border:1px solid #E8E8FF; background-color:#F8F8FF; border-radius:10px; }
	.body_right_col >	h3			{ font-size:18px; color:#333; line-height:150%; font-weight:bold; margin:0; }
	.body_right_col >	h3 a:link	{ text-decoration:none; color:#333; }
	.body_right_col > h3 a:visited	{ text-decoration:none; color:#333; }
	.body_right_col > h3 a:active	{ text-decoration:none; color:#333; }
	.body_right_col > h3 a:hover	{ text-decoration:none; color:#000; }
	
	.body_note { color:#999; font-size:15px; }
	
	
	.header_table		{ display:table; padding:10px; }
	.header_cell		{ display:table-cell; vertical-align:middle; padding:5px; }

	.header_cell img 		{ transform: scale(1.0);  transition: transform 0.5s ease-out; }
	.header_cell img:hover 	{ transform: scale(0.9); }

	.rtn_footer				{ font-size:12px; color:#333333; line-height:1.5; }
	.rtn_footer a:link		{ text-decoration:none; color:#333333; }
	.rtn_footer a:visited	{ text-decoration:none; color:#333333; }
	.rtn_footer a:active	{ text-decoration:none; color:#333333; }
	.rtn_footer a:hover		{ text-decoration:underline; color:#333333; }
	
/**	.rtn_footer	b			{ } **/
	.rtn_footer	i			{ font-size:14px; opacity:0.5; font-style:normal; line-height:1.0; }
	
	.body_message { font-size:14px; color:#CC0000; }

	.new  { font-size:12px; color:#990000; }
	.old  { font-size:12px; color:#999999; }
	
	.menu_count { font-size:15px; color:#999999; }


	.rtn_form		 	{ line-height:100%; }

	.rtn_form_title    	{ font-size:16px; color:#306DB0; line-height:1.5; }
	.rtn_form_title i   { font-size:14px; color:#999; font-style: normal; font-weight:normal; }

	.rtn_form_error    	{ font-size:12px; color:#990000; line-height:1.3; padding:0px; }
	.rtn_form_desc     	{ font-size:12px; color:#777; padding:0px; line-height:1.2; display: inline-block; margin:5px 0; }
	.rtn_form_textbox  	{ font-size:16px; color:#333; padding:8px; line-height:1.3; border:1px solid #CCC; border-radius:4px; }
	.rtn_form_textarea 	{ font-size:16px; color:#333; padding:8px; line-height:1.0; border:1px solid #CCC; border-radius:4px; }
	.rtn_form_dropdown 	{ font-size:16px; color:#333; padding:8px; line-height:1.0; background-color:#FFF; border:1px solid #CCC; border-radius:4px; }
	.rtn_form_button   	{ font-size:16px; color:#333; cursor:pointer; padding:10px 16px; margin:0px;
    						 	border-radius:4px; border-style:solid; border-width:1px; 
    						 	background-color: #EEEEEE; border-color:#CCCCCC; }
    						 	
	.rtn_form_button:hover { border:1px solid #999; }
    							
	.rtn_form_checkbox input[type=checkbox] { transform:scale(1.5); margin:5px; }

	input:focus, select:focus, textarea:focus { outline: none; border: 1px solid #306DB0; }
	input::placeholder,textarea::placeholder  { color: #CCC; opacity: 1; }



	/** FORM IMAGE DROP ****/

	.image-drop { position: relative; width: 50%; height: 100px; } 
 	
	.image-drop .drop-zone {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    width: 100%; height: 100%;
    box-sizing: border-box;
    padding: 10px; border: 1px dashed #CCC;
    border-radius: 4px; background: #fff;
    text-align: center; cursor: pointer;
    transition: border-color .15s, background .15s;
  	}

	.image-drop .drop-zone:hover { border:1px dashed #999; }
	.image-drop .drop-zone.dragover { border: 1px dashed #306DB0; background: #FFF; }

	.image-drop .drop-zone img { max-width: calc(100% - 60px); max-height: 100%; border-radius: 4px; }
	.image-drop .drop-zone input { display: none; color:#333; }

	.drop-prompt { color:#999; font-size:16px; line-height:1.3; font-weight:normal; }
	.drop-prompt i { font-size:14px; font-style: normal;  font-weight:normal; }


	.image-drop .clear-btn {
    position: absolute;
    top: 12px; right: 8px;
    width: 24px; height: 24px;
    border: 1px solid #FFF; border-radius: 50%;
    background: #CCC;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	}

  	.image-drop .clear-btn:hover { background: #999; }
  	.image-drop .clear-btn[hidden] { display: none; }




    							
	.rtn_table			{ font-size:14px; color:#333; line-height:150%; }
	.rtn_table td 		{ border:1px solid #DDD; padding:6px 9px;}
	.rtn_table tr:hover { background-color:#F3F3FF !important; }
	
	.rtn_table_th 		{ background-color:#EEEEEE !important; font-weight:600; }
	.rtn_table_th td	{ background-color:#EEEEEE !important; font-weight:600; }
	
	.rtn_table_t0 	{ background-color:#F8F8F8; }
	.rtn_table_t1 	{ background-color:#FFFFFF; }

	.rtn_table_icons 	 { opacity:0.5; }
	.rtn_table_icons td  { width:26px; border:0; text-align:center; padding:0; }
	.rtn_table_icons img { width:18px; }
	
		
	.rtn_stripes tr:nth-child(odd)  { background-color:#F8F8F8; }
	.rtn_stripes tr:nth-child(even) { background-color:#FFFFFF; }

	.rtn_click td 	{ cursor: pointer; }
	

	.rtn_error 	 			{ color:#CC3333; }
	.rtn_error a:link		{ text-decoration:none; color:#CC3333; }
	.rtn_error a:visited	{ text-decoration:none; color:#CC3333; }
	.rtn_error a:active		{ text-decoration:none; color:#CC3333; }
	.rtn_error a:hover		{ text-decoration:underline; color:#CC3333; }

	.rtn_success 			{ color:#339933; }
	
	
	.rtn_section 			{ margin:5px 0 30px 0; border-radius:10px; padding:20px; } 
	.rtn_section_chart 		{ margin:5px 0 30px 0; border-radius:10px; padding:0px;  } 
	.rtn_section_table		{ margin:5px 0 30px 0; border-radius:10px; padding:5px;  }
	.rtn_section_table_nav	{ margin:5px 0 10px 0; border-radius:10px; padding:5px;  }  /* table with page navigation */


	.rtn_session_msg			{ color:#33CC33; border:1px solid #33CC3399; border-radius:5px; padding:10px 20px; background-color:#33CC3309; margin-top:20px; }
	.rtn_session_msg a:link		{ text-decoration:underline; color:#33CC33; }
	.rtn_session_msg a:visited	{ text-decoration:underline; color:#33CC33; }
	.rtn_session_msg a:active	{ text-decoration:underline; color:#33CC33; }
	.rtn_session_msg a:hover	{ text-decoration:none; color:#33CC33; }


/** no printing **/

	@media print
	{    
	    .no-print, .no-print *
	    {
	        display: none !important;
	    }
	}
						
    							
/** custom positioning **/

	.margin_center { margin:0 auto; }
	
	.float_left0px   { float:left; margin:0px 0px 0px 0px; }
	.float_left5px   { float:left; margin:0px 5px 5px 0px; }
	.float_left10px  { float:left; margin:0px 10px 10px 0px; }
	
	.float_right0px  { float:right; margin:0px 0px 0px 0px; }
	.float_right5px  { float:right; margin:0px 0px 5px 5px; }
	.float_right10px { float:right; margin:0px 0px 10px 10px; } 

	.padding5px   { padding:5px; }
	.padding10px  { padding:10px; }
	.padding20px  { padding:20px; }

	.margin5px   { margin:5px; }
	.margin10px  { margin:10px; }
	.margin20px  { margin:20px; }
	
	.margin20pxv  { margin:20px 0; } /** vertical only **/
	
	.radius5px { border-radius:5px; }

/** BOOTSTRAP **/
 
	.container-fluid { padding:0; margin:5px auto; max-width:1600px; }
	
	@media print { a[href]:after { content: ""; } }


/** custom gutters **/
	
	.row.gutters_0px { margin-right:0; margin-left:0; }
	.row.gutters_0px > [class^="col-"], .row.gutters_0px > [class*=" col-"] { padding-right:0; padding-left:0; } 
	
	.row.gutters_5px { margin-right:5px; margin-left:5px; }
	.row.gutters_5px > [class^="col-"], .gutters_5px > [class*=" col-"] { padding-right:5px; padding-left:5px; }
	
	.row.gutters_10px { margin-right:10px; margin-left:10px; }
	.row.gutters_10px > [class^="col-"], .gutters_10px > [class*=" col-"] { padding-right:10px; padding-left:10px; }