/**
 *  Toss 5.0 Client Framework - style
 *  
 *  @author 정용희
 *  @since 2015.05.12
 * 
 *  상기 프로그램에 대한 저작권을 포함한 지적재산권은 한국소프트랩에 있으며,
 *  한국소프트랩(주)가 명시적으로 허용하지 않은 사용, 복사, 변경, 제3자에의 공개, 배포는 엄격히 금지되며,
 *  한국소프트랩(주)의 지적재산권 침해에 해당됩니다.
 *  (Copyright ⓒ 2008 Softlab Co., Ltd. All Rights Reserved| Confidential)
 * 
*/
/* 공통 css */
body[data-outline-visible=false] * {
  outline: none;
}
div[data-has-line-space="true"],
table.tfh-hasLineSpace {
  margin-bottom: 10px !important;
}
body,
div,
input,
textarea,
select {
  font-family: "맑은 고딕", Malgun Gothic, "굴림체", GulimChe, "돋움체", DotumChe, "굴림", Gulim, "돋움", Dotum, Arial;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  overflow: auto;
}
body[data-margin="true"] {
  margin-top: 0px;
  margin-left: 19px;
  margin-right: 19px;
  margin-bottom: 19px;
}
body[data-margin="false"] {
  margin: 0px;
}
div[data-vertical-position="middle"] {
  position: relative!important;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  top: 50%;
}
div[data-vertical-position="bottom"] {
  position: relative!important;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  top: 100%;
}
.tf-button {
  display: inline-block;
}
.tf-button .tf-ic:before,
.tf-button .tf-iw:before {
  content: "";
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 0.25em 0 -0.25em;
  background: url(../images/button/iconset.png) 0 99px no-repeat;
}
.tf-button .tf-ic.tf-arrowUp:before {
  background-position: -16px 0;
}
.tf-button .tf-ic.tf-arrowDown:before {
  background-position: -16px -16px;
}
.tf-button .tf-ic.tf-arrowLeft:before {
  background-position: -16px -32px;
}
.tf-button .tf-ic.tf-arrowRight:before {
  background-position: -16px -48px;
}
.tf-button .tf-ic.tf-confirm:before {
  background-position: -16px -64px;
}
.tf-button .tf-ic.tf-cancel:before {
  background-position: -16px -80px;
}
.tf-button .tf-ic.tf-log:before {
  background-position: -16px -96px;
}
.tf-button .tf-ic.tf-darkCalendar:before {
  background-position: -16px -112px;
}
.tf-button .tf-ic.tf-chat:before {
  background-position: -16px -128px;
}
.tf-button .tf-ic.tf-clock:before {
  background-position: -16px -144px;
}
.tf-button .tf-ic.tf-setup:before {
  background-position: -16px -160px;
}
.tf-button .tf-ic.tf-comment:before {
  background-position: -16px -176px;
}
.tf-button .tf-ic.tf-fork:before {
  background-position: -16px -192px;
}
.tf-button .tf-ic.tf-like:before {
  background-position: -16px -208px;
}
.tf-button .tf-ic.tf-home:before {
  background-position: -16px -224px;
}
.tf-button .tf-ic.tf-key:before {
  background-position: -16px -240px;
}
.tf-button .tf-ic.tf-lock:before {
  background-position: -16px -256px;
}
.tf-button .tf-ic.tf-unlock:before {
  background-position: -16px -272px;
}
.tf-button .tf-ic.tf-loop:before {
  background-position: -16px -288px;
}
.tf-button .tf-ic.tf-searchRight:before {
  background-position: -16px -304px;
}
.tf-button .tf-ic.tf-mail:before {
  background-position: -16px -320px;
}
.tf-button .tf-ic.tf-move:before {
  background-position: -16px -336px;
}
.tf-button .tf-ic.tf-edit:before {
  background-position: -16px -352px;
}
.tf-button .tf-ic.tf-pin:before {
  background-position: -16px -368px;
}
.tf-button .tf-ic.tf-darkPlus:before {
  background-position: -16px -384px;
}
.tf-button .tf-ic.tf-reload:before {
  background-position: -16px -400px;
}
.tf-button .tf-ic.tf-rss:before {
  background-position: -16px -416px;
}
.tf-button .tf-ic.tf-tag:before {
  background-position: -16px -432px;
}
.tf-button .tf-ic.tf-trash:before {
  background-position: -16px -448px;
}
.tf-button .tf-ic.tf-favorite:before {
  background-position: -16px -464px;
}
.tf-button .tf-ic.tf-user:before {
  background-position: -16px -480px;
}
.tf-button .tf-ic.tf-calendar:before {
  background-position: -16px -496px;
}
.tf-button .tf-ic.tf-lightArrowUp:before {
  background-position: -16px -512px;
}
.tf-button .tf-ic.tf-decrease:before {
  background-position: -16px -528px;
}
.tf-button .tf-ic.tf-download:before {
  background-position: -16px -544px;
}
.tf-button .tf-ic.tf-erase:before {
  background-position: -16px -560px;
}
.tf-button .tf-ic.tf-excel:before {
  background-position: -16px -576px;
}
.tf-button .tf-ic.tf-find:before {
  background-position: -16px -592px;
}
.tf-button .tf-ic.tf-help:before {
  background-position: -16px -608px;
}
.tf-button .tf-ic.tf-increase:before {
  background-position: -16px -624px;
}
.tf-button .tf-ic.tf-list:before {
  background-position: -16px -640px;
}
.tf-button .tf-ic.tf-menu:before {
  background-position: -16px -656px;
}
.tf-button .tf-ic.tf-minus:before {
  background-position: -16px -672px;
}
.tf-button .tf-ic.tf-circleArrowRight:before {
  background-position: -16px -688px;
}
.tf-button .tf-ic.tf-lightArrowDown:before {
  background-position: -16px -704px;
}
.tf-button .tf-ic.tf-plus:before {
  background-position: -16px -720px;
}
.tf-button .tf-ic.tf-print:before {
  background-position: -16px -736px;
}
.tf-button .tf-ic.tf-search:before {
  background-position: -16px -752px;
}
.tf-button .tf-ic.tf-searchSub:before {
  background-position: -16px -768px;
}
.tf-button .tf-ic.tf-stdAdd:before {
  background-position: -16px -784px;
}
.tf-button .tf-ic.tf-stdConfirm:before {
  background-position: -16px -800px;
}
.tf-button .tf-ic.tf-stdCopy:before {
  background-position: -16px -816px;
}
.tf-button .tf-ic.tf-stdModify:before {
  background-position: -16px -832px;
}
.tf-button .tf-ic.tf-stdExcel:before {
  background-position: -16px -848px;
}
.tf-button .tf-ic.tf-stdList:before {
  background-position: -16px -864px;
}
.tf-button .tf-ic.tf-stdPreview:before {
  background-position: -16px -880px;
}
.tf-button .tf-ic.tf-stdPrint:before {
  background-position: -16px -896px;
}
.tf-button .tf-ic.tf-stdRemove:before {
  background-position: -16px -912px;
}
.tf-button .tf-ic.tf-stdSave:before {
  background-position: -16px -928px;
}
.tf-button .tf-ic.tf-attachAdd:before {
  background-position: -16px -944px;
}
.tf-button .tf-ic.tf-attachCheck:before {
  background-position: -16px -960px;
}
.tf-button .tf-ic.tf-attachRemove:before {
  background-position: -16px -976px;
}
.tf-button .tf-ic.tf-attachDownload:before {
  background-position: -16px -992px;
}
.tf-button .tf-ic.tf-attachTrash:before {
  background-position: -16px -1008px;
}
.tf-button .tf-ic.tf-attachUncheck:before {
  background-position: -16px -1024px;
}
.tf-button .tf-ic.tf-attachCancel:before {
  background-position: -16px -1040px;
}
.tf-button .tf-ic.tf-attachTransfer:before {
  background-position: -16px -1056px;
}
.tf-button .tf-ic.tf-copyArrowDown:before {
  background-position: -16px -1072px;
}
.tf-button .tf-ic.tf-removeArrowDown:before {
  background-position: -16px -1088px;
}
.tf-button .tf-ic.tf-moveArrowDown:before {
  background-position: -16px -1104px;
}
.tf-button .tf-ic.tf-addArrowDown:before {
  background-position: -16px -1120px;
}
.tf-button .tf-ic.tf-copyArrowLeft:before {
  background-position: -16px -1136px;
}
.tf-button .tf-ic.tf-removeArrowLeft:before {
  background-position: -16px -1152px;
}
.tf-button .tf-ic.tf-moveArrowLeft:before {
  background-position: -16px -1168px;
}
.tf-button .tf-ic.tf-addArrowLeft:before {
  background-position: -16px -1184px;
}
.tf-button .tf-ic.tf-copyArrowRight:before {
  background-position: -16px -1200px;
}
.tf-button .tf-ic.tf-removeArrowRight:before {
  background-position: -16px -1216px;
}
.tf-button .tf-ic.tf-moveArrowRight:before {
  background-position: -16px -1232px;
}
.tf-button .tf-ic.tf-addArrowRight:before {
  background-position: -16px -1248px;
}
.tf-button .tf-ic.tf-copyArrowUp:before {
  background-position: -16px -1264px;
}
.tf-button .tf-ic.tf-removeArrowUp:before {
  background-position: -16px -1280px;
}
.tf-button .tf-ic.tf-moveArrowUp:before {
  background-position: -16px -1296px;
}
.tf-button .tf-ic.tf-addArrowUp:before {
  background-position: -16px -1312px;
}
.tf-button .tf-iw.tf-arrowUp:before {
  background-position: -32px 0;
}
.tf-button .tf-iw.tf-arrowDown:before {
  background-position: -32px -16px;
}
.tf-button .tf-iw.tf-arrowLeft:before {
  background-position: -32px -32px;
}
.tf-button .tf-iw.tf-arrowRight:before {
  background-position: -32px -48px;
}
.tf-button .tf-iw.tf-confirm:before {
  background-position: -32px -64px;
}
.tf-button .tf-iw.tf-cancel:before {
  background-position: -32px -80px;
}
.tf-button .tf-iw.tf-log:before {
  background-position: -32px -96px;
}
.tf-button .tf-iw.tf-darkCalendar:before {
  background-position: -32px -112px;
}
.tf-button .tf-iw.tf-chat:before {
  background-position: -32px -128px;
}
.tf-button .tf-iw.tf-clock:before {
  background-position: -32px -144px;
}
.tf-button .tf-iw.tf-setup:before {
  background-position: -32px -160px;
}
.tf-button .tf-iw.tf-comment:before {
  background-position: -32px -176px;
}
.tf-button .tf-iw.tf-fork:before {
  background-position: -32px -192px;
}
.tf-button .tf-iw.tf-like:before {
  background-position: -32px -208px;
}
.tf-button .tf-iw.tf-home:before {
  background-position: -32px -224px;
}
.tf-button .tf-iw.tf-key:before {
  background-position: -32px -240px;
}
.tf-button .tf-iw.tf-lock:before {
  background-position: -32px -256px;
}
.tf-button .tf-iw.tf-unlock:before {
  background-position: -32px -272px;
}
.tf-button .tf-iw.tf-loop:before {
  background-position: -32px -288px;
}
.tf-button .tf-iw.tf-searchRight:before {
  background-position: -32px -304px;
}
.tf-button .tf-iw.tf-mail:before {
  background-position: -32px -320px;
}
.tf-button .tf-iw.tf-move:before {
  background-position: -32px -336px;
}
.tf-button .tf-iw.tf-edit:before {
  background-position: -32px -352px;
}
.tf-button .tf-iw.tf-pin:before {
  background-position: -32px -368px;
}
.tf-button .tf-iw.tf-darkPlus:before {
  background-position: -32px -384px;
}
.tf-button .tf-iw.tf-reload:before {
  background-position: -32px -400px;
}
.tf-button .tf-iw.tf-rss:before {
  background-position: -32px -416px;
}
.tf-button .tf-iw.tf-tag:before {
  background-position: -32px -432px;
}
.tf-button .tf-iw.tf-trash:before {
  background-position: -32px -448px;
}
.tf-button .tf-iw.tf-favorite:before {
  background-position: -32px -464px;
}
.tf-button .tf-iw.tf-user:before {
  background-position: -32px -480px;
}
.tf-button .tf-iw.tf-calendar:before {
  background-position: -32px -496px;
}
.tf-button .tf-iw.tf-lightArrowUp:before {
  background-position: -32px -512px;
}
.tf-button .tf-iw.tf-decrease:before {
  background-position: -32px -528px;
}
.tf-button .tf-iw.tf-download:before {
  background-position: -32px -544px;
}
.tf-button .tf-iw.tf-erase:before {
  background-position: -32px -560px;
}
.tf-button .tf-iw.tf-excel:before {
  background-position: -32px -576px;
}
.tf-button .tf-iw.tf-find:before {
  background-position: -32px -592px;
}
.tf-button .tf-iw.tf-help:before {
  background-position: -32px -608px;
}
.tf-button .tf-iw.tf-increase:before {
  background-position: -32px -624px;
}
.tf-button .tf-iw.tf-list:before {
  background-position: -32px -640px;
}
.tf-button .tf-iw.tf-menu:before {
  background-position: -32px -656px;
}
.tf-button .tf-iw.tf-minus:before {
  background-position: -32px -672px;
}
.tf-button .tf-iw.tf-circleArrowRight:before {
  background-position: -32px -688px;
}
.tf-button .tf-iw.tf-lightArrowDown:before {
  background-position: -32px -704px;
}
.tf-button .tf-iw.tf-plus:before {
  background-position: -32px -720px;
}
.tf-button .tf-iw.tf-print:before {
  background-position: -32px -736px;
}
.tf-button .tf-iw.tf-search:before {
  background-position: -32px -752px;
}
.tf-button .tf-iw.tf-searchSub:before {
  background-position: -32px -768px;
}
.tf-button .tf-iw.tf-stdAdd:before {
  background-position: -32px -784px;
}
.tf-button .tf-iw.tf-stdConfirm:before {
  background-position: -32px -800px;
}
.tf-button .tf-iw.tf-stdCopy:before {
  background-position: -32px -816px;
}
.tf-button .tf-iw.tf-stdModify:before {
  background-position: -32px -832px;
}
.tf-button .tf-iw.tf-stdExcel:before {
  background-position: -32px -848px;
}
.tf-button .tf-iw.tf-stdList:before {
  background-position: -32px -864px;
}
.tf-button .tf-iw.tf-stdPreview:before {
  background-position: -32px -880px;
}
.tf-button .tf-iw.tf-stdPrint:before {
  background-position: -32px -896px;
}
.tf-button .tf-iw.tf-stdRemove:before {
  background-position: -32px -912px;
}
.tf-button .tf-iw.tf-stdSave:before {
  background-position: -32px -928px;
}
.tf-button .tf-iw.tf-attachAdd:before {
  background-position: -32px -944px;
}
.tf-button .tf-iw.tf-attachCheck:before {
  background-position: -32px -960px;
}
.tf-button .tf-iw.tf-attachRemove:before {
  background-position: -32px -976px;
}
.tf-button .tf-iw.tf-attachDownload:before {
  background-position: -32px -992px;
}
.tf-button .tf-iw.tf-attachTrash:before {
  background-position: -32px -1008px;
}
.tf-button .tf-iw.tf-attachUncheck:before {
  background-position: -32px -1024px;
}
.tf-button .tf-iw.tf-attachCancel:before {
  background-position: -32px -1040px;
}
.tf-button .tf-iw.tf-attachTransfer:before {
  background-position: -32px -1056px;
}
.tf-button .tf-iw.tf-copyArrowDown:before {
  background-position: -32px -1072px;
}
.tf-button .tf-iw.tf-removeArrowDown:before {
  background-position: -32px -1088px;
}
.tf-button .tf-iw.tf-moveArrowDown:before {
  background-position: -32px -1104px;
}
.tf-button .tf-iw.tf-addArrowDown:before {
  background-position: -32px -1120px;
}
.tf-button .tf-iw.tf-copyArrowLeft:before {
  background-position: -32px -1136px;
}
.tf-button .tf-iw.tf-removeArrowLeft:before {
  background-position: -32px -1152px;
}
.tf-button .tf-iw.tf-moveArrowLeft:before {
  background-position: -32px -1168px;
}
.tf-button .tf-iw.tf-addArrowLeft:before {
  background-position: -32px -1184px;
}
.tf-button .tf-iw.tf-copyArrowRight:before {
  background-position: -32px -1200px;
}
.tf-button .tf-iw.tf-removeArrowRight:before {
  background-position: -32px -1216px;
}
.tf-button .tf-iw.tf-moveArrowRight:before {
  background-position: -32px -1232px;
}
.tf-button .tf-iw.tf-addArrowRight:before {
  background-position: -32px -1248px;
}
.tf-button .tf-iw.tf-copyArrowUp:before {
  background-position: -32px -1264px;
}
.tf-button .tf-iw.tf-removeArrowUp:before {
  background-position: -32px -1280px;
}
.tf-button .tf-iw.tf-moveArrowUp:before {
  background-position: -32px -1296px;
}
.tf-button .tf-iw.tf-addArrowUp:before {
  background-position: -32px -1312px;
}
.tf-button .tf-icon {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0 0.8em;
  margin: 0;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.2em;
  *display: inline;
  text-indent: -9999px;
}
.tf-button .tf-icon.tf-mini {
  width: 20px;
  line-height: 16px;
  border-radius: 3px;
  padding-left: 3px;
}
.tf-button .tf-icon.tf-mini:before {
  left: 1px;
}
.tf-button .tf-icon.tf-default {
  width: 22px;
  line-height: 18px;
  border-radius: 3px;
  padding-left: 3px;
}
.tf-button .tf-icon.tf-default:before {
  top: 1px;
  left: 2px;
}
.tf-button .tf-icon.tf-large {
  width: 50px;
  line-height: 50px;
  border-radius: 6px;
  padding-left: 1px;
  background-size: 48px 48px;
}
.tf-button .tf-icon.tf-large.tf-calendar {
  background-image: url(../images/image/nouser.jpg);
}
.tf-button .tf-icon.tf-round {
  border-radius: 2em !important;
}
.tf-button .tf-icon:link {
  border: 1px solid #b6bbc1;
  background-color: white;
}
.tf-button .tf-icon:hover {
  background-color: #f2f2f2;
}
.tf-button .tf-icon.active {
  background-color: #e6e6e6;
}
.tf-button .tf-icon.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tf-button .tf-nonicon {
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.tf-button .tf-nonicon.tf-mini {
  font-size: 11px;
  height: 18px;
}
.tf-button .tf-nonicon.tf-mini:before {
  top: 0px;
}
.tf-button .tf-nonicon.tf-default {
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 2px;
}
.tf-button .tf-nonicon.tf-default:before {
  top: 1px;
}
.tf-button .tf-nonicon.tf-large {
  font-size: 16px;
  line-height: 40px;
}
.tf-button .tf-nonicon.tf-large:before {
  top: 14px;
}
.tf-button .tf-nonicon.tf-white.tf-white,
.tf-button .tf-nonicon.tf-white:link {
  color: #666666;
  border: solid 1px #b6bbc1;
  background-color: white;
}
.tf-button .tf-nonicon.tf-white:hover {
  background-color: #f2f2f2;
}
.tf-button .tf-nonicon.tf-white.active {
  background-color: #e6e6e6;
  border-color: #8d949e;
}
.tf-button .tf-nonicon.tf-white.disabled {
  border-color: #b6bbc1;
  background-color: white;
}
.tf-button .tf-nonicon.tf-whiteMuted.tf-whiteMuted,
.tf-button .tf-nonicon.tf-whiteMuted:link {
  color: #666666;
  border: 1px solid #d3d3d3;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec));
  background-image: -moz-linear-gradient(#ffffff, #ececec);
  background-image: -ms-linear-gradient(#ffffff, #ececec);
  background-image: -o-linear-gradient(#ffffff, #ececec);
  background-image: linear-gradient(#ffffff, #ececec);
}
.tf-button .tf-nonicon.tf-whiteMuted:hover {
  border-color: #3071a9;
  background-color: #428bca;
  color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6aa3d5), to(#428bca));
  background-image: -moz-linear-gradient(#6aa3d5, #428bca);
  background-image: -ms-linear-gradient(#6aa3d5, #428bca);
  background-image: -o-linear-gradient(#6aa3d5, #428bca);
  background-image: linear-gradient(#6aa3d5, #428bca);
}
.tf-button .tf-nonicon.tf-whiteMuted.active {
  border-color: #3071a9;
  background-color: #428bca;
  color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#6aa3d5));
  background-image: -moz-linear-gradient(#428bca, #6aa3d5);
  background-image: -ms-linear-gradient(#428bca, #6aa3d5);
  background-image: -o-linear-gradient(#428bca, #6aa3d5);
  background-image: linear-gradient(#428bca, #6aa3d5);
}
.tf-button .tf-nonicon.tf-whiteMuted.disabled {
  color: #666666;
  border-color: #d3d3d3;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec));
  background-image: -moz-linear-gradient(#ffffff, #ececec);
  background-image: -ms-linear-gradient(#ffffff, #ececec);
  background-image: -o-linear-gradient(#ffffff, #ececec);
  background-image: linear-gradient(#ffffff, #ececec);
}
.tf-button .tf-nonicon.tf-muted.tf-muted,
.tf-button .tf-nonicon.tf-muted:link {
  color: white;
  border: solid 1px #333333;
  background-color: #4d4d4d;
}
.tf-button .tf-nonicon.tf-muted:hover {
  background-color: #333333;
  border-color: #1a1a1a;
}
.tf-button .tf-nonicon.tf-muted.active {
  background-color: #272727;
  border-color: #0d0d0d;
}
.tf-button .tf-nonicon.tf-muted.disabled {
  border-color: #333333;
  background-color: #4d4d4d;
}
.tf-button .tf-nonicon.tf-success.tf-success,
.tf-button .tf-nonicon.tf-success:link {
  color: white;
  border: solid 1px #449d44;
  background-color: #5cb85c;
}
.tf-button .tf-nonicon.tf-success:hover {
  background-color: #449d44;
  border-color: #357935;
}
.tf-button .tf-nonicon.tf-success.active {
  background-color: #3d8b3d;
  border-color: #2d672d;
}
.tf-button .tf-nonicon.tf-success.disabled {
  border-color: #449d44;
  background-color: #5cb85c;
}
.tf-button .tf-nonicon.tf-primary.tf-primary,
.tf-button .tf-nonicon.tf-primary:link {
  color: white;
  border: solid 1px #3071a9;
  background-color: #428bca;
}
.tf-button .tf-nonicon.tf-primary:hover {
  background-color: #3071a9;
  border-color: #245682;
}
.tf-button .tf-nonicon.tf-primary.active {
  background-color: #2a6496;
  border-color: #1f496e;
}
.tf-button .tf-nonicon.tf-primary.disabled {
  border-color: #3071a9;
  background-color: #428bca;
}
.tf-button .tf-nonicon.tf-warning.tf-warning,
.tf-button .tf-nonicon.tf-warning:link {
  color: white;
  border: solid 1px #ec971f;
  background-color: #f0ad4e;
}
.tf-button .tf-nonicon.tf-warning:hover {
  background-color: #ec971f;
  border-color: #c77c11;
}
.tf-button .tf-nonicon.tf-warning.active {
  background-color: #df8a13;
  border-color: #b06d0f;
}
.tf-button .tf-nonicon.tf-warning.disabled {
  border-color: #ec971f;
  background-color: #f0ad4e;
}
.tf-button .tf-nonicon.tf-danger.tf-danger,
.tf-button .tf-nonicon.tf-danger:link {
  color: white;
  border: solid 1px #c9302c;
  background-color: #d9534f;
}
.tf-button .tf-nonicon.tf-danger:hover {
  background-color: #c9302c;
  border-color: #a02622;
}
.tf-button .tf-nonicon.tf-danger.active {
  background-color: #b52b27;
  border-color: #8b211e;
}
.tf-button .tf-nonicon.tf-danger.disabled {
  border-color: #c9302c;
  background-color: #d9534f;
}
.tf-button .tf-nonicon.tf-info.tf-info,
.tf-button .tf-nonicon.tf-info:link {
  color: white;
  border: solid 1px #31b0d5;
  background-color: #5bc0de;
}
.tf-button .tf-nonicon.tf-info:hover {
  background-color: #31b0d5;
  border-color: #2390b0;
}
.tf-button .tf-nonicon.tf-info.active {
  background-color: #28a1c5;
  border-color: #1f7e9a;
}
.tf-button .tf-nonicon.tf-info.disabled {
  border-color: #31b0d5;
  background-color: #5bc0de;
}
.tf-button .tf-nonicon.tf-skyblue.tf-skyblue,
.tf-button .tf-nonicon.tf-skyblue:link {
  border: 1px solid #95c5ff;
  color: #666666;
  background-color: #c8e1ff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfdff), to(#c8e1ff));
  background-image: -moz-linear-gradient(#fbfdff, #c8e1ff);
  background-image: -ms-linear-gradient(#fbfdff, #c8e1ff);
  background-image: -o-linear-gradient(#fbfdff, #c8e1ff);
  background-image: linear-gradient(#fbfdff, #c8e1ff);
}
.tf-button .tf-nonicon.tf-skyblue:hover {
  border-color: #3071a9;
  background-color: #428bca;
  color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6aa3d5), to(#428bca));
  background-image: -moz-linear-gradient(#6aa3d5, #428bca);
  background-image: -ms-linear-gradient(#6aa3d5, #428bca);
  background-image: -o-linear-gradient(#6aa3d5, #428bca);
  background-image: linear-gradient(#6aa3d5, #428bca);
}
.tf-button .tf-nonicon.tf-skyblue.active {
  border-color: #3071a9;
  background-color: #428bca;
  color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#6aa3d5));
  background-image: -moz-linear-gradient(#428bca, #6aa3d5);
  background-image: -ms-linear-gradient(#428bca, #6aa3d5);
  background-image: -o-linear-gradient(#428bca, #6aa3d5);
  background-image: linear-gradient(#428bca, #6aa3d5);
}
.tf-button .tf-nonicon.tf-skyblue.disabled {
  color: #666666;
  border-color: #95c5ff;
  background-color: #c8e1ff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfdff), to(#c8e1ff));
  background-image: -moz-linear-gradient(#fbfdff, #c8e1ff);
  background-image: -ms-linear-gradient(#fbfdff, #c8e1ff);
  background-image: -o-linear-gradient(#fbfdff, #c8e1ff);
  background-image: linear-gradient(#fbfdff, #c8e1ff);
}
.tf-button .tf-nonicon.tf-biz.tf-biz,
.tf-button .tf-nonicon.tf-biz:link {
  border-radius: 2px;
  color: white;
  border: solid 1px #7098c9;
  background-color: #95b3d7;
}
.tf-button .tf-nonicon.tf-biz:hover {
  background-color: #7098c9;
  border-color: #4b7ebb;
}
.tf-button .tf-nonicon.tf-biz.active {
  background-color: #5d8bc2;
  border-color: #4171ac;
}
.tf-button .tf-nonicon.tf-biz.disabled {
  border-color: #7098c9;
  background-color: #95b3d7;
}
.tf-button .tf-nonicon.tf-nonStandard.tf-nonStandard,
.tf-button .tf-nonicon.tf-nonStandard:link {
  color: #2e6d6c;
  background-color: #ecf4ff;
  border: 1px solid #b9d6ff;
}
.tf-button .tf-nonicon.tf-nonStandard:hover {
  background-color: #b9d6ff;
  border-color: #a0c8ff;
}
.tf-button .tf-nonicon.tf-nonStandard.active {
  background-color: #a0c8ff;
  border-color: #86b9ff;
}
.tf-button .tf-nonicon.tf-nonStandard.disabled {
  background-color: #ecf4ff;
  border-color: #b9d6ff;
}
.tf-button .tf-nonicon.tf-searchPage.tf-searchPage,
.tf-button .tf-nonicon.tf-searchPage:link {
  color: white;
  border: solid 1px #404040;
  background-color: #4d4d4d;
}
.tf-button .tf-nonicon.tf-searchPage:hover {
  background-color: #333333;
  border-color: #272727;
}
.tf-button .tf-nonicon.tf-searchPage.active {
  background-color: #272727;
  border-color: #1a1a1a;
}
.tf-button .tf-nonicon.tf-searchPage.disabled {
  border-color: #404040;
  background-color: #4d4d4d;
}
.tf-button .tf-nonicon.tf-standard.tf-standard,
.tf-button .tf-nonicon.tf-standard:link {
  color: white;
  border: 1px solid #22689c;
  background-color: #2b84c6;
}
.tf-button .tf-nonicon.tf-standard:hover {
  background-color: #22689c;
  border-color: #194c72;
}
.tf-button .tf-nonicon.tf-standard.active {
  background-color: #1d5a87;
  border-color: #143e5d;
}
.tf-button .tf-nonicon.tf-standard.disabled {
  background-color: #2b84c6;
  border-color: #22689c;
}
.tf-button .tf-nonicon.tf-attach.tf-attach,
.tf-button .tf-nonicon.tf-attach:link {
  border: 1px solid #d3d3d3;
  color: #666666;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec));
  background-image: -moz-linear-gradient(#ffffff, #ececec);
  background-image: -ms-linear-gradient(#ffffff, #ececec);
  background-image: -o-linear-gradient(#ffffff, #ececec);
  background-image: linear-gradient(#ffffff, #ececec);
}
.tf-button .tf-nonicon.tf-attach:hover {
  border-color: #3071a9;
  background-color: #428bca;
  color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6aa3d5), to(#428bca));
  background-image: -moz-linear-gradient(#6aa3d5, #428bca);
  background-image: -ms-linear-gradient(#6aa3d5, #428bca);
  background-image: -o-linear-gradient(#6aa3d5, #428bca);
  background-image: linear-gradient(#6aa3d5, #428bca);
}
.tf-button .tf-nonicon.tf-attach.active {
  border-color: #3071a9;
  background-color: #428bca;
  color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#6aa3d5));
  background-image: -moz-linear-gradient(#428bca, #6aa3d5);
  background-image: -ms-linear-gradient(#428bca, #6aa3d5);
  background-image: -o-linear-gradient(#428bca, #6aa3d5);
  background-image: linear-gradient(#428bca, #6aa3d5);
}
.tf-button .tf-nonicon.tf-attach.disabled {
  color: #666666;
  border-color: #d3d3d3;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ececec));
  background-image: -moz-linear-gradient(#ffffff, #ececec);
  background-image: -ms-linear-gradient(#ffffff, #ececec);
  background-image: -o-linear-gradient(#ffffff, #ececec);
  background-image: linear-gradient(#ffffff, #ececec);
}
div[data-is-button-set="true"] div {
  margin-right: 0px!important;
  margin-left: 0px!important;
}
div[data-is-button-set="false"] {
  display: inline-block;
}
div[data-is-button-set="false"] div {
  margin-left: 2px!important;
  margin-right: 2px!important;
}
div[data-is-button-set="false"] div[data-visible-order="1"] {
  margin-left: 0px!important;
}
div[data-is-button-set="false"] div[data-visible-order="0"] {
  margin-right: 0px!important;
}
div[data-is-button-set="false"] div[data-visible-order="-1"] {
  margin-left: 0px!important;
  margin-right: 0px!important;
}
div[data-type="buttonset"] div {
  margin-right: -6px !important;
}
div[data-type="buttonset"] div[data-visible-order="0"],
div[data-type="buttonset"] div[data-visible-order="-1"] {
  margin-right: 0px!important;
}
div[data-type="buttonset"],
div[data-is-button-set="true"] {
  display: inline-block;
}
div[data-type="buttonset"] div a,
div[data-is-button-set="true"] div a {
  border-right-width: 0px!important;
}
div[data-type="buttonset"] div[data-visible-order="0"] a,
div[data-is-button-set="true"] div[data-visible-order="0"] a,
div[data-type="buttonset"] div[data-visible-order="-1"] a,
div[data-is-button-set="true"] div[data-visible-order="-1"] a {
  border-right-width: 1px!important;
}
div[data-type="buttonset"] .tf-button a,
div[data-is-button-set="true"] .tf-button a,
div[data-type="buttonset"] .tf-button .tf-round,
div[data-is-button-set="true"] .tf-button .tf-round {
  border-radius: 0px!important;
}
div[data-type="buttonset"].tf-round div[data-visible-order="1"] a,
div[data-is-button-set="true"].tf-round div[data-visible-order="1"] a {
  border-top-left-radius: 2em !important;
  border-bottom-left-radius: 2em !important;
}
div[data-type="buttonset"].tf-round div[data-visible-order="0"] a,
div[data-is-button-set="true"].tf-round div[data-visible-order="0"] a {
  border-top-right-radius: 2em !important;
  border-bottom-right-radius: 2em !important;
}
div[data-type="buttonset"].tf-round div[data-visible-order="-1"] a,
div[data-is-button-set="true"].tf-round div[data-visible-order="-1"] a {
  border-radius: 2em !important;
}
div[data-type="buttonset"].tf-rectangle div[data-visible-order="1"] a,
div[data-is-button-set="true"].tf-rectangle div[data-visible-order="1"] a {
  border-top-left-radius: 3px!important;
  border-bottom-left-radius: 3px!important;
}
div[data-type="buttonset"].tf-rectangle div[data-visible-order="0"] a,
div[data-is-button-set="true"].tf-rectangle div[data-visible-order="0"] a {
  border-top-right-radius: 3px!important;
  border-bottom-right-radius: 3px!important;
}
div[data-type="buttonset"].tf-rectangle div[data-visible-order="-1"] a,
div[data-is-button-set="true"].tf-rectangle div[data-visible-order="-1"] a {
  border-radius: 3px!important;
}
.tf-button .tf-nonicon,
.tf-tab .tf-item {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0 0.8em;
  margin: 0;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.2em;
  *display: inline;
}
.tf-button .tf-nonicon.tf-round,
.tf-tab .tf-item.tf-round {
  border-radius: 2em !important;
}
.tf-button .tf-nonicon.tf-strong,
.tf-tab .tf-item.tf-strong {
  font-weight: bold!important;
}
.tf-button .tf-nonicon.tf-care,
.tf-tab .tf-item.tf-care {
  color: #d9534f !important;
}
.tf-button .tf-nonicon.tf-care:hover,
.tf-tab .tf-item.tf-care:hover {
  border-color: #c9302c !important;
  color: white!important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e27c79), to(#d9534f)) !important;
  background-image: -moz-linear-gradient(#e27c79, #d9534f) !important;
  background-image: -ms-linear-gradient(#e27c79, #d9534f) !important;
  background-image: -o-linear-gradient(#e27c79, #d9534f) !important;
  background-image: linear-gradient(#e27c79, #d9534f) !important;
}
.tf-button .tf-nonicon.tf-care.active,
.tf-tab .tf-item.tf-care.active {
  border-color: #c9302c !important;
  color: white!important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9534f), to(#e27c79)) !important;
  background-image: -moz-linear-gradient(#d9534f, #e27c79) !important;
  background-image: -ms-linear-gradient(#d9534f, #e27c79) !important;
  background-image: -o-linear-gradient(#d9534f, #e27c79) !important;
  background-image: linear-gradient(#d9534f, #e27c79) !important;
}
.tf-button .tf-nonicon.disabled,
.tf-tab .tf-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tf-tab {
  display: inline-block;
  height: 25px;
  border-style: solid;
  border-bottom-width: 2px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  padding-left: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.tf-tab.tf-white {
  border-bottom-color: #9aa1aa;
}
.tf-tab.tf-whiteMuted {
  border-bottom-color: #d3d3d3;
}
.tf-tab.tf-muted {
  border-bottom-color: #333333;
}
.tf-tab.tf-success {
  border-bottom-color: #449d44;
}
.tf-tab.tf-primary {
  border-bottom-color: #3071a9;
}
.tf-tab.tf-warning {
  border-bottom-color: #ec971f;
}
.tf-tab.tf-danger {
  border-bottom-color: #c9302c;
}
.tf-tab.tf-info {
  border-bottom-color: #31b0d5;
}
.tf-tab.tf-skyblue {
  border-bottom-color: #95c5ff;
}
.tf-tab span i {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: gray;
  font-style: normal;
  font-weight: bold;
  background-color: transparent;
  right: 10px;
}
.tf-tab span i:hover {
  color: red;
}
.tf-tab span {
  position: relative;
  border-radius: 0px!important;
  border-bottom-width: 0px!important;
}
.tf-tab .tf-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  line-height: 22px;
  margin-right: 2px!important;
  margin-left: 2px!important;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.tf-tab.tf-rectangle span {
  border-top-left-radius: 0px!important;
  border-top-right-radius: 0px!important;
}
.tf-tab.tf-miniRound span {
  border-top-left-radius: 6px!important;
  border-top-right-radius: 6px!important;
}
.tf-tab.tf-round span {
  border-top-left-radius: 1em!important;
  border-top-right-radius: 1em!important;
}
.tf-tab.tf-roundLeft span {
  border-top-left-radius: 1em!important;
  border-top-right-radius: 0px!important;
}
.tf-tab.tf-roundRight span {
  border-top-left-radius: 0px!important;
  border-top-right-radius: 1em!important;
}
.tf-tab.tf-trapezoid span {
  padding-left: 18px;
  margin-top: 1px;
  z-index: 1;
  color: #666666;
}
.tf-tab.tf-trapezoid span:hover {
  background-color: transparent;
}
.tf-tab.tf-trapezoid span.active {
  z-index: 2;
}
.tf-tab.tf-trapezoid span:after {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  -webkit-transform: perspective(5px) rotateX(2deg);
  -moz-transform: perspective(5px) rotateX(2deg);
  transform: perspective(5px) rotateX(2deg);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-width: 0px!important;
  border: 1px solid #AFAFAF;
  background-color: #EAEAEA;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FCFCFC), to(#EAEAEA));
  background-image: -moz-linear-gradient(#FCFCFC, #EAEAEA);
  background-image: -ms-linear-gradient(#FCFCFC, #EAEAEA);
  background-image: -o-linear-gradient(#FCFCFC, #EAEAEA);
  background-image: linear-gradient(#FCFCFC, #EAEAEA);
  color: #666666;
}
.tf-tab.tf-trapezoid span.tf-primary:hover,
.tf-tab.tf-trapezoid span.tf-primary.active {
  color: white;
}
.tf-tab.tf-trapezoid span.tf-primary:hover:after {
  background-color: #428bca;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3071a9), to(#428bca));
  background-image: -moz-linear-gradient(#3071a9, #428bca);
  background-image: -ms-linear-gradient(#3071a9, #428bca);
  background-image: -o-linear-gradient(#3071a9, #428bca);
  background-image: linear-gradient(#3071a9, #428bca);
}
.tf-tab.tf-trapezoid span.tf-primary.active:after {
  background-color: #428bca;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#245682), to(#428bca));
  background-image: -moz-linear-gradient(#245682, #428bca);
  background-image: -ms-linear-gradient(#245682, #428bca);
  background-image: -o-linear-gradient(#245682, #428bca);
  background-image: linear-gradient(#245682, #428bca);
}
.tf-tab.tf-trapezoid span.tf-white:hover:after {
  background-color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(white));
  background-image: -moz-linear-gradient(#e6e6e6, white);
  background-image: -ms-linear-gradient(#e6e6e6, white);
  background-image: -o-linear-gradient(#e6e6e6, white);
  background-image: linear-gradient(#e6e6e6, white);
}
.tf-tab.tf-trapezoid span.tf-white.active:after {
  background-color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(white));
  background-image: -moz-linear-gradient(#cccccc, white);
  background-image: -ms-linear-gradient(#cccccc, white);
  background-image: -o-linear-gradient(#cccccc, white);
  background-image: linear-gradient(#cccccc, white);
}
.tf-tab.tf-trapezoid span.tf-whiteMuted:hover:after {
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#ececec));
  background-image: -moz-linear-gradient(#d3d3d3, #ececec);
  background-image: -ms-linear-gradient(#d3d3d3, #ececec);
  background-image: -o-linear-gradient(#d3d3d3, #ececec);
  background-image: linear-gradient(#d3d3d3, #ececec);
}
.tf-tab.tf-trapezoid span.tf-whiteMuted.active:after {
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b9b9b9), to(#ececec));
  background-image: -moz-linear-gradient(#b9b9b9, #ececec);
  background-image: -ms-linear-gradient(#b9b9b9, #ececec);
  background-image: -o-linear-gradient(#b9b9b9, #ececec);
  background-image: linear-gradient(#b9b9b9, #ececec);
}
.tf-tab.tf-trapezoid span.tf-muted:hover,
.tf-tab.tf-trapezoid span.tf-muted.active {
  color: white;
}
.tf-tab.tf-trapezoid span.tf-muted:hover:after {
  background-color: #4d4d4d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#4d4d4d));
  background-image: -moz-linear-gradient(#333333, #4d4d4d);
  background-image: -ms-linear-gradient(#333333, #4d4d4d);
  background-image: -o-linear-gradient(#333333, #4d4d4d);
  background-image: linear-gradient(#333333, #4d4d4d);
}
.tf-tab.tf-trapezoid span.tf-muted.active:after {
  background-color: #4d4d4d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a1a1a), to(#4d4d4d));
  background-image: -moz-linear-gradient(#1a1a1a, #4d4d4d);
  background-image: -ms-linear-gradient(#1a1a1a, #4d4d4d);
  background-image: -o-linear-gradient(#1a1a1a, #4d4d4d);
  background-image: linear-gradient(#1a1a1a, #4d4d4d);
}
.tf-tab.tf-trapezoid span.tf-success:hover,
.tf-tab.tf-trapezoid span.tf-success.active {
  color: white;
}
.tf-tab.tf-trapezoid span.tf-success:hover:after {
  background-color: #5cb85c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#449d44), to(#5cb85c));
  background-image: -moz-linear-gradient(#449d44, #5cb85c);
  background-image: -ms-linear-gradient(#449d44, #5cb85c);
  background-image: -o-linear-gradient(#449d44, #5cb85c);
  background-image: linear-gradient(#449d44, #5cb85c);
}
.tf-tab.tf-trapezoid span.tf-success.active:after {
  background-color: #5cb85c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#357935), to(#5cb85c));
  background-image: -moz-linear-gradient(#357935, #5cb85c);
  background-image: -ms-linear-gradient(#357935, #5cb85c);
  background-image: -o-linear-gradient(#357935, #5cb85c);
  background-image: linear-gradient(#357935, #5cb85c);
}
.tf-tab.tf-trapezoid span.tf-warning:hover,
.tf-tab.tf-trapezoid span.tf-warning.active {
  color: white;
}
.tf-tab.tf-trapezoid span.tf-warning:hover:after {
  background-color: #f0ad4e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec971f), to(#f0ad4e));
  background-image: -moz-linear-gradient(#ec971f, #f0ad4e);
  background-image: -ms-linear-gradient(#ec971f, #f0ad4e);
  background-image: -o-linear-gradient(#ec971f, #f0ad4e);
  background-image: linear-gradient(#ec971f, #f0ad4e);
}
.tf-tab.tf-trapezoid span.tf-warning.active:after {
  background-color: #f0ad4e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c77c11), to(#f0ad4e));
  background-image: -moz-linear-gradient(#c77c11, #f0ad4e);
  background-image: -ms-linear-gradient(#c77c11, #f0ad4e);
  background-image: -o-linear-gradient(#c77c11, #f0ad4e);
  background-image: linear-gradient(#c77c11, #f0ad4e);
}
.tf-tab.tf-trapezoid span.tf-danger:hover,
.tf-tab.tf-trapezoid span.tf-danger.active {
  color: white;
}
.tf-tab.tf-trapezoid span.tf-danger:hover:after {
  background-color: #d9534f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c9302c), to(#d9534f));
  background-image: -moz-linear-gradient(#c9302c, #d9534f);
  background-image: -ms-linear-gradient(#c9302c, #d9534f);
  background-image: -o-linear-gradient(#c9302c, #d9534f);
  background-image: linear-gradient(#c9302c, #d9534f);
}
.tf-tab.tf-trapezoid span.tf-danger.active:after {
  background-color: #d9534f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a02622), to(#d9534f));
  background-image: -moz-linear-gradient(#a02622, #d9534f);
  background-image: -ms-linear-gradient(#a02622, #d9534f);
  background-image: -o-linear-gradient(#a02622, #d9534f);
  background-image: linear-gradient(#a02622, #d9534f);
}
.tf-tab.tf-trapezoid span.tf-info:hover,
.tf-tab.tf-trapezoid span.tf-info.active {
  color: white;
}
.tf-tab.tf-trapezoid span.tf-info:hover:after {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#31b0d5), to(#5bc0de));
  background-image: -moz-linear-gradient(#31b0d5, #5bc0de);
  background-image: -ms-linear-gradient(#31b0d5, #5bc0de);
  background-image: -o-linear-gradient(#31b0d5, #5bc0de);
  background-image: linear-gradient(#31b0d5, #5bc0de);
}
.tf-tab.tf-trapezoid span.tf-info.active:after {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2390b0), to(#5bc0de));
  background-image: -moz-linear-gradient(#2390b0, #5bc0de);
  background-image: -ms-linear-gradient(#2390b0, #5bc0de);
  background-image: -o-linear-gradient(#2390b0, #5bc0de);
  background-image: linear-gradient(#2390b0, #5bc0de);
}
.tf-tab.tf-trapezoid span.tf-skyblue:hover:after {
  background-color: #c8e1ff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#95c5ff), to(#c8e1ff));
  background-image: -moz-linear-gradient(#95c5ff, #c8e1ff);
  background-image: -ms-linear-gradient(#95c5ff, #c8e1ff);
  background-image: -o-linear-gradient(#95c5ff, #c8e1ff);
  background-image: linear-gradient(#95c5ff, #c8e1ff);
}
.tf-tab.tf-trapezoid span.tf-skyblue.active:after {
  background-color: #c8e1ff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62a9ff), to(#c8e1ff));
  background-image: -moz-linear-gradient(#62a9ff, #c8e1ff);
  background-image: -ms-linear-gradient(#62a9ff, #c8e1ff);
  background-image: -o-linear-gradient(#62a9ff, #c8e1ff);
  background-image: linear-gradient(#62a9ff, #c8e1ff);
}
.tf-tab:not(.tf-trapezoid) .tf-item {
  border: 1px solid #AFAFAF;
  background-color: #EAEAEA;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FCFCFC), to(#EAEAEA));
  background-image: -moz-linear-gradient(#FCFCFC, #EAEAEA);
  background-image: -ms-linear-gradient(#FCFCFC, #EAEAEA);
  background-image: -o-linear-gradient(#FCFCFC, #EAEAEA);
  background-image: linear-gradient(#FCFCFC, #EAEAEA);
  color: #666666;
}
.tf-tab:not(.tf-trapezoid) .tf-item.disabled {
  background-color: #EAEAEA;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d1d1d1), to(#EAEAEA));
  background-image: -moz-linear-gradient(#d1d1d1, #EAEAEA);
  background-image: -ms-linear-gradient(#d1d1d1, #EAEAEA);
  background-image: -o-linear-gradient(#d1d1d1, #EAEAEA);
  background-image: linear-gradient(#d1d1d1, #EAEAEA);
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-primary:hover {
  background-color: #428bca;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3071a9), to(#428bca));
  background-image: -moz-linear-gradient(#3071a9, #428bca);
  background-image: -ms-linear-gradient(#3071a9, #428bca);
  background-image: -o-linear-gradient(#3071a9, #428bca);
  background-image: linear-gradient(#3071a9, #428bca);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-primary.active {
  background-color: #428bca;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#245682), to(#428bca));
  background-image: -moz-linear-gradient(#245682, #428bca);
  background-image: -ms-linear-gradient(#245682, #428bca);
  background-image: -o-linear-gradient(#245682, #428bca);
  background-image: linear-gradient(#245682, #428bca);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-white:hover {
  background-color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(white));
  background-image: -moz-linear-gradient(#e6e6e6, white);
  background-image: -ms-linear-gradient(#e6e6e6, white);
  background-image: -o-linear-gradient(#e6e6e6, white);
  background-image: linear-gradient(#e6e6e6, white);
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-white.active {
  background-color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(white));
  background-image: -moz-linear-gradient(#cccccc, white);
  background-image: -ms-linear-gradient(#cccccc, white);
  background-image: -o-linear-gradient(#cccccc, white);
  background-image: linear-gradient(#cccccc, white);
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-whiteMuted:hover {
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#ececec));
  background-image: -moz-linear-gradient(#d3d3d3, #ececec);
  background-image: -ms-linear-gradient(#d3d3d3, #ececec);
  background-image: -o-linear-gradient(#d3d3d3, #ececec);
  background-image: linear-gradient(#d3d3d3, #ececec);
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-whiteMuted.active {
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b9b9b9), to(#ececec));
  background-image: -moz-linear-gradient(#b9b9b9, #ececec);
  background-image: -ms-linear-gradient(#b9b9b9, #ececec);
  background-image: -o-linear-gradient(#b9b9b9, #ececec);
  background-image: linear-gradient(#b9b9b9, #ececec);
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-muted:hover {
  background-color: #4d4d4d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#4d4d4d));
  background-image: -moz-linear-gradient(#333333, #4d4d4d);
  background-image: -ms-linear-gradient(#333333, #4d4d4d);
  background-image: -o-linear-gradient(#333333, #4d4d4d);
  background-image: linear-gradient(#333333, #4d4d4d);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-muted.active {
  background-color: #4d4d4d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a1a1a), to(#4d4d4d));
  background-image: -moz-linear-gradient(#1a1a1a, #4d4d4d);
  background-image: -ms-linear-gradient(#1a1a1a, #4d4d4d);
  background-image: -o-linear-gradient(#1a1a1a, #4d4d4d);
  background-image: linear-gradient(#1a1a1a, #4d4d4d);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-success:hover {
  background-color: #5cb85c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#449d44), to(#5cb85c));
  background-image: -moz-linear-gradient(#449d44, #5cb85c);
  background-image: -ms-linear-gradient(#449d44, #5cb85c);
  background-image: -o-linear-gradient(#449d44, #5cb85c);
  background-image: linear-gradient(#449d44, #5cb85c);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-success.active {
  background-color: #5cb85c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#357935), to(#5cb85c));
  background-image: -moz-linear-gradient(#357935, #5cb85c);
  background-image: -ms-linear-gradient(#357935, #5cb85c);
  background-image: -o-linear-gradient(#357935, #5cb85c);
  background-image: linear-gradient(#357935, #5cb85c);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-warning:hover {
  background-color: #f0ad4e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec971f), to(#f0ad4e));
  background-image: -moz-linear-gradient(#ec971f, #f0ad4e);
  background-image: -ms-linear-gradient(#ec971f, #f0ad4e);
  background-image: -o-linear-gradient(#ec971f, #f0ad4e);
  background-image: linear-gradient(#ec971f, #f0ad4e);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-warning.active {
  background-color: #f0ad4e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c77c11), to(#f0ad4e));
  background-image: -moz-linear-gradient(#c77c11, #f0ad4e);
  background-image: -ms-linear-gradient(#c77c11, #f0ad4e);
  background-image: -o-linear-gradient(#c77c11, #f0ad4e);
  background-image: linear-gradient(#c77c11, #f0ad4e);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-danger:hover {
  background-color: #d9534f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c9302c), to(#d9534f));
  background-image: -moz-linear-gradient(#c9302c, #d9534f);
  background-image: -ms-linear-gradient(#c9302c, #d9534f);
  background-image: -o-linear-gradient(#c9302c, #d9534f);
  background-image: linear-gradient(#c9302c, #d9534f);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-danger.active {
  background-color: #d9534f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a02622), to(#d9534f));
  background-image: -moz-linear-gradient(#a02622, #d9534f);
  background-image: -ms-linear-gradient(#a02622, #d9534f);
  background-image: -o-linear-gradient(#a02622, #d9534f);
  background-image: linear-gradient(#a02622, #d9534f);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-info:hover {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#31b0d5), to(#5bc0de));
  background-image: -moz-linear-gradient(#31b0d5, #5bc0de);
  background-image: -ms-linear-gradient(#31b0d5, #5bc0de);
  background-image: -o-linear-gradient(#31b0d5, #5bc0de);
  background-image: linear-gradient(#31b0d5, #5bc0de);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-info.active {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2390b0), to(#5bc0de));
  background-image: -moz-linear-gradient(#2390b0, #5bc0de);
  background-image: -ms-linear-gradient(#2390b0, #5bc0de);
  background-image: -o-linear-gradient(#2390b0, #5bc0de);
  background-image: linear-gradient(#2390b0, #5bc0de);
  color: white;
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-skyblue:hover {
  background-color: #c8e1ff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#95c5ff), to(#c8e1ff));
  background-image: -moz-linear-gradient(#95c5ff, #c8e1ff);
  background-image: -ms-linear-gradient(#95c5ff, #c8e1ff);
  background-image: -o-linear-gradient(#95c5ff, #c8e1ff);
  background-image: linear-gradient(#95c5ff, #c8e1ff);
}
.tf-tab:not(.tf-trapezoid) .tf-item.tf-skyblue.active {
  background-color: #c8e1ff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62a9ff), to(#c8e1ff));
  background-image: -moz-linear-gradient(#62a9ff, #c8e1ff);
  background-image: -ms-linear-gradient(#62a9ff, #c8e1ff);
  background-image: -o-linear-gradient(#62a9ff, #c8e1ff);
  background-image: linear-gradient(#62a9ff, #c8e1ff);
}
div[data-type="attimageset"] div[data-type="left"],
div[data-type="attimageset"] div[data-type="right"] {
  display: inline-block;
  position: absolute;
  text-align: left;
}
div[data-type="attimageset"] div[data-type="left"] p,
div[data-type="attimageset"] div[data-type="right"] p {
  margin-top: 0px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
div[data-type="image"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
div[data-type="image"] img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
div[data-type="attimage"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
div[data-type="attimage"] div[data-type="viewContainer"] {
  width: 100%;
  height: 100%;
  position: relative;
}
div[data-type="attimage"] img {
  left: 0px;
  top: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  vertical-align: bottom;
}
div[data-type="attimage"] div[data-type="noimage"] {
  left: 0px;
  top: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F9F9F9;
  cursor: default;
  width: 100%;
  height: 100%;
  color: #666666;
  text-align: center;
  position: absolute;
}
div[data-type="attimage"] div[data-type="buttonContainer"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 26px;
  text-align: center;
  position: absolute;
  z-index: 1;
  bottom: 0;
  background-color: #F9F9F9;
  opacity: 0.8;
  display: none;
  padding-top: 3px;
}
div[data-type="attimage"] div[data-type="buttonContainer"] div[data-type="button"] {
  margin-left: 2px;
  margin-right: 2px;
}
div[data-type="attimage"] div[data-type="buttonContainer"] div:first-child {
  margin-left: 0px!important;
  margin-right: 2px!important;
}
div[data-type="attimage"] div[data-type="buttonContainer"] div:last-child {
  margin-left: 2px!important;
  margin-right: 0px!important;
}
div[data-type="attimage"] .tf-noImageUser {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../images/image/nouser.jpg);
}
div[data-type="attimage"] .tf-noImagePhoto {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../images/image/nouser.jpg);
}
div[data-type="attimageset"] {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div[data-type="attimageset"] div[data-type="left"],
div[data-type="attimageset"] div[data-type="right"] {
  width: 18px;
  height: 34px;
  position: absolute;
  z-index: 9999;
  background-color: #F9F9F9;
  opacity: 0.4;
  padding-top: 9px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
div[data-type="attimageset"] div[data-type="left"] div,
div[data-type="attimageset"] div[data-type="right"] div {
  cursor: pointer;
}
div[data-type="attimageset"] div[data-type="left"] {
  left: 0px;
  radius: 100%;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding-left: 1px;
}
div[data-type="attimageset"] div[data-type="right"] {
  right: 0px;
  text-align: right;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding-right: 1px;
}
div[data-type="attimageset"] div[data-type="numbercontainer"] {
  height: 20px;
  text-align: center;
  width: 100%;
}
div[data-type="attfile"],
div[data-type="attfileset"],
div[data-type="multipartfileupload"],
div[data-type="fileupload"] {
  display: inline-block;
}
div[data-type="attfile"] div[data-type="button"],
div[data-type="attfileset"] div[data-type="buttoncontainer"] div[data-type="button"] {
  margin-left: 2px!important;
  margin-right: 2px!important;
}
div[data-type="attfile"] div:first-child,
div[data-type="attfileset"] div[data-type="buttoncontainer"] div:first-child {
  margin-left: 0px!important;
  margin-right: 2px!important;
}
div[data-type="attfile"] div:last-child,
div[data-type="attfileset"] div[data-type="buttoncontainer"] div:last-child {
  margin-left: 2px!important;
  margin-right: 0px!important;
}
div[data-type="attfile"] .tf-image,
div[data-type="attfileset"] .tf-image,
div[data-type="multipartfileupload"] .tf-image,
div[data-type="fileupload"] .tf-image {
  background-image: url(../images/attachfile/file_image.png);
}
div[data-type="attfile"] .tf-video,
div[data-type="attfileset"] .tf-video,
div[data-type="multipartfileupload"] .tf-video,
div[data-type="fileupload"] .tf-video {
  background-image: url(../images/attachfile/file_video.png);
}
div[data-type="attfile"] .tf-audio,
div[data-type="attfileset"] .tf-audio,
div[data-type="multipartfileupload"] .tf-audio,
div[data-type="fileupload"] .tf-audio {
  background-image: url(../images/attachfile/file_audio.png);
}
div[data-type="attfile"] .tf-arch,
div[data-type="attfileset"] .tf-arch,
div[data-type="multipartfileupload"] .tf-arch,
div[data-type="fileupload"] .tf-arch {
  background-image: url(../images/attachfile/file_arch.png);
}
div[data-type="attfile"] .tf-text,
div[data-type="attfileset"] .tf-text,
div[data-type="multipartfileupload"] .tf-text,
div[data-type="fileupload"] .tf-text {
  background-image: url(../images/attachfile/file_text.png);
}
div[data-type="attfile"] .tf-html,
div[data-type="attfileset"] .tf-html,
div[data-type="multipartfileupload"] .tf-html,
div[data-type="fileupload"] .tf-html {
  background-image: url(../images/attachfile/file_html.png);
}
div[data-type="attfile"] .tf-doc,
div[data-type="attfileset"] .tf-doc,
div[data-type="multipartfileupload"] .tf-doc,
div[data-type="fileupload"] .tf-doc {
  background-image: url(../images/attachfile/file_doc.png);
}
div[data-type="attfile"] .tf-xls,
div[data-type="attfileset"] .tf-xls,
div[data-type="multipartfileupload"] .tf-xls,
div[data-type="fileupload"] .tf-xls {
  background-image: url(../images/attachfile/file_xls.png);
}
div[data-type="attfile"] .tf-ppt,
div[data-type="attfileset"] .tf-ppt,
div[data-type="multipartfileupload"] .tf-ppt,
div[data-type="fileupload"] .tf-ppt {
  background-image: url(../images/attachfile/file_ppt.png);
}
div[data-type="attfile"] .tf-hwp,
div[data-type="attfileset"] .tf-hwp,
div[data-type="multipartfileupload"] .tf-hwp,
div[data-type="fileupload"] .tf-hwp {
  background-image: url(../images/attachfile/file_hwp.png);
}
div[data-type="attfile"] .tf-hun,
div[data-type="attfileset"] .tf-hun,
div[data-type="multipartfileupload"] .tf-hun,
div[data-type="fileupload"] .tf-hun {
  background-image: url(../images/attachfile/file_hun.png);
}
div[data-type="attfile"] .tf-pdf,
div[data-type="attfileset"] .tf-pdf,
div[data-type="multipartfileupload"] .tf-pdf,
div[data-type="fileupload"] .tf-pdf {
  background-image: url(../images/attachfile/file_pdf.png);
}
div[data-type="attfile"] .tf-exe,
div[data-type="attfileset"] .tf-exe,
div[data-type="multipartfileupload"] .tf-exe,
div[data-type="fileupload"] .tf-exe {
  background-image: url(../images/attachfile/file_exe.png);
}
div[data-type="attfile"] .tf-etc,
div[data-type="attfileset"] .tf-etc,
div[data-type="multipartfileupload"] .tf-etc,
div[data-type="fileupload"] .tf-etc {
  background-image: url(../images/attachfile/file_etc.png);
}
div[data-type="multipartfileupload"] div[data-type="buttoncontainer"],
div[data-type="fileupload"] div[data-type="buttoncontainer"],
div[data-type="multipartfileupload"] div[data-type="uploadbuttoncontainer"],
div[data-type="fileupload"] div[data-type="uploadbuttoncontainer"] {
  width: 100%;
  display: inline-block;
  text-align: right;
  margin-bottom: 1px;
}
div[data-type="multipartfileupload"] div[data-type="filecontainer"],
div[data-type="fileupload"] div[data-type="filecontainer"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 2px;
  padding: 2px;
  width: 100%;
  height: 100%;
  overflow: auto;
  border: 1px solid #c7d3e6;
}
div[data-type="multipartfileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"],
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] {
  padding-left: 10px;
  padding-right: 10px;
}
div[data-type="multipartfileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="remove"],
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="remove"] {
  text-indent: -9999px;
  float: right;
  height: 14px;
  width: 14px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-image: url(../images/attachfile/btn_remove.png);
  cursor: pointer;
}
div[data-type="multipartfileupload"] input {
  margin-top: 3px;
  width: 85%;
  border: 1px solid #c7d3e6;
}
div[data-type="multipartfileupload"] div[data-type="filecontainer"] div[data-type="filecontainerprogress"] {
  padding-left: 10px;
  padding-right: 10px;
}
div[data-type="multipartfileupload"] div[data-type="filecontainer"] div[data-type="filecontainerprogress"] div[data-type="fileprogress"] {
  background-image: url(../images/attachfile/loader.gif);
  width: 85%;
  height: 10px;
  background-repeat: repeat-x;
  visibility: hidden;
  margin-left: 28px;
}
div[data-type="multipartfileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] {
  height: 34px;
}
div[data-type="multipartfileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="remove"] {
  margin-top: 5px;
}
div[data-type="multipartfileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="icon"] {
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}
div[data-type="fileupload"] {
  overflow: hidden;
}
div[data-type="fileupload"] input {
  width: 0px;
}
div[data-type="fileupload"] span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] {
  height: 45px;
}
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="fileitemcontainer"] {
  display: inline-block;
  margin-top: 6px;
  padding-top: 0px;
  padding-left: 10px;
  height: 32px;
  width: 85%;
}
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="fileprogresscontainer"] {
  float: left;
  display: none;
  border: 1px solid #a4bed4;
  margin-top: 5px;
  margin-right: 10px;
  width: 80%;
  height: 6px;
  border-radius: 2px;
}
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="fileuploadrate"] {
  margin-top: 0px;
  display: inline-block;
}
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="fileprogress"] {
  background-color: #e5f0fd;
  width: 0%;
  height: 100%;
}
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="remove"] {
  margin-top: 14px;
}
div[data-type="fileupload"] div[data-type="filecontainer"] div[data-type="fileitemlist"] div[data-type="icon"] {
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  float: left;
  margin-top: 6px;
}
div[data-type="attfile"],
div[data-type="attfileset"] {
  overflow: hidden;
  display: inline-block;
}
div[data-type="attfile"] div[data-type="icon"],
div[data-type="attfileset"] div[data-type="icon"] {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  margin-right: 4px;
}
div[data-type="attfileset"] {
  padding-top: 3px;
}
div[data-type="attfileset"] div[data-type="buttoncontainer"] {
  width: 100%;
  display: inline-block;
  text-align: right;
}
div[data-type="attfileset"] div[data-type="filecontainer"] {
  width: 100%;
  display: inline-block;
  overflow: auto;
  margin-top: 2px;
}
div[data-type="attfileset"] div[data-type="filefixedcontainer"] {
  padding: 2px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
div[data-type="attfileset"] div[data-border-visible="true"] {
  border: 1px solid #c7d3e6;
}
div[data-type="attfileset"] input {
  vertical-align: middle;
  padding-right: 5px;
}
div[data-type="attfileset"] span {
  display: inline-block;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div[data-type="attfileset"] span div {
  padding-right: 5px;
}
div[data-type="attfile"] span {
  padding-right: 5px;
}
div[data-type="checkbox"],
div[data-type="checkgroup"] {
  display: inline-block;
}
div[data-type="checkbox"] label,
div[data-type="checkgroup"] label {
  margin: 0px 2px 0px 0px;
  display: inline-block;
  vertical-align: middle;
}
div[data-type="checkbox"] label input[type="checkbox"],
div[data-type="checkgroup"] label input[type="checkbox"] {
  vertical-align: top;
}
div[data-type="combo"] {
  display: inline-block;
  height: 20px;
}
div[data-type="combo"] select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  width: 100%;
  height: 20px;
  border: 1px #7F9DB9 solid;
}
div[data-type="combo"] select.editable {
  display: inline-block;
}
div[data-type="combo"] select.editable:focus {
  border-color: #5bc0de;
}
div[data-type="combo"] select.readonly {
  display: none;
}
div[data-type="combo"] select.disable {
  display: inline-block;
}
div[data-type="combo"] select::-ms-expand {
  border-width: 0px;
}
div[data-type="combo"] label.editable {
  display: none;
}
div[data-type="combo"] label.readonly {
  display: inline;
  padding-left: 2px;
}
div[data-type="combo"] label.disable {
  display: none;
}
div[data-type="datagroup"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
div[data-type="datagroup"].tf-borderVisible {
  border: 1px solid gray;
}
div[data-type="datagroup"].tf-shadow {
  -webkit-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  -ms-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
}
div[data-type="datagroup"].tf-searchPage {
  border-width: 1px!important;
  border-style: solid!important;
  border-color: #e2e3e9 !important;
  background-color: #f9f9fb !important;
  padding-left: 15px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}
div[data-type="datagroup"].tf-searchSub {
  padding-left: 15px!important;
  padding-top: 0px!important;
  padding-bottom: 5px!important;
  border-bottom-width: 2px!important;
  border-bottom-style: dotted!important;
  border-color: lightgray!important;
}
div[data-type="datagroup"].tf-searchSub table,
div[data-type="datagroup"].tf-searchPage table {
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px;
  width: 100%;
  display: inline-table;
}
div[data-type="datagroup"].tf-searchSub table tr td,
div[data-type="datagroup"].tf-searchPage table tr td {
  padding-left: 4px;
  padding-right: 4px;
}
div[data-type="datagroup"].tf-searchSub table tr,
div[data-type="datagroup"].tf-searchPage table tr {
  height: 26px;
}
div[data-type="datagroup"].tf-searchSub table th,
div[data-type="datagroup"].tf-searchPage table th {
  color: #666666;
  text-align: left;
}
div[data-type="datagroup"].tf-searchSub table th:before,
div[data-type="datagroup"].tf-searchPage table th:before {
  content: "";
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 0.25em 0 -0.25em;
  background: url(../images/page/dot_search.png) 0 99px no-repeat;
  height: 18px;
  top: 1px;
  right: 4px;
  background-position: left center;
  margin: 0;
  width: 7px;
}
div[data-type="radio"] {
  display: inline-block;
}
div[data-type="radio"].readonly {
  padding-left: 3px;
}
div[data-type="radio"] label {
  margin: 0px;
  vertical-align: middle;
  display: inline-block;
}
div[data-type="radio"] label input[type="radio"] {
  vertical-align: top;
}
.tf-input,
div[data-type="textarea"] textarea {
  border: 1px #7f9db9 solid;
}
.tf-input.editable,
div[data-type="textarea"] textarea.editable {
  background-color: #ffffff;
}
.tf-input.editable:focus,
div[data-type="textarea"] textarea.editable:focus {
  border-color: #5bc0de;
}
.tf-input.readonly,
div[data-type="textarea"] textarea.readonly {
  border: 1px transparent solid;
  background-color: transparent;
}
.tf-input.disable,
div[data-type="textarea"] textarea.disable {
  color: #808080;
  background-color: #efefef;
}
input[type="text"],
input[type="password"] {
  padding-left: 2px;
  padding-right: 2px;
  height: 20px;
}
input[type=text]::-ms-clear {
  display: none;
}
div[data-type="label"] {
  padding: 0px 1px 0px 1px;
  display: inline-block;
  word-break: break-all;
}
div[data-type="label"] label {
  line-height: 20px;
  margin: 1px;
  border: 1px transparent solid;
}
div[data-type="label"] label.tf-normal {
  color: inherit;
  display: none;
}
div[data-type="label"] label.tf-required {
  vertical-align: middle;
  color: #d9534f;
  display: inherit;
}
div[data-type="label"] label.tf-titleSub {
  font-weight: bold!important;
  color: #2e3092;
}
div[data-type="label"] label.tf-titleSub:before {
  content: "- ";
  font-weight: bold!important;
  color: #2e3092;
  width: 10px;
}
div[data-type="label"] label.tf-titleSubInfo {
  color: #666666;
}
div[data-type="label"] label.tf-titleSubInfo:before {
  content: "";
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 0.25em 0 -0.25em;
  background: url(../images/page/dot_info.png) 0 99px no-repeat;
  width: 7px;
}
div[data-type="label"] label.tf-titleSub:before,
div[data-type="label"] label.tf-titleSubInfo:before {
  height: 18px;
  top: 2px;
  background-position: left center;
  margin: 0px;
}
div[data-type="textarea"] textarea {
  padding: 3px;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div[data-type="slider"] {
  display: inline-block;
}
div[data-type="progress"] {
  display: inline-block;
}
div[data-type="tablayer"],
div[data-type="tabpage"] {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div[data-type="tablayer"] div[data-type="item"],
div[data-type="tabpage"] div[data-type="item"] {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div[data-type="tabpage"] div[data-type="item"] iframe {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div[data-type="shape"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}
div[data-type="shape"].tf-shadow {
  -webkit-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  -ms-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
}
.tf-paging {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  visibility: hidden;
  width: 100%;
  color: #666666;
}
.tf-paging div {
  display: inline-block;
}
.tf-paging div[data-type="left"],
.tf-paging div[data-type="right"] {
  width: 20%;
}
.tf-paging div[data-type="left"] {
  text-align: left;
}
.tf-paging div[data-type="right"] {
  text-align: right;
}
.tf-paging div[data-type="pageContainer"] {
  width: 60%;
  text-align: center;
}
.tf-paging div[data-type="pageContainer"] .tf-first,
.tf-paging div[data-type="pageContainer"] .tf-end {
  font-weight: bold;
}
.tf-paging div[data-type="pageContainer"] a {
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
  line-height: 24px;
  min-width: 24px;
  border: 1px solid #b6bbc1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tf-paging div[data-type="pageContainer"] a.active,
.tf-paging div[data-type="pageContainer"] a:hover {
  color: white;
}
.tf-paging div[data-type="pageContainer"] a.active {
  cursor: default;
}
.tf-paging div[data-type="pageContainer"].tf-white a.active {
  background-color: #d9d9d9;
}
.tf-paging div[data-type="pageContainer"].tf-white a:hover {
  background-color: #d9d9d9;
}
.tf-paging div[data-type="pageContainer"].tf-muted a.active {
  background-color: #4d4d4d;
}
.tf-paging div[data-type="pageContainer"].tf-muted a:hover {
  background-color: #4d4d4d;
}
.tf-paging div[data-type="pageContainer"].tf-success a.active {
  background-color: #5cb85c;
}
.tf-paging div[data-type="pageContainer"].tf-success a:hover {
  background-color: #5cb85c;
}
.tf-paging div[data-type="pageContainer"].tf-primary a.active {
  background-color: #428bca;
}
.tf-paging div[data-type="pageContainer"].tf-primary a:hover {
  background-color: #428bca;
}
.tf-paging div[data-type="pageContainer"].tf-warning a.active {
  background-color: #f0ad4e;
}
.tf-paging div[data-type="pageContainer"].tf-warning a:hover {
  background-color: #f0ad4e;
}
.tf-paging div[data-type="pageContainer"].tf-danger a.active {
  background-color: #d9534f;
}
.tf-paging div[data-type="pageContainer"].tf-danger a:hover {
  background-color: #d9534f;
}
.tf-paging div[data-type="pageContainer"].tf-info a.active {
  background-color: #5bc0de;
}
.tf-paging div[data-type="pageContainer"].tf-info a:hover {
  background-color: #5bc0de;
}
.tf-paging div[data-type="pageContainer"].tf-whiteMuted a.active {
  background-color: #ececec;
}
.tf-paging div[data-type="pageContainer"].tf-whiteMuted a:hover {
  background-color: #ececec;
}
.tf-paging div[data-type="pageContainer"].tf-skyblue a.active {
  background-color: #c8e1ff;
}
.tf-paging div[data-type="pageContainer"].tf-skyblue a:hover {
  background-color: #c8e1ff;
}
div[data-type="calendar"] {
  padding-right: 6px;
  padding-left: 6px;
}
div[data-type="calendar"] table {
  width: 100%;
  height: 100%;
}
div[data-type="calendar"] table td {
  width: 14%;
}
div[data-type="monthcalendar"] table {
  width: 30%;
  margin-right: 2px;
  margin-left: 2px;
  height: 100%;
}
div[data-type="monthcalendar"] table td {
  width: 33.3%;
}
div[data-type="monthcalendar"] div i {
  margin-right: 6px;
}
.tf-calendar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 2px;
  background-color: white;
  border: 1px solid #b6bbc1;
  padding-bottom: 40px;
}
.tf-calendar.tf-shadow {
  -webkit-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  -ms-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
}
.tf-calendar .tf-white {
  border: 1px solid #e6e6e6;
}
.tf-calendar .tf-muted {
  border: 1px solid #333333;
}
.tf-calendar .tf-success {
  border: 1px solid #449d44;
}
.tf-calendar .tf-primary {
  border: 1px solid #3071a9;
}
.tf-calendar .tf-warning {
  border: 1px solid #ec971f;
}
.tf-calendar .tf-danger {
  border: 1px solid #c9302c;
}
.tf-calendar .tf-info {
  border: 1px solid #31b0d5;
}
.tf-calendar .tf-whiteMuted {
  border: 1px solid #d3d3d3;
}
.tf-calendar .tf-skyblue {
  border: 1px solid #95c5ff;
}
.tf-calendar table {
  border-spacing: 0px;
  border-collapse: collapse;
  display: inline-table !important;
  text-align: center;
  font-size: 12px;
}
.tf-calendar table tbody {
  width: 100%;
}
.tf-calendar table caption {
  height: 0px;
  text-indent: -9999px;
}
.tf-calendar table tr {
  width: 100%;
  height: 24px;
  padding-left: 4px;
  padding-right: 4px;
}
.tf-calendar table tr.tf-white {
  background-color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(white));
  background-image: -moz-linear-gradient(#ffffff, white);
  background-image: -ms-linear-gradient(#ffffff, white);
  background-image: -o-linear-gradient(#ffffff, white);
  background-image: linear-gradient(#ffffff, white);
}
.tf-calendar table tr.tf-muted {
  background-color: #4d4d4d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#4d4d4d));
  background-image: -moz-linear-gradient(#5a5a5a, #4d4d4d);
  background-image: -ms-linear-gradient(#5a5a5a, #4d4d4d);
  background-image: -o-linear-gradient(#5a5a5a, #4d4d4d);
  background-image: linear-gradient(#5a5a5a, #4d4d4d);
}
.tf-calendar table tr.tf-success {
  background-color: #5cb85c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6ec06e), to(#5cb85c));
  background-image: -moz-linear-gradient(#6ec06e, #5cb85c);
  background-image: -ms-linear-gradient(#6ec06e, #5cb85c);
  background-image: -o-linear-gradient(#6ec06e, #5cb85c);
  background-image: linear-gradient(#6ec06e, #5cb85c);
}
.tf-calendar table tr.tf-primary {
  background-color: #428bca;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5697d0), to(#428bca));
  background-image: -moz-linear-gradient(#5697d0, #428bca);
  background-image: -ms-linear-gradient(#5697d0, #428bca);
  background-image: -o-linear-gradient(#5697d0, #428bca);
  background-image: linear-gradient(#5697d0, #428bca);
}
.tf-calendar table tr.tf-warning {
  background-color: #f0ad4e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2b866), to(#f0ad4e));
  background-image: -moz-linear-gradient(#f2b866, #f0ad4e);
  background-image: -ms-linear-gradient(#f2b866, #f0ad4e);
  background-image: -o-linear-gradient(#f2b866, #f0ad4e);
  background-image: linear-gradient(#f2b866, #f0ad4e);
}
.tf-calendar table tr.tf-danger {
  background-color: #d9534f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#de6764), to(#d9534f));
  background-image: -moz-linear-gradient(#de6764, #d9534f);
  background-image: -ms-linear-gradient(#de6764, #d9534f);
  background-image: -o-linear-gradient(#de6764, #d9534f);
  background-image: linear-gradient(#de6764, #d9534f);
}
.tf-calendar table tr.tf-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c8e2), to(#5bc0de));
  background-image: -moz-linear-gradient(#70c8e2, #5bc0de);
  background-image: -ms-linear-gradient(#70c8e2, #5bc0de);
  background-image: -o-linear-gradient(#70c8e2, #5bc0de);
  background-image: linear-gradient(#70c8e2, #5bc0de);
}
.tf-calendar table tr.tf-whiteMuted {
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#ececec));
  background-image: -moz-linear-gradient(#f9f9f9, #ececec);
  background-image: -ms-linear-gradient(#f9f9f9, #ececec);
  background-image: -o-linear-gradient(#f9f9f9, #ececec);
  background-image: linear-gradient(#f9f9f9, #ececec);
}
.tf-calendar table tr.tf-skyblue {
  background-color: #c8e1ff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e2efff), to(#c8e1ff));
  background-image: -moz-linear-gradient(#e2efff, #c8e1ff);
  background-image: -ms-linear-gradient(#e2efff, #c8e1ff);
  background-image: -o-linear-gradient(#e2efff, #c8e1ff);
  background-image: linear-gradient(#e2efff, #c8e1ff);
}
.tf-calendar table th {
  cursor: default;
}
.tf-calendar table td {
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.tf-calendar table td[data-event="true"] {
  cursor: pointer;
  color: #666666;
}
.tf-calendar table td[data-event="true"]:focus,
.tf-calendar table td[data-event="true"]:hover {
  background-color: gainsboro;
}
.tf-calendar div {
  height: 25px;
  vertical-align: middle;
}
.tf-calendar div span {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: bold;
}
.tf-calendar div div {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-repeat: no-repeat;
  cursor: pointer;
  text-indent: -9999px;
}
.tf-calendar div div[data-type="prevmonth"] {
  background-image: url(../images/calendar/btn_prev_month.gif);
}
.tf-calendar div div[data-type="nextmonth"] {
  background-image: url(../images/calendar/btn_next_month.gif);
}
.tf-calendar div div[data-type="prevyear"] {
  background-image: url(../images/calendar/btn_prev_year.gif);
  margin-right: 5px;
}
.tf-calendar div div[data-type="nextyear"] {
  background-image: url(../images/calendar/btn_next_year.gif);
  margin-left: 5px;
}
.tf-calendar div i {
  float: right;
  cursor: pointer;
  font-style: normal;
  font-weight: bold;
  color: gray;
}
.tf-calendar div i:focus,
.tf-calendar div i:hover {
  color: red;
}
.tf-calendar .active {
  background-color: gainsboro;
  cursor: default!important;
}
div[data-type="layout"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
div[data-type="layout"].tf-shadow {
  -webkit-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  -ms-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
}
div[data-type="layout"].tf-pagePopup {
  padding-top: 0px!important;
  padding-left: 19px!important;
  padding-right: 19px!important;
  padding-bottom: 19px!important;
}
div[data-type="iframe"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
div[data-type="iframe"] iframe {
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-color: gray;
}
div[data-type="header"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
div[data-type="header"].tf-borderVisible {
  border: 1px solid gray;
}
div[data-type="header"].tf-shadow {
  -webkit-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  -ms-box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
  box-shadow: 1px 1px 6px rgba(10, 10, 10, 0.4);
}
div[data-type="header"] div[data-type="left"] i,
div[data-type="header"] div[data-type="right"] i {
  background-position: 0px center;
  background-repeat: no-repeat;
  display: inline-block;
}
div[data-type="header"] span {
  display: inline-block;
}
div[data-type="header"].tf-titlePage {
  line-height: 22px;
}
div[data-type="header"].tf-titlePage div[data-type="left"] {
  float: left;
}
div[data-type="header"].tf-titlePage div[data-type="left"] i {
  width: 25px;
  background-image: url(../images/header/title_page.png);
}
div[data-type="header"].tf-titlePage div[data-type="left"] span {
  padding-top: 0px;
  font-size: 16px;
  font-weight: bold;
  padding-left: 5px;
}
div[data-type="header"].tf-titlePage div[data-type="right"] {
  float: right;
}
div[data-type="header"].tf-titlePage div[data-type="right"] i {
  vertical-align: middle;
  width: 13px;
  background-image: url(../images/header/menu_path.png);
}
div[data-type="header"].tf-titlePage div[data-type="right"] span {
  font-size: 11px;
  color: #8994a3;
}
div[data-type="header"].tf-titlePopup {
  line-height: 22px;
}
div[data-type="header"].tf-titlePopup div[data-type="left"] {
  float: left;
  width: 100%;
  background-color: #428bca;
  padding-left: 15px;
}
div[data-type="header"].tf-titlePopup div[data-type="left"] i {
  width: 20px;
  background-image: url(../images/header/title_popup.png);
}
div[data-type="header"].tf-titlePopup div[data-type="left"] span {
  line-height: 14px;
  font-size: 14px;
  font-weight: bold;
  padding-left: 5px;
  color: white;
}
div[data-type="header"].tf-titlePopup div[data-type="right"] {
  display: none;
}
div[data-type="embed"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
div[data-type="embed"] embed {
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div[data-type="embed"].tf-borderVisible {
  border: 1px solid gray;
}
div[data-type="rowspace"],
div[data-type="colspace"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
div[data-type="accordion"] {
  overflow: hidden;
}
.tf-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  float: left;
}
.tf-panel span {
  cursor: default;
}
.tf-panel .tf-body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.tf-panel .tf-body.tf-skyblue {
  border-left: 1px solid #95c5ff;
  border-right: 1px solid #95c5ff;
  border-bottom: 1px solid #95c5ff;
  border-top: 0px solid white;
}
.tf-panel .tf-body.tf-white {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-top: 0px solid white;
}
.tf-panel .tf-body.tf-whiteMuted {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-top: 0px solid white;
}
.tf-panel .tf-body.tf-muted {
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-top: 0px solid white;
}
.tf-panel .tf-body.tf-success {
  border-left: 1px solid #449d44;
  border-right: 1px solid #449d44;
  border-bottom: 1px solid #449d44;
  border-top: 0px solid white;
}
.tf-panel .tf-body.tf-primary {
  border-left: 1px solid #3071a9;
  border-right: 1px solid #3071a9;
  border-bottom: 1px solid #3071a9;
  border-top: 0px solid white;
}
.tf-panel .tf-body.tf-warning {
  border-left: 1px solid #ec971f;
  border-right: 1px solid #ec971f;
  border-bottom: 1px solid #ec971f;
  border-top: 0px solid white;
}
.tf-panel .tf-body.tf-danger {
  border-left: 1px solid #c9302c;
  border-right: 1px solid #c9302c;
  border-bottom: 1px solid #c9302c;
  border-top: 0px solid white;
}
.tf-panel .tf-body.tf-info {
  border-left: 1px solid #31b0d5;
  border-right: 1px solid #31b0d5;
  border-bottom: 1px solid #31b0d5;
  border-top: 0px solid white;
}
.tf-panel .tf-header {
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tf-panel .tf-header.tf-skyblue {
  font-weight: bold;
  border: 1px solid #95c5ff;
  background-color: #c8e1ff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e2efff), to(#c8e1ff));
  background-image: -moz-linear-gradient(#e2efff, #c8e1ff);
  background-image: -ms-linear-gradient(#e2efff, #c8e1ff);
  background-image: -o-linear-gradient(#e2efff, #c8e1ff);
  background-image: linear-gradient(#e2efff, #c8e1ff);
  color: #666666;
}
.tf-panel .tf-header.tf-white {
  font-weight: bold;
  border: 1px solid #e6e6e6;
  background-color: white;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(white));
  background-image: -moz-linear-gradient(#ffffff, white);
  background-image: -ms-linear-gradient(#ffffff, white);
  background-image: -o-linear-gradient(#ffffff, white);
  background-image: linear-gradient(#ffffff, white);
  color: #666666;
}
.tf-panel .tf-header.tf-whiteMuted {
  font-weight: bold;
  border: 1px solid #d3d3d3;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#ececec));
  background-image: -moz-linear-gradient(#f9f9f9, #ececec);
  background-image: -ms-linear-gradient(#f9f9f9, #ececec);
  background-image: -o-linear-gradient(#f9f9f9, #ececec);
  background-image: linear-gradient(#f9f9f9, #ececec);
  color: #666666;
}
.tf-panel .tf-header.tf-muted {
  font-weight: bold;
  border: 1px solid #333333;
  background-color: #4d4d4d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#4d4d4d));
  background-image: -moz-linear-gradient(#5a5a5a, #4d4d4d);
  background-image: -ms-linear-gradient(#5a5a5a, #4d4d4d);
  background-image: -o-linear-gradient(#5a5a5a, #4d4d4d);
  background-image: linear-gradient(#5a5a5a, #4d4d4d);
  color: white;
}
.tf-panel .tf-header.tf-success {
  font-weight: bold;
  border: 1px solid #449d44;
  background-color: #5cb85c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6ec06e), to(#5cb85c));
  background-image: -moz-linear-gradient(#6ec06e, #5cb85c);
  background-image: -ms-linear-gradient(#6ec06e, #5cb85c);
  background-image: -o-linear-gradient(#6ec06e, #5cb85c);
  background-image: linear-gradient(#6ec06e, #5cb85c);
  color: white;
}
.tf-panel .tf-header.tf-primary {
  font-weight: bold;
  border: 1px solid #3071a9;
  background-color: #428bca;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5697d0), to(#428bca));
  background-image: -moz-linear-gradient(#5697d0, #428bca);
  background-image: -ms-linear-gradient(#5697d0, #428bca);
  background-image: -o-linear-gradient(#5697d0, #428bca);
  background-image: linear-gradient(#5697d0, #428bca);
  color: white;
}
.tf-panel .tf-header.tf-warning {
  font-weight: bold;
  border: 1px solid #ec971f;
  background-color: #f0ad4e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2b866), to(#f0ad4e));
  background-image: -moz-linear-gradient(#f2b866, #f0ad4e);
  background-image: -ms-linear-gradient(#f2b866, #f0ad4e);
  background-image: -o-linear-gradient(#f2b866, #f0ad4e);
  background-image: linear-gradient(#f2b866, #f0ad4e);
  color: white;
}
.tf-panel .tf-header.tf-danger {
  font-weight: bold;
  border: 1px solid #c9302c;
  background-color: #d9534f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#de6764), to(#d9534f));
  background-image: -moz-linear-gradient(#de6764, #d9534f);
  background-image: -ms-linear-gradient(#de6764, #d9534f);
  background-image: -o-linear-gradient(#de6764, #d9534f);
  background-image: linear-gradient(#de6764, #d9534f);
  color: white;
}
.tf-panel .tf-header.tf-info {
  font-weight: bold;
  border: 1px solid #31b0d5;
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c8e2), to(#5bc0de));
  background-image: -moz-linear-gradient(#70c8e2, #5bc0de);
  background-image: -ms-linear-gradient(#70c8e2, #5bc0de);
  background-image: -o-linear-gradient(#70c8e2, #5bc0de);
  background-image: linear-gradient(#70c8e2, #5bc0de);
  color: white;
}
.tf-panel .tf-headerText {
  padding-left: 5px;
  padding-right: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tf-panel .tf-arrowIcon {
  width: 16px;
  padding: 0px;
  background-position: 0px center;
  background-repeat: no-repeat;
  background-image: url(../images/panel/arrow.gif);
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 4px;
  text-indent: -9999px;
}
.tf-panel .tf-arrowIconClose {
  background-position: -16px center;
}
.tf-panel .tf-iconContainer {
  float: right;
}
.tf-panel i {
  cursor: pointer;
}
div[data-type="tree"] table {
  border-spacing: 0px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div[data-type="tree"] table tr {
  height: 22px;
}
div[data-type="tree"] table td {
  padding: 0px;
  margin: 0px;
}
div[data-type="tree"] table td div {
  width: 18px;
}
div[data-type="tree"] span {
  padding: 1px 3px 1px 3px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tf-stepbar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}
.tf-stepbar ul {
  list-style: none outside none;
  width: 100%;
  padding: 0;
  margin: 0 !important;
}
.tf-stepbar ul.tf-skyblue li {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-skyblue li.active,
.tf-stepbar ul.tf-skyblue li.previous-active .arrow-background {
  background: #c8e1ff;
}
.tf-stepbar ul.tf-skyblue li.active .arrow-background {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-skyblue li.active span.arrow,
.tf-stepbar ul.tf-skyblue li.last.active span.arrow-wrapper {
  border-left: 50px solid #c8e1ff;
}
.tf-stepbar ul.tf-skyblue li.last span.arrow-wrapper {
  background: white !important;
}
.tf-stepbar ul.tf-skyblue li span.arrow {
  border-left: 50px solid #EAEAEA;
}
.tf-stepbar ul.tf-muted li {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-muted li.active,
.tf-stepbar ul.tf-muted li.previous-active .arrow-background {
  background: #4d4d4d;
}
.tf-stepbar ul.tf-muted li.active .arrow-background {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-muted li.active span.arrow,
.tf-stepbar ul.tf-muted li.last.active span.arrow-wrapper {
  border-left: 50px solid #4d4d4d;
}
.tf-stepbar ul.tf-muted li.last span.arrow-wrapper {
  background: white !important;
}
.tf-stepbar ul.tf-muted li.active span.step-text,
.tf-stepbar ul.tf-muted li.active a {
  color: white;
}
.tf-stepbar ul.tf-muted li span.arrow {
  border-left: 50px solid #EAEAEA;
}
.tf-stepbar ul.tf-success li {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-success li.active,
.tf-stepbar ul.tf-success li.previous-active .arrow-background {
  background: #5cb85c;
}
.tf-stepbar ul.tf-success li.active .arrow-background {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-success li.active span.arrow,
.tf-stepbar ul.tf-success li.last.active span.arrow-wrapper {
  border-left: 50px solid #5cb85c;
}
.tf-stepbar ul.tf-success li.last span.arrow-wrapper {
  background: white !important;
}
.tf-stepbar ul.tf-success li.active span.step-text,
.tf-stepbar ul.tf-success li.active a {
  color: white;
}
.tf-stepbar ul.tf-success li span.arrow {
  border-left: 50px solid #EAEAEA;
}
.tf-stepbar ul.tf-primary li {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-primary li.active,
.tf-stepbar ul.tf-primary li.previous-active .arrow-background {
  background: #428bca;
}
.tf-stepbar ul.tf-primary li.active .arrow-background {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-primary li.active span.arrow,
.tf-stepbar ul.tf-primary li.last.active span.arrow-wrapper {
  border-left: 50px solid #428bca;
}
.tf-stepbar ul.tf-primary li.last span.arrow-wrapper {
  background: white !important;
}
.tf-stepbar ul.tf-primary li.active span.step-text,
.tf-stepbar ul.tf-primary li.active a {
  color: white;
}
.tf-stepbar ul.tf-primary li span.arrow {
  border-left: 50px solid #EAEAEA;
}
.tf-stepbar ul.tf-warning li {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-warning li.active,
.tf-stepbar ul.tf-warning li.previous-active .arrow-background {
  background: #f0ad4e;
}
.tf-stepbar ul.tf-warning li.active .arrow-background {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-warning li.active span.arrow,
.tf-stepbar ul.tf-warning li.last.active span.arrow-wrapper {
  border-left: 50px solid #f0ad4e;
}
.tf-stepbar ul.tf-warning li.last span.arrow-wrapper {
  background: white !important;
}
.tf-stepbar ul.tf-warning li.active span.step-text,
.tf-stepbar ul.tf-warning li.active a {
  color: white;
}
.tf-stepbar ul.tf-warning li span.arrow {
  border-left: 50px solid #EAEAEA;
}
.tf-stepbar ul.tf-danger li {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-danger li.active,
.tf-stepbar ul.tf-danger li.previous-active .arrow-background {
  background: #d9534f;
}
.tf-stepbar ul.tf-danger li.active .arrow-background {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-danger li.active span.arrow,
.tf-stepbar ul.tf-danger li.last.active span.arrow-wrapper {
  border-left: 50px solid #d9534f;
}
.tf-stepbar ul.tf-danger li.last span.arrow-wrapper {
  background: white !important;
}
.tf-stepbar ul.tf-danger li.active span.step-text,
.tf-stepbar ul.tf-danger li.active a {
  color: white;
}
.tf-stepbar ul.tf-danger li span.arrow {
  border-left: 50px solid #EAEAEA;
}
.tf-stepbar ul.tf-info li {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-info li.active,
.tf-stepbar ul.tf-info li.previous-active .arrow-background {
  background: #5bc0de;
}
.tf-stepbar ul.tf-info li.active .arrow-background {
  font-weight: bold;
  background-color: #EAEAEA;
}
.tf-stepbar ul.tf-info li.active span.arrow,
.tf-stepbar ul.tf-info li.last.active span.arrow-wrapper {
  border-left: 50px solid #5bc0de;
}
.tf-stepbar ul.tf-info li.last span.arrow-wrapper {
  background: white !important;
}
.tf-stepbar ul.tf-info li.active span.step-text,
.tf-stepbar ul.tf-info li.active a {
  color: white;
}
.tf-stepbar ul.tf-info li span.arrow {
  border-left: 50px solid #EAEAEA;
}
.tf-stepbar ul li {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.tf-stepbar ul li .arrow-background {
  position: absolute;
  display: inline-block;
  right: 0;
}
.tf-stepbar ul li a {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  float: left;
  color: #777777;
}
.tf-stepbar ul li span.step-text {
  color: #777777;
  display: inline-block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tf-stepbar ul li span.arrow-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-top: 52px solid transparent;
  border-bottom: 52px solid transparent;
  border-left: 52px solid #FFF;
}
.tf-stepbar ul li span.arrow {
  display: block;
  position: absolute;
  border-top: 50px solid transparent;
  /* arrow wrapper - 2px */
  border-bottom: 50px solid transparent;
  /* arrow wrapper - 2px */
  border-left: 50px solid #BF9B6B;
  /* arrow wrapper - 2px */
}
div[data-type="information"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
div[data-type="information"] fieldset ul {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 5px;
}
.tf-idialog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* Add Zoom Animation */
}
.tf-idialog div[data-type="resize"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: fixed;
  /* Stay in place */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  min-height: 100%;
  /* Full height */
  display: none;
  opacity: 0;
  background-color: white;
}
.tf-idialog.tf-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: fixed;
  /* Stay in place */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  min-height: 100%;
  /* Full height */
  overflow: hidden;
  /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  z-index: 9999;
}
.tf-idialog .tf-modal-content {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fefefe;
  border-radius: 4px;
  position: absolute;
  border: 3px solid;
}
.tf-idialog .tf-modal-content.tf-skyblue {
  border-color: #c8e1ff;
}
.tf-idialog .tf-modal-content.tf-white {
  border-color: white;
}
.tf-idialog .tf-modal-content.tf-whiteMuted {
  border-color: #ececec;
}
.tf-idialog .tf-modal-content.tf-muted {
  border-color: #4d4d4d;
}
.tf-idialog .tf-modal-content.tf-success {
  border-color: #5cb85c;
}
.tf-idialog .tf-modal-content.tf-primary {
  border-color: #428bca;
}
.tf-idialog .tf-modal-content.tf-warning {
  border-color: #f0ad4e;
}
.tf-idialog .tf-modal-content.tf-danger {
  border-color: #d9534f;
}
.tf-idialog .tf-modal-content.tf-info {
  border-color: #5bc0de;
}
.tf-idialog i {
  position: absolute;
  right: 6px;
  bottom: 6px;
  background-image: url(../images/popup/resize.gif);
  width: 11px;
  height: 11px;
  cursor: default;
}
.tf-idialog .tf-header {
  width: 100%;
  height: 32px;
  cursor: move;
  padding-top: 4px;
  padding-left: 18px;
  border-bottom: 1px solid;
  border-bottom-color: gray;
  /* The Close Button (x) */
}
.tf-idialog .tf-header .tf-close,
.tf-idialog .tf-header .tf-max {
  margin-right: 10px;
  margin-top: 4px;
  float: right;
}
.tf-idialog .tf-header .tf-close:hover,
.tf-idialog .tf-header .tf-close:focus,
.tf-idialog .tf-header .tf-max:hover,
.tf-idialog .tf-header .tf-max:focus {
  color: red!important;
  cursor: pointer;
}
.tf-idialog .tf-header .tf-text {
  float: left;
  font-size: 14px;
}
.tf-idialog .tf-header.tf-skyblue {
  color: #666666;
  background-color: #c8e1ff;
}
.tf-idialog .tf-header.tf-skyblue .tf-close,
.tf-idialog .tf-header.tf-skyblue .tf-max {
  color: #666666;
}
.tf-idialog .tf-header.tf-white {
  color: #666666;
  background-color: white;
}
.tf-idialog .tf-header.tf-white .tf-close,
.tf-idialog .tf-header.tf-white .tf-max {
  color: #666666;
}
.tf-idialog .tf-header.tf-whiteMuted {
  color: #666666;
  background-color: #ececec;
}
.tf-idialog .tf-header.tf-whiteMuted .tf-close,
.tf-idialog .tf-header.tf-whiteMuted .tf-max {
  color: #666666;
}
.tf-idialog .tf-header.tf-muted {
  color: white;
  background-color: #4d4d4d;
}
.tf-idialog .tf-header.tf-muted .tf-close,
.tf-idialog .tf-header.tf-muted .tf-max {
  color: white;
}
.tf-idialog .tf-header.tf-success {
  color: white;
  background-color: #5cb85c;
}
.tf-idialog .tf-header.tf-success .tf-close,
.tf-idialog .tf-header.tf-success .tf-max {
  color: white;
}
.tf-idialog .tf-header.tf-primary {
  color: white;
  background-color: #428bca;
}
.tf-idialog .tf-header.tf-primary .tf-close,
.tf-idialog .tf-header.tf-primary .tf-max {
  color: white;
}
.tf-idialog .tf-header.tf-warning {
  color: white;
  background-color: #f0ad4e;
}
.tf-idialog .tf-header.tf-warning .tf-close,
.tf-idialog .tf-header.tf-warning .tf-max {
  color: white;
}
.tf-idialog .tf-header.tf-danger {
  color: white;
  background-color: #d9534f;
}
.tf-idialog .tf-header.tf-danger .tf-close,
.tf-idialog .tf-header.tf-danger .tf-max {
  color: white;
}
.tf-idialog .tf-header.tf-info {
  color: white;
  background-color: #5bc0de;
}
.tf-idialog .tf-header.tf-info .tf-close,
.tf-idialog .tf-header.tf-info .tf-max {
  color: white;
}
.tf-idialog .tf-animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}
@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.tf-idialog iframe {
  border: 0px solid;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
a.tfh-link {
  font-size: 1em;
  color: blue;
}
a.tfh-link:visited,
a.tfh-link:link {
  text-decoration: none;
}
a.tfh-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
/* toss플랫폼 css가 아닌 html 에서 사용용도 css */
.tfh-subTotal {
  color: black!important;
  background-color: #e1e5e5!important;
}
.tfh-footer {
  color: black!important;
  background-color: #f6dee1!important;
}
.tfh-lock {
  background-color: #efefef!important;
}
.tfh-alterRow {
  background-color: #f2f8fc!important;
}
.tfh-fontBold {
  font-weight: bold!important;
}
.tfh-textLeft {
  text-align: left!important;
}
.tfh-textRight {
  text-align: right!important;
}
.tfh-textCenter {
  text-align: center!important;
}
.tfh-textJustify {
  text-align: justify!important;
}
.tfh-inlineBlock {
  display: inline-block;
}
.tfh-positionCenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.tfh-positionLeft {
  float: left;
}
.tfh-positionRight {
  float: right;
}
br.tfh-clearFloat {
  clear: both;
}
.tfh-textWhite {
  color: white !important;
}
.tfh-textMuted {
  color: #4d4d4d !important;
}
.tfh-textPrimary {
  color: #428bca !important;
}
.tfh-textSuccess {
  color: #5cb85c !important;
}
.tfh-textInfo {
  color: #5bc0de !important;
}
.tfh-textWarning {
  color: #f0ad4e !important;
}
.tfh-textDanger {
  color: #d9534f !important;
}
.tfh-textWhiteMuted {
  color: #ececec !important;
}
.tfh-textSkyblue {
  color: #c8e1ff !important;
}
.tfh-textGentle {
  color: #666666 !important;
}
.tfh-textMinus {
  color: red!important;
}
.tfh-bgMuted {
  background-color: #4d4d4d !important;
}
.tfh-bgPrimary {
  background-color: #428bca !important;
}
.tfh-bgSuccess {
  background-color: #5cb85c !important;
}
.tfh-bgInfo {
  background-color: #5bc0de !important;
}
.tfh-bgWarning {
  background-color: #f0ad4e !important;
}
.tfh-bgDanger {
  background-color: #d9534f !important;
}
.tfh-bgWhiteMuted {
  background-color: #ececec !important;
}
.tfh-bgSkyblue {
  background-color: #c8e1ff !important;
}
.tfh-bgGentle {
  background-color: #666666 !important;
}
.tfh-bgLightMuted {
  background-color: #808080 !important;
}
.tfh-bgLightSuccess {
  background-color: #a3d7a3 !important;
}
.tfh-bgLightPrimary {
  background-color: #92bce0 !important;
}
.tfh-bgLightWarning {
  background-color: #f8d9ac !important;
}
.tfh-bgLightDanger {
  background-color: #eba5a3 !important;
}
.tfh-bgLightInfo {
  background-color: #b0e1ef !important;
}
.tfh-bgLightWhiteMuted {
  background-color: #f9f9f9 !important;
}
.tfh-bgLightSkyblue {
  background-color: #e2efff !important;
}
.tfh-bgLightGentle {
  background-color: #737373 !important;
}
.tfh-bgGrayDarker {
  background-color: #222!important;
}
.tfh-bgGrayDark {
  background-color: #333!important;
}
.tfh-bgGray {
  background-color: #555!important;
}
.tfh-bgGrayLight {
  background-color: #777!important;
}
.tfh-bgGrayLighter {
  background-color: #eee!important;
}
.tfh-bgMuted,
.tfh-bgPrimary,
.tfh-bgSuccess,
.tfh-bgInfo,
.tfh-bgWarning,
.tfh-bgDanger,
.tfh-bgGrayDarker,
.tfh-bgGrayDark,
.tfh-bgGray,
.tfh-bgGrayLight {
  color: white!important;
}
h1.tfh-heading1 {
  font-size: 26px;
  font-weight: normal;
}
/* 20pt */
h2.tfh-heading2 {
  font-size: 22px;
  font-weight: normal;
}
/* 16pt */
h3.tfh-heading3 {
  font-size: 19px;
  font-weight: normal;
}
/* 14pt */
h4.tfh-heading4 {
  font-size: 16px;
  font-weight: normal;
}
/* 12pt */
h5.tfh-heading5 {
  font-size: 13px;
  font-weight: normal;
}
/* 10pt */
h6.tfh-heading6 {
  font-size: 12px;
  font-weight: normal;
}
/* 9pt  */
hr.tfh-line {
  border-top-width: 0px;
  border-bottom-color: lightgray;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
table.tfh-form {
  border-spacing: 0px;
  margin: 0px;
  width: 100%;
  display: inline-table;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  border-color: #c7d3e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
table.tfh-form tr td {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
table.tfh-form tr {
  height: 26px;
}
table.tfh-form tr.tfh-rowHeader th {
  text-align: center!important;
}
table.tfh-form th {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  color: #666666;
  background-color: #eeeeee;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* 결제 css에 넣으면 안됨 에러남 */
}
table.tfh-form th.tfh-required:after {
  content: "  *";
  color: red;
}
table.tfh-form th,
table.tfh-form td {
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #c7d3e6;
}
table.tfh-form.tfh-muted {
  border-color: #b3b3b3;
}
table.tfh-form.tfh-muted th {
  background-color: #cdcdcd;
}
table.tfh-form.tfh-muted th,
table.tfh-form.tfh-muted td {
  border-color: #b3b3b3;
}
table.tfh-form.tfh-success {
  border-color: #a3d7a3;
}
table.tfh-form.tfh-success th {
  background-color: #dff1df;
}
table.tfh-form.tfh-success th,
table.tfh-form.tfh-success td {
  border-color: #a3d7a3;
}
table.tfh-form.tfh-primary {
  border-color: #92bce0;
}
table.tfh-form.tfh-primary th {
  background-color: #d5e5f3;
}
table.tfh-form.tfh-primary th,
table.tfh-form.tfh-primary td {
  border-color: #92bce0;
}
table.tfh-form.tfh-warning {
  border-color: #f8d9ac;
}
table.tfh-form.tfh-warning th {
  background-color: #fceedb;
}
table.tfh-form.tfh-warning th,
table.tfh-form.tfh-warning td {
  border-color: #f8d9ac;
}
table.tfh-form.tfh-danger {
  border-color: #eba5a3;
}
table.tfh-form.tfh-danger th {
  background-color: #fbebea;
}
table.tfh-form.tfh-danger th,
table.tfh-form.tfh-danger td {
  border-color: #eba5a3;
}
table.tfh-form.tfh-info {
  border-color: #b0e1ef;
}
table.tfh-form.tfh-info th {
  background-color: #f8fcfe;
}
table.tfh-form.tfh-info th,
table.tfh-form.tfh-info td {
  border-color: #b0e1ef;
}
table.tfh-form.tfh-whiteMuted {
  border-color: #ececec;
}
table.tfh-form.tfh-whiteMuted th {
  background-color: #f9f9f9;
}
table.tfh-form.tfh-whiteMuted th,
table.tfh-form.tfh-whiteMuted td {
  border-color: #ececec;
}
table.tfh-form.tfh-skyblue {
  border-color: #c8e1ff;
}
table.tfh-form.tfh-skyblue th {
  background-color: #ecf4ff;
}
table.tfh-form.tfh-skyblue th,
table.tfh-form.tfh-skyblue td {
  border-color: #c8e1ff;
}
i.tfh-small,
i.tfh-address {
  color: gray;
}
i.tfh-small {
  font-size: 0.7em;
}
i.tfh-kbd {
  color: white;
  background-color: black;
  border-radius: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
fieldset.tfh-info ul,
div.tfh-board ul,
fieldset.tfh-info ol,
div.tfh-board ol,
fieldset.tfh-info li,
div.tfh-board li,
fieldset.tfh-info p,
div.tfh-board p {
  line-height: 20px;
}
fieldset.tfh-info ul,
div.tfh-board ul,
fieldset.tfh-info ol,
div.tfh-board ol {
  padding-left: 20px;
}
fieldset.tfh-group {
  position: relative;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
fieldset.tfh-group.tfh-muted {
  border-color: #4d4d4d;
}
fieldset.tfh-group.tfh-primary {
  border-color: #428bca;
}
fieldset.tfh-group.tfh-success {
  border-color: #5cb85c;
}
fieldset.tfh-group.tfh-info {
  border-color: #5bc0de;
}
fieldset.tfh-group.tfh-warning {
  border-color: #f0ad4e;
}
fieldset.tfh-group.tfh-danger {
  border-color: #d9534f;
}
fieldset.tfh-group.tfh-whiteMuted {
  border-color: #ececec;
}
fieldset.tfh-group.tfh-skyblue {
  border-color: #c8e1ff;
}
fieldset.tfh-group legend {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}
div.tfh-board {
  border-width: 1px;
  border-style: solid;
  border-color: lightgray;
  background-color: #F5F5F5;
  padding: 8px;
  border-radius: 4px;
  display: inline-block;
  border-left-width: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.tfh-board.tfh-muted {
  border-left-color: #4d4d4d;
}
div.tfh-board.tfh-muted header {
  color: #4d4d4d;
}
div.tfh-board.tfh-primary {
  border-left-color: #428bca;
}
div.tfh-board.tfh-primary header {
  color: #428bca;
}
div.tfh-board.tfh-success {
  border-left-color: #5cb85c;
}
div.tfh-board.tfh-success header {
  color: #5cb85c;
}
div.tfh-board.tfh-info {
  border-left-color: #5bc0de;
}
div.tfh-board.tfh-info header {
  color: #5bc0de;
}
div.tfh-board.tfh-warning {
  border-left-color: #f0ad4e;
}
div.tfh-board.tfh-warning header {
  color: #f0ad4e;
}
div.tfh-board.tfh-danger {
  border-left-color: #d9534f;
}
div.tfh-board.tfh-danger header {
  color: #d9534f;
}
div.tfh-board.tfh-whiteMuted {
  border-left-color: #ececec;
}
div.tfh-board.tfh-whiteMuted header {
  color: #ececec;
}
div.tfh-board.tfh-skyblue {
  border-left-color: #c8e1ff;
}
div.tfh-board.tfh-skyblue header {
  color: #c8e1ff;
}
div.tfh-board header {
  font-weight: bold;
}
div.tfh-board footer {
  color: gray;
}