html { height: 100%; }
body {
	letter-spacing: -1px;
	word-wrap: break-word;
}

/* TEXT SIZE */
.small70 { font-size: 70%; }
.small75 { font-size: 75%; }
.small80 { font-size: 80%; }
.small85 { font-size: 85%; }
.small90 { font-size: 90%; }
.small95 { font-size: 95%; }
.text-large105 { font-size: 105%; }
.text-large110 { font-size: 110%; }
.text-large120 { font-size: 120%; }
.text-large130 { font-size: 130%; }
.text-large140 { font-size: 140%; }
.text-large150 { font-size: 150%; }



/* */
.visit_table_wrapper {
	margin: 0 -15px; background: #fff; position: relative;
}

/* shadow addon */
.addon-shadow {
  border: none;
  -webkit-box-shadow: 0 0px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 0px 9px rgba(0, 0, 0, .5); 
}
.addon-shadow-20 {
  border: none;
  -webkit-box-shadow: 0 0px 9px rgba(0, 0, 0, .2);
          box-shadow: 0 0px 9px rgba(0, 0, 0, .2); 
}

.addon-shadow-10 {
  border: none;
  -webkit-box-shadow: 0 0px 9px rgba(0, 0, 0, .1);
          box-shadow: 0 0px 9px rgba(0, 0, 0, .1); 
}


.addon-inner-shadow {
	box-shadow:         inset 1px 50px 15px -47px #5a5a5a;
	-webkit-box-shadow: inset 1px 50px 15px -47px #5a5a5a;
	-moz-box-shadow:    inset 1px 50px 15px -47px #5a5a5a;
	-o-box-shadow:      inset 1px 50px 15px -47px #5a5a5a;
}

.addon-inner-boxshadow {
	box-shadow:         inset 0 0 10px #5a5a5a;
	-webkit-box-shadow: inset 0 0 10px #5a5a5a;
	-moz-box-shadow:    inset 0 0 10px #5a5a5a;
	-o-box-shadow:      inset 0 0 10px #5a5a5a;
}

.text-outline { 
	text-shadow: #000 0px 0px 1px;
	-webkit-font-smoothing: antialiased; 
}

.text-outline-white { 
	text-shadow: #fff 1px 1px 1px;
	-webkit-font-smoothing: antialiased; 
}


/* bootstrap no-gutter class */
.no-gutter > [class*='col-'] {
	padding-right: 0; 
	padding-left: 0;
}

/* password field type */
.input-field-password { 
	-webkit-text-security: disc; text-security: disc; 
}

/* fixed location */
.fixed-top { position: fixed; width: 100%; top:0px; z-index: 999; }
.fixed-bottom { position: absolute; width: 100%; bottom:0px; }

/* navbar brand-text nowrap */
@media (max-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    white-space: nowrap;
  }
}


/* navbar customize */
.navbar-mtms {
  background-color: #4a6da7;
  border-color: #4a6da7;
  color: #fff;
}
.navbar-mtms a { color: #fff; }
.navbar-mtms .navbar-text {
  color: #fff;
}
.navbar-mtms .navbar-nav > li > a {
  color: #fff;
}
.navbar-mtms .navbar-nav > li > a:hover,
.navbar-mtms .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #214c90;
}
.navbar-mtms .navbar-nav > .active > a,
.navbar-mtms .navbar-nav > .active > a:hover,
.navbar-mtms .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #214c90;
}
.navbar-mtms .navbar-toggle {
  border-color: #ddd;
}
.navbar-mtms .navbar-toggle:hover,
.navbar-mtms .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-mtms .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-mtms .navbar-collapse,
.navbar-mtms .navbar-form {
  border-color: #214c90;
}

.topnavbar { height: auto; font-size: 15pt; position: relative; z-index: 1; }
.top-memu-btn { line-height: 35px; }

/**/
.bg-inverse {
  color: #fff;
  background-color: #000;
}
a.bg-inverse:hover {
  background-color: #aaa;
}
.bg-white {
  color: #000;
  background-color: #fff!important;
}

.bg-transparent { background-color: transparent!important; }
/*
.bg-mtms {
	background: #264079; 
	background: -moz-linear-gradient(top, #264079 0%, #6faecd 100%); 
	background: -webkit-linear-gradient(top, #264079 0%,#6faecd 100%); 
	background: linear-gradient(to bottom, #264079 0%,#6faecd 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264079', endColorstr='#6faecd',GradientType=0 ); 	
	color: #fff;
}
*/
.bg-mtms {
	background: rgb(19,46,75);
	background: -moz-linear-gradient(90deg, rgba(19,46,75,1) 0%, rgba(25,68,117,1) 58%, rgba(68,109,155,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(19,46,75,1) 0%, rgba(25,68,117,1) 58%, rgba(68,109,155,1) 100%);
	background: linear-gradient(90deg, rgba(19,46,75,1) 0%, rgba(25,68,117,1) 58%, rgba(68,109,155,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#132e4b",endColorstr="#446d9b",GradientType=1);
	color: #fff;
}

.bg-mtms-danger {
	background: #792626; /* Old browsers */
	background: -moz-linear-gradient(top, #cd6f6f 0%, #792626 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cd6f6f 0%,#792626 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cd6f6f 0%,#792626 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd6f6f', endColorstr='#792626',GradientType=0 ); /* IE6-9 */
	color: #fff;
}


/* margin */
.mt5px { margin-top: 5px; }
.mt10px { margin-top: 10px; }
.mt15px { margin-top: 15px; }
.mt20px { margin-top: 20px; }
.mt30px { margin-top: 30px; }
.mt40px { margin-top: 40px; }
.mt50px { margin-top: 50px; }
.mt60px { margin-top: 60px; }
.mt70px { margin-top: 70px; }
.mt80px { margin-top: 80px; }
.mt90px { margin-top: 90px; }
.mt100px { margin-top: 100px; }
.mr5px { margin-right: 5px; }
.mr10px { margin-right: 10px; }
.mr15px { margin-right: 15px; }
.mr20px { margin-right: 20px; }
.ml5px { margin-left: 5px; }
.ml10px { margin-left: 10px; }
.ml20px { margin-left: 20px; }
.mb0px  { margin-bottom: 0px; }
.mb5px { margin-bottom: 5px; }
.mb10px { margin-bottom: 10px; }
.mb20px { margin-bottom: 20px; }
.mb30px { margin-bottom: 30px; }

/* padding */
.p0px   { padding: 0px; }
.pt5px  { padding-top   : 5px;  }
.pt10px { padding-top   : 10px; }
.pt15px { padding-top   : 15px; }
.pt20px { padding-top   : 20px; }
.pr5px  { padding-right : 5px;  }
.pr10px { padding-right : 10px; }
.pl5px  { padding-left  : 5px;  }
.pl10px { padding-left  : 10px; }
.pb5px  { padding-bottom: 5px;  }
.pb10px { padding-bottom: 10px; }

/* user interact */
.clickable { cursor: pointer; }


.information { padding: 10px; display: block; border: 1px solid #efefef; border-radius: 4px; font-size: 14px; background: #fff; }
.information-default { border-left: 4px solid #777; }
.information-green   { border-left: 4px solid #5cb85c; }
.information-red     { border-left: 4px solid #d9534f; }
.information-yellow  { border-left: 4px solid #f0ad4e; }
.information-info1   { border-left: 4px solid #31b0d5; }



/* page footer */
.page-footer-wrapper {
	padding: 5px; 
	margin: 25px 5px;
}

.page-footer {
	line-height:25px; background-color: #ededed; padding: 21px 0px 11px 0px; border-top: 1px solid #dadada; }



/* 諛묒쨪 */
.uline-primary { border-bottom: 1px solid #337ab7 }
.uline-success { border-bottom: 1px solid #3c763d }
.uline-danger  { border-bottom: 1px solid #a94442 }
.uline-warning { border-bottom: 1px solid #f7ecb5 }
.uline-info    { border-bottom: 1px solid #afd9ee }
.uline-info-2  { border-bottom: 2px solid #afd9ee }
.uline-info-3  { border-bottom: 3px solid #afd9ee }

.dash-bottom-default { border-bottom: 1px dashed #ddd }
.dash-bottom-primary { border-bottom: 1px dashed #337ab7 }
.dash-bottom-success { border-bottom: 1px dashed #3c763d }
.dash-bottom-danger  { border-bottom: 1px dashed #a94442 }
.dash-bottom-warning { border-bottom: 1px dashed #f7ecb5 }
.dash-bottom-info    { border-bottom: 1px dashed #afd9ee }
.dash-bottom-white   { border-bottom: 1px dashed #fff }

.line-bottom-default { border-bottom: 1px solid #ddd }
.line-bottom-primary { border-bottom: 1px solid #337ab7 }
.line-bottom-success { border-bottom: 1px solid #3c763d }
.line-bottom-danger  { border-bottom: 1px solid #a94442 }
.line-bottom-warning { border-bottom: 1px solid #f7ecb5 }
.line-bottom-info    { border-bottom: 1px solid #afd9ee }
.line-bottom-white   { border-bottom: 1px solid #fff }


/* �쐵以� */
.tline-default { border-top: 1px solid #ddd }
.tline-primary { border-top: 1px solid #337ab7 }
.tline-success { border-top: 1px solid #3c763d }
.tline-danger  { border-top: 1px solid #a94442 }
.tline-warning { border-top: 1px solid #f7ecb5 }
.tline-info    { border-top: 1px solid #afd9ee }
.tline-white   { border-top: 1px solid #fff }


/* 由ъ뒪�듃 */
.list-nostyle { list-style-type: none; padding: 0px; margin: 0px; }

/* ���떆蹂대뱶�슜 */
.pn { min-height: 135px; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); }
.pn:hover { box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3); }


/* �뀒�씠釉� */
.tr-highlight { background: #f9efc1 !important; }

.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
  background-color: #337ab7; color:#fff;
}

/* 湲��옄�깋�긽 */
.text-info1     { color: #31b0d5!important; }
.text-white     { color: #fff!important; }
.text-white a   { color: #fff!important; }
.text-black     { color: #000!important; }
.text-black a   { color: #000!important; }
.text-green1    { color: #A0D468!important; }
.text-green2    { color: #8CC152!important; }
.text-mint1     { color: #48CFAD!important; }
.text-mint2     { color: #37BC9B!important; }
.text-aqua1     { color: #4FC1E9!important; }
.text-aqua2     { color: #3BAFDA!important; }
.text-blue1     { color: #5D9CEC!important; }
.text-blue2     { color: #4A89DC!important; }
.text-pink1     { color: #EC87C0!important; }
.text-pink2     { color: #D770AD!important; }
.text-yellow1   { color: #FFCE54!important; }
.text-yellow2   { color: #F6BB42!important; }
.text-yellow3   { color: #F0AD4E!important; }
.text-red       { color: #CD0000!important; }
.text-gray      { color: #999!important; }
.text-lightgray { color: #ddd!important; }

/* 湲��옄�슚怨� */
.text-bold { font-weight: bold; }



/* 諛곌꼍�깋�긽 */
.bg-yellow1 { background-color: #FFCE54!important; }
.bg-yellow2 { background-color: #F6BB42!important; }
.bg-yellow3 { background-color: #FDEECE!important; }
.bg-aqua1   { background-color: #4FC1E9!important; }
.bg-aqua2   { background-color: #3BAFDA!important; }
.bg-aqua3   { background-color: #E2F5FC!important; }
.bg-green1  { background-color: #A0D468!important; }
.bg-green2  { background-color: #8CC152!important; }
.bg-mint1   { background-color: #48CFAD!important; }
.bg-mint2   { background-color: #37BC9B!important; }
.bg-white-imp   { background-color: #fff!important; }
.bg-warning-imp { background-color: #f7ecb5!important; }
.bg-danger-imp  { background-color: #e4b9b9!important; }
.bg-success-imp { background-color: #c1e2b3!important; }
.bg-lightgray1 { background-color: #efefef!important; }
.bg-lightgray2 { background-color: #dfdfdf!important; }
.bg-red1 { background-color: #d9534f!important; }

/* �씪踰� */
.label-success-b {
  background-color: #fff;
  color: #449d44;
  border: 1px solid #449d44;
}
.label-success-b[href]:hover,
.label-success-b[href]:focus {
  background-color: #fff;
  color: #449d44;
  border: 1px solid #449d44;
}

.label-default-b {
  background-color: #fff;
  color: #5e5e5e;
  border: 1px solid #5e5e5e;
}
.label-default-b[href]:hover,
.label-default-b[href]:focus {
  background-color: #fff;
  color: #5e5e5e;
  border: 1px solid #5e5e5e;
}

.label-bg-white-primary {
  background-color: #fff;
  color: #286090;
  border: 1px solid #286090;
}
.label-bg-white-primary[href]:hover,
.label-bg-white-primary[href]:focus {
  background-color: #fff;
  color: #286090;
  border: 1px solid #286090;
}

.label-primary-b {
  background-color: #fff;
  color: #286090;
  border: 1px solid #286090;
}
.label-primary-b[href]:hover,
.label-primary-b[href]:focus {
  background-color: #fff;
  color: #286090;
  border: 1px solid #286090;
}

.label-info-b {
  background-color: #fff;
  color: #31b0d5;
  border: 1px solid #31b0d5;
}
.label-info-b[href]:hover,
.label-info-b[href]:focus {
  background-color: #fff;
  color: #31b0d5;
  border: 1px solid #31b0d5;
}

.label-warning-b {
  background-color: #fff;
  color: #ec971f;
  border: 1px solid #ec971f;
}
.label-warning-b[href]:hover,
.label-warning-b[href]:focus {
  background-color: #fff;
  color: #ec971f;
  border: 1px solid #ec971f;
}

.label-danger-b {
  background-color: #fff;
  color: #c9302c;
  border: 1px solid #c9302c;
}
.label-danger-b[href]:hover,
.label-danger-b[href]:focus {
  background-color: #fff;
  color: #c9302c;
  border: 1px solid #c9302c;
}

/* badge */
.badge-success {
  background-color: #449d44;
  color: #fff;
  border: 1px solid #449d44;
}
.badge-success[href]:hover,
.badge-success[href]:focus {
  background-color: #449d44;
  color: #fff;
  border: 1px solid #449d44;
}
.badge-success-b {
  background-color: #fff;
  color: #449d44;
  border: 1px solid #449d44;
}
.badge-success-b[href]:hover,
.badge-success-b[href]:focus {
  background-color: #fff;
  color: #449d44;
  border: 1px solid #449d44;
}

.badge-default-b {
  background-color: #fff;
  color: #5e5e5e;
  border: 1px solid #5e5e5e;
}
.badge-default-b[href]:hover,
.badge-default-b[href]:focus {
  background-color: #fff;
  color: #5e5e5e;
  border: 1px solid #5e5e5e;
}

.badge-primary-b {
  background-color: #fff;
  color: #286090;
  border: 1px solid #286090;
}
.badge-primary-b[href]:hover,
.badge-primary-b[href]:focus {
  background-color: #fff;
  color: #286090;
  border: 1px solid #286090;
}

.badge-info {
  background-color: #31b0d5;
  color: #fff;
}
.badge-info-b {
  background-color: #fff;
  color: #31b0d5;
  border: 1px solid #31b0d5;
}
.badge-info-b[href]:hover,
.badge-info-b[href]:focus {
  background-color: #fff;
  color: #31b0d5;
  border: 1px solid #31b0d5;
}
.badge-warning {
  background-color: #ec971f;
  color: #fff;
  border: 1px solid #ec971f;
}
.badge-warning-b {
  background-color: #fff;
  color: #ec971f;
  border: 1px solid #ec971f;
}
.badge-warning-b[href]:hover,
.badge-warning-b[href]:focus {
  background-color: #fff;
  color: #ec971f;
  border: 1px solid #ec971f;
}
.badge-danger {
  background-color: #c9302c;
  color: #fff;
  border: 1px solid #c9302c;
}
.badge-danger-b {
  background-color: #fff;
  color: #c9302c;
  border: 1px solid #c9302c;
}
.badge-danger-b[href]:hover,
.badge-danger-b[href]:focus {
  background-color: #fff;
  color: #c9302c;
  border: 1px solid #c9302c;
}

.badge-cardno {
    background-color: #446d9b;
    color: #fff;
    padding: 0 6px 1px 4px;
    border-radius: 5px;
    font-size: .9em;
}


/* button */
.btn-primary-b {
  color: #337ab7;
  background-color: #fff;
  border-color: #2e6da4;
}
.btn-primary-b:hover,
.btn-primary-b:focus,
.btn-primary-b.focus,
.btn-primary-b:active,
.btn-primary-b.active,
.open > .dropdown-toggle.btn-primary-b {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary-b:active,
.btn-primary-b.active,
.open > .dropdown-toggle.btn-primary-b {
  background-image: none;
}

.btn-info-b {
  color: #5bc0de;
  background-color: #fff;
  border-color: #46b8da;
}
.btn-info-b:hover,
.btn-info-b:focus,
.btn-info-b.focus,
.btn-info-b:active,
.btn-info-b.active,
.open > .dropdown-toggle.btn-info-b {
  color: #fff;
  background-color: #5bc0de;
  border-color: #269abc;
}
.btn-info-b:active,
.btn-info-b.active,
.open > .dropdown-toggle.btn-info-b {
  background-image: none;
}

.btn-warning-b {
  color: #eea236;
  background-color: #fff;
  border-color: #eea236;
}
.btn-warning-b:hover,
.btn-warning-b:focus,
.btn-warning-b.focus,
.btn-warning-b:active,
.btn-warning-b.active,
.open > .dropdown-toggle.btn-warning-b {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning-b:active,
.btn-warning-b.active,
.open > .dropdown-toggle.btn-warning-b {
  background-image: none;
}

.line { margin: 2px 0px; }
.line-btm-dash-default {
	border-bottom: 1px dashed #eaeaea;
}

/* �솕硫댁긽�떒 �뮘濡쒓�湲곕쾭�듉 */
#backButton { min-width: 30px; cursor: pointer; text-align: center; margin-left: -12px; }

/* TABLE */
.tbl { border-left: 1px solid #ddd; }
.tbr { border-right: 1px solid #ddd; }

/* grid row height */
.row-10 { height: 10px; }
.row-20 { height: 20px; }
.row-30 { height: 30px; }
.row-40 { height: 40px; }
.row-50 { height: 50px; }
.row-60 { height: 60px; }
.row-70 { height: 70px; }
.row-80 { height: 80px; }
.row-90 { height: 90px; }
.row-100 {height: 100px; }
.row-110 {height: 110px; }
.row-120 {height: 120px; }
.row-130 {height: 130px; }
.row-140 {height: 140px; }
.row-150 {height: 150px; }
.row-160 {height: 160px; }
.row-170 {height: 170px; }
.row-180 {height: 180px; }
.row-190 {height: 190px; }
.row-200 {height: 200px; }


/* font-size */
.font-10pt { font-size: 10pt; }
.font-12pt { font-size: 12pt; }
.font-15pt { font-size: 15pt; }
.font-17pt { font-size: 17pt; }
.font-20pt { font-size: 20pt; }



/* overlay screen */
#mtms-overlay-screen {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 1000000;
}
#mtms-overlay-screen_loading-icon {
	color: #000;
	text-align: center;
	width: 51px;
	height: 51px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	z-index: 1000001;
	background: url("../images/icon/loading-indicator-02.png") center no-repeat;
	background-size: cover;
	border: 0px solid #fff;
}

.fit-all { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; }

.border-0 { border: 0px!important; }

.border-round-0 { border-radius: 0px; }
.border-round-10 { border-radius: 10px; } 
.border-round-20 { border-radius: 20px; }
.border-round-30 { border-radius: 30px; }
.border-round-40 { border-radius: 40px; }
.border-round-50 { border-radius: 50px; }
.border-round-all { border-radius: 50%; }

.border-left-green-1px   { border-left: 1px solid #5cb85c; }
.border-left-green-2px   { border-left: 2px solid #5cb85c; }
.border-left-green-3px   { border-left: 3px solid #5cb85c; }
.border-left-green-4px   { border-left: 4px solid #5cb85c; }

.border-left-red-1px     { border-left: 1px solid #d9534f; }
.border-left-red-2px     { border-left: 2px solid #d9534f; }
.border-left-red-3px     { border-left: 3px solid #d9534f; }
.border-left-red-4px     { border-left: 4px solid #d9534f; }

.border-left-yellow-1px  { border-left: 1px solid #f0ad4e; }
.border-left-yellow-2px  { border-left: 2px solid #f0ad4e; }
.border-left-yellow-3px  { border-left: 3px solid #f0ad4e; }
.border-left-yellow-4px  { border-left: 4px solid #f0ad4e; }


/* paper effect css */
.paper { position: relative; margin: 10px auto; background: #fff; border-radius: 2px; border: 1px solid rgba(179,179,179,.3); }
.paper::before,
.paper::after { content: ''; position: absolute; bottom: 15px; width: 40%; height: 10px; box-shadow: 0 5px 14px rgba(0,0,0,.7); z-index: -1; transition: all .3s ease-in-out;}
.paper::before { left: 15px; transform: skew(-5deg) rotate(-5deg);  -webkit-backface-visibility: hidden; outline: 1px solid tranparent; }
.paper::after { right: 15px; transform: skew(5deg) rotate(5deg);  -webkit-backface-visibility: hidden; outline: 1px solid tranparent; }

/* 전도인 메모*/
.publisher_address_memo { padding: 2px 4px; font-size: 90%; border-radius: 4px; color: #686868; background-color: #efefef; margin-right: 2px; border: 1px solid #cdcdcd; }

.help-section { font-size: .9em; color: #787; }

.table.table-excel-like td { padding: 0px; }
.table.table-excel-like td input { border: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition:none; transition:none; padding: 2px; min-width: 10px; }

.panel-sharp-edge { border-radius: 0px!important; }
.panel-dark { background-color: #333; color: #fff; }

.vertical-full { height: 100%; }

.text-under-orange { box-shadow: inset 0 -.4em 0 #ffc107; }

/* 그룹  pills wrapper */
.nav-group-wrapper { background-color: #f0f8ff; border-radius: 1em; padding: 1em; font-size: .9em; border: 1px solid #c9ddee; }
.nav-group-wrapper .nav > li:not(.active) > a:hover, .nav > li:not(.active) > a:focus { text-decoration: underline; background-color: transparent; }

/* input group addon color override */
.input-group-addon { background-color: #ebf6ff; border: 1px solid #c2d3e3; }


/* 토스트 메뉴 */

.mtms-toast { position: fixed; bottom: 1em; left: 1em; border: 1px solid black; padding: 0.5em 0.8em; border-radius: 0.5em; font-size: .8em; background-color: #000; color: #fff; 
  animation: bounceInLeft; 
  animation-duration: 1s; 
} 
.mtms-toast-bottom {} 
.mtms-toast-black {}


/* flex */
.flex { display: flex; flex-direction: row; }
.flex-item { flex-grow: 1; padding: 0 1em 0 1em; }


.fence { border: 1px solid #aaa; border-radius: 0.2em; }
.fence-title {background-color: #fff; top: -0.7em; left: 0.5em; position: relative; display: inline-block; padding: 0 0.5em; }
.fence-contents { padding: 0.1em 0.5em; }

.table-noborder { border: none; }
.table-noborder tr td{ border: none!important; }


.text-console { font-family: consolas, serif; }