*, *:before, *:after {
  margin:0;
  padding:0;
  border:none;
  outline:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
/*
	 -khtml-user-select: none;
			 -o-user-select: none;
*/
}
html, body {
  /* font-family: 'Roboto', sans-serif; */
  /* font-family: 'Roboto Condensed', sans-serif; */
  /* font-family: 'Roboto Slab', serif; */
	font-family: Tahoma, sans-serif;
  /* font-family: 'EB Garamond', serif; */
  font-size:16px;
  text-align: left;
}
body { /*display:none;*/ }

ul,ol {list-style:none;}
fieldset,img,hr {border:0px;}
caption,th {text-align:left;}
table {border-collapse:separate; border-spacing:0;}
td {padding:0px;}
a {outline:none; text-decoration:none;}
a:link, a:visited, a:hover, a:active, a:focus, input:focus  {outline:none;}
/*button::-moz-focus-inner {border:0; outline:none !important;}
button {
    padding: 0;
    margin:0;
    border: 0;
}*/
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:0; padding:0;}
button,input,optgroup,select,textarea{line-height:1;}

img { /*vertical-align: middle; line-height:0;*/ display:block; }

h1 {
  margin:5px 0 20px 0;
  font-size:24px;
  text-align:center;
}
h2 {
  font-size:20px;
}

.overlay_load_inner { width:48px; margin:0 auto; }
@media only screen and (min-width: 240px) { .overlay_load_inner { width: 200px; } }
.overlay_loader {
  display: inline-block;
  width: 48px;
  height: 48px;
	margin-top: 24px;
  border: 16px solid rgba(0,100,0,.3);
  border-radius: 50%;
  border-top-color: darkgreen;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@media only screen and (min-width: 240px) { .overlay_loader { width: 200px; height: 200px; margin-top: 48px; } }
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes         spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

#container_all {
  width: 100%;
  min-height:100vh;
/*
  visibility:hidden;
*/
}

#container_content {
  width: 100%;
  -webkit-flex:1; -ms-flex:1; flex:1;
  padding:10px;
  background-color:#FFFFFF;
}

.boxin_wrapper {
  overflow: hidden;
}
.boxin_inner {
  width: calc(100% + 100px);
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}


.font_bold { font-weight:bold; }

.font_size_10 { font-size:10px; }
.font_size_11 { font-size:11px; }
.font_size_12 { font-size:12px; }
.font_size_13 { font-size:13px; }
.font_size_14 { font-size:14px; }
.font_size_16 { font-size:16px; }
.font_size_18 { font-size:18px; }
.font_size_20 { font-size:20px; }
.font_size_22 { font-size:22px; }
.font_size_24 { font-size:24px; }

.txt_align_center { text-align:center; }
.txt_align_left   { text-align:left; }
.txt_align_right  { text-align:right; }

.text_shadow_1 { 	text-shadow: 1px 1px black; }

.vert_align_middle { vertical-align:middle; }

.disp_inline_block { display:inline-block; }

.float_right { float:right; }

.element_hide { display:none; }

.cursor_pointer {
	cursor: pointer;
}


.truncate_text,
.truncate_text_forced {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.truncate_text:hover{
    text-overflow:clip;
    width:auto;
    white-space: normal;
}

.user_select_text {
	-webkit-user-select: text;
		 -moz-user-select: text;
			-ms-user-select: text;
					user-select: text;
/*
	 -khtml-user-select: text;
			 -o-user-select: text;
*/
}

.color_red_1 { color:#860002; }
.color_mpez_1 { color:#F5E0B5; }
.color_mpez_2 { color:#FAEFD9; }


.svg { /*text-shadow:1px 1px 2px #E02B2E;*/ }
.svg_icon {
  /* Use the current text color as the icon’s fill color. */
  fill: currentColor;
  /* Inherit the text’s size too. Also allows sizing the icon by changing its font-size. */
  /*width: 50px;
  height: 50px;*/
  /*font-size:18px;*/
  /* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this. For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */
  display:block;
  vertical-align: middle;
  /* Paths and strokes that overflow the viewBox can show in IE11. */
  overflow: hidden;
  /*margin-top:3px;*/
}
.icon_12 { width: 12px; height: 12px; }
.icon_16 { width: 16px; height: 16px; }
.icon_18 { width: 18px; height: 18px; }
.icon_24 { width: 24px; height: 24px; }
.icon_36 { width: 36px; height: 36px; }
.icon_48 { width: 48px; height: 48px; }


a.link_tb:link {
  display:block;
  font-size:18px;
	padding: 6px 10px;
  background-color: #FFFFFF;
	color:#002F06;
  border: 1px solid #002F06;
  -webkit-box-shadow: 0px -2px 5px 2px rgba(0,0,0,0.70);
          box-shadow: 0px -2px 5px 2px rgba(0,0,0,0.70);
}
a.link_tb:visited {
  color:#002F06;
}
a.link_tb:hover {
}


#vp_flg {display: none;}
#vp_chk {display: none; content: '1';}
@media only screen and (min-width:  288px) {#vp_chk {content:  '288';}}
@media only screen and (min-width:  360px) {#vp_chk {content:  '360';}}
@media only screen and (min-width:  480px) {#vp_chk {content:  '480';}}
@media only screen and (min-width:  576px) {#vp_chk {content:  '576';}}
@media only screen and (min-width:  640px) {#vp_chk {content:  '640';}} 
@media only screen and (min-width:  768px) {#vp_chk {content:  '768';}} 
@media only screen and (min-width:  880px) {#vp_chk {content:  '880';}} 
@media only screen and (min-width:  992px) {#vp_chk {content:  '992';}} 
/*
@media only screen and (min-width: 1200px) {#vp_chk {content: '1200';}}
@media only screen and (min-width: 1320px) {#vp_chk {content: '1320';}}
@media only screen and (min-width: 1366px) {#vp_chk {content: '1366';}}
@media only screen and (min-width: 1440px) {#vp_chk {content: '1440';}}
@media only screen and (min-width: 1680px) {#vp_chk {content: '1680';}}
*/