@charset "utf-8";
.row:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; }
.col_1230, .col_930, .col_570, .col_370, .col_270, .col_210 { display: inline-block; float: left; margin: 0 15px; }
.col_875, .col_818, .col_720, .col_422, .col_407, .col_394, .col_379, .col_350, .col_345, .col_330, .col_272, .col_255, .col_253, .col_232, .col_220, .col_198, .col_174 { display: inline-block; float: left; margin: 0 15px; }
.col_1170 { width: 1170px }/* One Grid Basic*/
.col_930 { width: 930px }/* One Grid Basic*/
.col_875 { width: 875px }/* One Grid Basic*/
.col_818 { width: 818px }/* One Grid Basic*/
.col_720 { width: 720px }/* One Grid Basic*/
.col_570 { width: 570px; }/* Half Grid Basic*/
.col_422 { width: 422px; }/* Third Grid Basic*/
.col_407 { width: 407px; }/* Third Grid Basic*/
.col_394 { width: 394px; }/* Third Grid Basic*/
.col_379 { width: 379px; }/* Third Grid Basic*/
.col_370 { width: 370px; }/* Third Grid Basic*/
.col_350 { width: 350px; }/* Third Grid Basic*/
.col_345 { width: 345px; }/* Third Grid Basic*/
.col_330 { width: 330px; }/* Third Grid Basic*/
.col_255 { width: 255px; }/* Quarter Grid Basic*/
.col_253 { width: 253px; }/* Quarter Grid Basic*/
.col_272 { width: 270px; }/* Quarter Grid Basic*/
.col_270 { width: 270px; }/* Quarter Grid Basic*/
.col_232 { width: 232px; }/* Fifth Grid Basic*/
.col_220 { width: 220px; }/* Fifth Grid Basic*/
.col_210 { width: 210px; }/* Fifth Grid Basic*/
.col_198 { width: 198px; }/* Fifth Grid Basic*/
.col_174 { width: 174px; }/* Fifth Grid Basic*/
.col_s1170, .col_s570, .col_s370, .col_s270, .col_s210 { display: inline; float: left; margin: 0 0 0 -1px; list-style: none; border: 1px solid #ddd; background-color: #fff; height: 100px; }
.col_s1170 { margin-left: 0; }
.col_s570:first-child, .col_s370:first-child, .col_s270:first-child, .col_s210:first-child { margin-left: 0; }
.col_s1170 { width: 1170px; }/* One Grid Solid*/
.col_s570 { width: 50.086%; }/* Half Grid Solid*/
.col_s370 { width: 33.419%; }/* Third Grid Solid*/
.col_s270 { width: 25.086%; }/* Quarter Grid Solid*/
.col_s210 { width: 20.086%; }/* Fifth Grid Solid*/
.col_m1170, .col_m570, .col_m370, .col_m270, .col_m210 { display: inline; float: left; margin: 0 30px 0 0; list-style: none; color: #666666; background-color: #dddddd; height: 100px; }
.col_m1170 { margin-left: 0; }
.col_m570:first-child, .col_m370:first-child, .col_m270:first-child, .col_m210:first-child { margin-left: 0; }
.col_m1170 { width: 1170px; }/* One Grid Margin*/
.col_m570 { width: 570px; }/* Half Grid Margin*/
.col_m370 { width: 370px; }/* Third Grid Margin*/
.col_m270 { width: 270px; }/* Quarter Grid Margin*/
.col_m210 { width: 210px; }/* Fifth Grid Margin*/
.col_p1170, .col_p930, .col_p465, .col_p436, .col_p385, .col_p312, .col_p290, .col_p256, .col_p210 { display: inline; float: left; margin: 0 0 0 -1px; list-style: none; border: 1px solid #ddd; background-color: #fff; height: auto }
.col_p93m { display: inline; float: left; margin: 0 0 -1px 0; list-style: none; border: 1px solid #ddd; background-color: #fff; height: auto }
.col_p1170, .col_p930 { margin-left: 0; padding: 20px }
.col_p93m { margin-left: 0; padding: 0 20px 0 20px }
.col_p210 { margin-right: 30px }
.col_p465:first-child, .col_p436:first-child, .col_p385:first-child, .col_p312:first-child, .col_p290:first-child, .col_p256:first-child, .col_p210:first-child { margin-left: 0; }
.col_p1170 { width: 1170px; }/* One Grid Solid*/
.col_p930 { width: 930px; }/* Half Grid Solid*/
.col_p93m { width: 930px; }/* Half Grid Solid*/
.col_p465 { width: 39.830%; }/* Half Grid Solid*/
.col_p436 { width: 37.266%; }/* Half Grid Solid*/
.col_p385 { width: 32.992%; }/* Third Grid Solid*/
.col_p312 { width: 26.582%; }/* Quarter Grid Solid*/
.col_p290 { width: 24.873%; }/* Quarter Grid Solid*/
.col_p256 { width: 22.023%; }/* Quarter Grid Solid*/
.col_p210 { width: 210px; }/* Fifth Grid Solid*/
.col_g1170, .col_g935, .col_g877, .col_g780, .col_g570, .col_g467, .col_g438, .col_g390, .col_g370, .col_g270, .col_g293, .col_g235, .col_g210 { display: inline; float: left; padding: 30px 0 30px 0; list-style: none; border: 1px solid #ddd; background-color: #fff; height: 100px; }
.col_g1170 { margin-left: 0; }
.col_g935, .col_g877, .col_g780, .col_g467, .col_g438, .col_s390, .col_g293 { margin: 0 0 0 -1px; }
.col_g780:first-child, .col_g570:first-child, .col_g390:first-child, .col_g370:first-child, .col_g270:first-child, .col_g210:first-child { margin-left: 0; }
.col_g1170 { width: 1170px; }/* One Grid Solid*/
.col_g935 { width: 80.000%; }/* Half Grid Solid*/
.col_g877 { width: 75.129%; }/* Half Grid Solid*/
.col_g780 { width: 66.753%; }/* Half Grid Solid*/
.col_g467 { width: 40.044%; }/* Third Grid Solid*/
.col_g438 { width: 37.608%; }/* Third Grid Solid*/
.col_g390 { width: 390px; }/* Third Grid Solid*/
.col_g370 { width: 33.420%; }/* Third Grid Solid*/
.col_g293 { width: 293px; }/* Quarter Grid Solid*/
.col_g270 { width: 25.086%; }/* Quarter Grid Solid*/
.col_g235 { width: 235px; }/* Quarter Grid Solid*/
.col_g210 { width: 20.086%; }/* Fifth Grid Solid*/
div .w200 { width: 200px; }
div .w220 { width: 220px; }
div .w225 { width: 225px; }
div .w240 { width: 240px; }
div .w400 { width: 400px; }
div .w410 { width: 410px; }
div .w435 { width: 435px; }
div .w450 { width: 450px; }
div .w170t { width: 170px; display: inline-table; margin: 0 20px 0 20px }
div .w80t { width: 80px; display: inline-table; margin: 0 0 0 35px }
div .w60t { width: 60px; display: inline-table; margin: 0 20px 0 0 }
div .center { width: 100%; text-align: center }
/* Dropdown - select */
.selecter { display: block; position: relative; z-index: 1; }
.selecter .selecter-element {
*left:-999999px; height: 100%; left: 0; position: absolute; opacity: 0; z-index: -1; }
.selecter .selecter-element, .selecter .selecter-element:focus { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }
.selecter .selecter-selected { background: #FFF url(../../../images/base/layout/selecter-arrow.png) no-repeat right center; border: 1px solid #CCC; border-radius: 2px; color: #333; cursor: pointer; display: block; font-size: 14px; margin: 0; overflow: hidden; padding: 0 5px; position: relative; text-overflow: clip; z-index: 2; height: 30px; line-height: 30px; }
.selecter .selecter-options { border: 1px solid #CCC; border-width: 0 1px 1px; background-color: #fefefe; border-radius: 0 0 2px 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; *width:auto;
z-index: 50; line-height: 30px; }
.selecter .selecter-group { background: #F9F9F9; border-bottom: 1px solid #e3e3e3; color: #CCC; display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; }
.selecter .selecter-item { background: #fff; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 0 5px; text-overflow: ellipsis; width: 100%; }
.selecter .selecter-item.placeholder { display: none; }
.selecter .selecter-item.selected { background: #F9F9F9; }
.selecter .selecter-item.disabled { color: #999; cursor: default; }
.selecter .selecter-item:first-child { border-radius: 0; }
.selecter .selecter-item:last-child { border-radius: 0 0 2px 2px; border-bottom: 0; }
/* Open */
.selecter.open { z-index: 3; }
.selecter.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 51; }
.selecter.open .selecter-selected, .selecter.focus .selecter-selected { background-color: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
/* 'Cover' Positioning */
.selecter.cover .selecter-options { border-radius: 3px; border-width: 1px; top: 0; }
.selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0 0; }
.selecter.cover.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 49; }
/* 'Bottom' Positioning
.selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; }
.selecter.bottom .selecter-item:last-child { border: none; }
.selecter.bottom.open .selecter-selected { border-radius: 0 0 3px 3px; }
.selecter.bottom.open .selecter-options { border-radius: 3px 3px 0 0; }
/* 'Bottom' + 'Cover' Positioning */
.selecter.bottom.cover .selecter-options { bottom: 0; top: auto; }
.selecter.bottom.cover.open .selecter-selected { border-radius: 3px; }
.selecter.bottom.cover.open .selecter-options { border-radius: 3px; }
/* Multiple Select */
.selecter.multiple .selecter-options { border-radius: 3px; border-width: 1px; box-shadow: none; display: block; position: static; width: 100%; }
/* 'Disabled' State */
.selecter.disabled .selecter-selected { background: #fff; border-color: #eee; color: #ccc; cursor: default; }
.selecter.disabled .selecter-options { background: #fff; border-color: #eee; }
.selecter.disabled .selecter-group, .selecter.disabled .selecter-item { border-color: #eee; color: #ccc; cursor: default; }
.selecter.disabled .selecter-item.selected { background: #fafafa; }
/* Scroller Support */
.selecter .selecter-options.scroller { overflow: hidden; }
.selecter .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; }
/* Select Size */
.select-container { text-align: left; display: inline-table; }
.select-container.w500 .selecter, .select-container.w500 .selecter .selecter-selected, .select-container.w500 .selecter .selecter-options, input.w500, .w500 { width: 500px; }
.select-container.w400 .selecter, .select-container.w400 .selecter .selecter-selected, .select-container.w400 .selecter .selecter-options, input.w400, .w400 { width: 400px; }
.select-container.w370 .selecter, .select-container.w370 .selecter .selecter-selected, .select-container.w370 .selecter .selecter-options, input.w370, .w370 { width: 370px; }
.select-container.w340 .selecter, .select-container.w340 .selecter .selecter-selected, .select-container.w340 .selecter .selecter-options, input.w340, .w340 { width: 340px; }
.select-container.w300 .selecter, .select-container.w300 .selecter .selecter-selected, .select-container.w300 .selecter .selecter-options, input.w300, .w300 { width: 300px; }
.select-container.w290 .selecter, .select-container.w290 .selecter .selecter-selected, .select-container.w290 .selecter .selecter-options, input.w290, .w290 { width: 290px; }
.select-container.w280 .selecter, .select-container.w280 .selecter .selecter-selected, .select-container.w280 .selecter .selecter-options, input.w280, .w280 { width: 280px; }
.select-container.w275 .selecter, .select-container.w275 .selecter .selecter-selected, .select-container.w275 .selecter .selecter-options, input.w275, .w275 { width: 275px; }
.select-container.w270 .selecter, .select-container.w270 .selecter .selecter-selected, .select-container.w270 .selecter .selecter-options, input.w270, .w270 { width: 270px; }
.select-container.w260 .selecter, .select-container.w260 .selecter .selecter-selected, .select-container.w260 .selecter .selecter-options, input.w260, .w260 { width: 260px; }
.select-container.w250 .selecter, .select-container.w250 .selecter .selecter-selected, .select-container.w250 .selecter .selecter-options, input.w250, .w250 { width: 250px; }
.select-container.w240 .selecter, .select-container.w240 .selecter .selecter-selected, .select-container.w240 .selecter .selecter-options, input.w240, .w240 { width: 240px; }
.select-container.w230 .selecter, .select-container.w230 .selecter .selecter-selected, .select-container.w230 .selecter .selecter-options, input.w230, .w230 { width: 230px; }
.select-container.w220 .selecter, .select-container.w220 .selecter .selecter-selected, .select-container.w220 .selecter .selecter-options, input.w220, .w220 { width: 220px; }
.select-container.w210 .selecter, .select-container.w210 .selecter .selecter-selected, .select-container.w210 .selecter .selecter-options, input.w210, .w210 { width: 210px; }
.select-container.w200 .selecter, .select-container.w200 .selecter .selecter-selected, .select-container.w200 .selecter .selecter-options, input.w200, .w200 { width: 200px; }
.select-container.w190 .selecter, .select-container.w190 .selecter .selecter-selected, .select-container.w190 .selecter .selecter-options, input.w190, .w190 { width: 190px; }
.select-container.w180 .selecter, .select-container.w180 .selecter .selecter-selected, .select-container.w180 .selecter .selecter-options, input.w180, .w180 { width: 180px; }
.select-container.w170 .selecter, .select-container.w170 .selecter .selecter-selected, .select-container.w170 .selecter .selecter-options, input.w170, .w170 { width: 170px; }
.select-container.w160 .selecter, .select-container.w160 .selecter .selecter-selected, .select-container.w160 .selecter .selecter-options, input.w160, .w160 { width: 160px; }
.select-container.w150 .selecter, .select-container.w150 .selecter .selecter-selected, .select-container.w150 .selecter .selecter-options, input.w150, .w150 { width: 150px; }
.select-container.w140 .selecter, .select-container.w140 .selecter .selecter-selected, .select-container.w140 .selecter .selecter-options, input.w140, .w140 { width: 140px; }
.select-container.w130 .selecter, .select-container.w130 .selecter .selecter-selected, .select-container.w130 .selecter .selecter-options, input.w130, .w130 { width: 130px; }
.select-container.w120 .selecter, .select-container.w120 .selecter .selecter-selected, .select-container.w120 .selecter .selecter-options, input.w120, .w120 { width: 120px; }
.select-container.w110 .selecter, .select-container.w110 .selecter .selecter-selected, .select-container.w110 .selecter .selecter-options, input.w110, .w110 { width: 110px; }
.select-container.w100 .selecter, .select-container.w100 .selecter .selecter-selected, .select-container.w100 .selecter .selecter-options, input.w100, .w100 { width: 100px; }
.select-container.w90 .selecter, .select-container.w90 .selecter .selecter-selected, .select-container.w90 .selecter .selecter-options, input.w90 { width: 90px; }
.select-container.w80 .selecter, .select-container.w80 .selecter .selecter-selected, .select-container.w80 .selecter .selecter-options, input.w80 { width: 80px; }
.select-container.w70 .selecter, .select-container.w70 .selecter .selecter-selected, .select-container.w70 .selecter .selecter-options, input.w70 { width: 70px; }
.select-container.w60 .selecter, .select-container.w60 .selecter .selecter-selected, .select-container.w60 .selecter .selecter-options, input.w60 { width: 60px; }
.select-container.w50 .selecter, .select-container.w50 .selecter .selecter-selected, .select-container.w50 .selecter .selecter-options, input.w50 { width: 50px; }
.select-container.w40 .selecter, .select-container.w40 .selecter .selecter-selected, .select-container.w40 .selecter .selecter-options, input.w40 { width: 40px; }
/*! formstone v0.7.17 [checkbox.css] 2015-08-26 | MIT License | formstone.it */
.fs-checkbox.fs-checkbox-enabled { cursor: pointer; margin: 0 0 10px 0; overflow: hidden; }
.fs-checkbox.fs-checkbox-enabled:focus { box-shadow: none; outline: none; }
.fs-checkbox, .fs-checkbox:after, .fs-checkbox:before, .fs-checkbox *, .fs-checkbox *:after, .fs-checkbox *:before { box-sizing: border-box; -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
.fs-checkbox-element_wrapper { position: relative; border: 0; height: 0; margin: 0; opacity: 0; overflow: hidden; padding: 0; width: 0; }
.fs-checkbox-element { position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none; -webkit-transition: none; transition: none; }
.fs-checkbox-label { cursor: pointer; display: inline-block; font-size: 15px; line-height: 20px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.fs-checkbox-marker { width: 20px; height: 20px; background: #ffffff; border: 1px solid #cccccc; border-radius: 2px; cursor: pointer; display: block; float: left; margin: 0 5px 0 0; }
.fs-checkbox-flag { width: 100%; height: 100%; margin: 0; }
.fs-checkbox-flag:before { width: 5px; height: 10px; border: 2px solid #999999; border-top: 0; border-left: 0; content: ''; display: block; margin: 3px 0 0 6px; -webkit-transition: -webkit-transform 0.15s ease; transition: transform 0.15s ease; -webkit-transform: rotate(45deg) scale(0); -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); }
.fs-checkbox-checked .fs-checkbox-flag:before { -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); }
.no-csstransforms .fs-checkbox-flag:before { width: 100%; height: 100%; content: "\2713"; display: none; line-height: 1; text-align: center; }
.no-csstransforms .fs-checkbox-checked .fs-checkbox-flag:before { display: block; }
.fs-checkbox-radio .fs-checkbox-marker { border-radius: 100%; }
.fs-checkbox-radio .fs-checkbox-flag { background: #999999; border: 3px solid #ffffff; border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s ease; transition: transform 0.15s ease; }
.fs-checkbox-radio .fs-checkbox-flag:before { display: none; }
.fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag:before { display: none; }
.no-csstransforms .fs-checkbox-radio .fs-checkbox-flag:before { display: none; }
.no-csstransforms .fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag:before { display: block; }
.fs-checkbox-focus .fs-checkbox-label { color: #333333; }
.fs-checkbox-focus .fs-checkbox-marker { border-color: #999999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.fs-checkbox-disabled { cursor: default; opacity: 0.5; }
.fs-checkbox-disabled .fs-checkbox-label { color: #666666; cursor: default; }
.fs-checkbox-disabled .fs-checkbox-marker { border-color: #cccccc; cursor: default; }
.fs-checkbox-toggle { position: relative; }
.fs-checkbox-toggle .fs-checkbox-label { line-height: 30px; }
.fs-checkbox-toggle .fs-checkbox-marker { width: 100px; height: 30px; position: relative; border-radius: 3px; }
.fs-checkbox-toggle .fs-checkbox-marker:after { clear: both; content: ''; display: table; }
.fs-checkbox-toggle .fs-checkbox-flag { width: 50%; height: 100%; position: absolute; top: 0; left: 0; background: #999999; border: 2px solid #ffffff; border-radius: 3px; display: block; margin: 0; -webkit-transition: left 0.15s ease; transition: left 0.15s ease; }
.fs-checkbox-toggle .fs-checkbox-flag:before { display: none; }
.fs-checkbox-toggle .fs-checkbox-flag:after { width: 2px; height: 10px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff; box-shadow: 3px 0 0 #ffffff, -3px 0 0 #ffffff; content: ''; margin: auto; opacity: 0.75; }
.no-touch .fs-checkbox-toggle:hover .fs-checkbox-flag:after { opacity: 1; }
.fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag { left: 50%; }
.fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag:before { display: none; }
.fs-checkbox-toggle.fs-checkbox-disabled .fs-checkbox-flag:after { display: none; }
.fs-checkbox-toggle .fs-checkbox-state { width: 50%; color: #666666; display: block; font-size: 12px; line-height: 30px; margin: 0; text-align: center; text-transform: uppercase; }
.fs-checkbox-toggle .fs-checkbox-state_on { float: left; }
.fs-checkbox-toggle .fs-checkbox-state_off { float: right; }
.ff2 { font-family: 'Tahoma', tahoma; font-size: 11px; color: #a8a8b7 !important; }
/* UI Object */
.tbl_type, .tbl_type th, .tbl_type td { border: 0 }
.tbl_type { width: 100%; border-bottom: 2px solid #dcdcdc; font-size: 15px; text-align: center; border-collapse: collapse }
.tbl_type caption { display: none }
.tbl_type tfoot { background-color: #f5f7f9; font-weight: bold }
.tbl_type th { padding: 14px 0 15px; border-top: 1px solid #00A3D9; background-color: #e9ecef; color: #757584; font-weight: bold }
.tbl_type td { padding: 14px 0 14px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #4c4c4c }
.tbl_type td.ranking { font-weight: bold }
.form_table { margin: 0 0 1em 0; font-size: 15px; }
.form_table input, .form_table textarea, .form_table select, .form_table table, .form_table button { font-size: 15px }
.form_table table { width: 100%; border: 0; border-top: 1px solid #00a3d9 }
.form_table caption { padding: 8px 0; font-weight: bold; text-align: left }
.form_table th, .form_table td { padding: 10px; border: 0; }
.form_table th { color: #333 }
.form_table td { color: #666 }
.form_table thead th { border-bottom: 1px solid #ccc; background: #f4f5f7; text-align: left }
.form_table tbody th { border-bottom: 1px solid #ddd; background: #f4f5f7; text-align: left }
.form_table tfoot th { border-bottom: 1px solid #ddd; text-align: lef }
.form_table tbody td { border-bottom: 1px solid #ddd; text-align: lef }
.form_table tfoot td { border-bottom: 1px solid #ddd; font-weight: bold; color: #333 }
.form_table .item { position: relative; margin: -4px 0 }
.form_table .item .i_help { position: absolute; top: 4px; right: 0 }
.form_table .item .i_label { top: 6px; left: 10px }
.form_table .item .i_dsc { margin: 2px 0 }
.form_table .item .i_check, .form_table .item .i_radio { width: 13px; height: 13px; margin: 2px 5px 2px 0; padding: 0; vertical-align: middle }
.form_table .item .i_text { position: relative; margin: 2px; padding: 3px 4px; border: 1px solid #b7b7b7; border-right-color: #e1e1e1; border-bottom-color: #e1e1e1; background: transparent }
.form_table .item .hide { visibility: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0 }
.form_table .item select { margin: 2px }
.form_table .item label { margin: 0 10px 0 0; cursor: pointer }
.form_table01 { margin: 0; font-size: 15px; }
.form_table01 input, .form_table01 textarea, .form_table01 select, .form_table01 table, .form_table01 button { font-size: 15px }
.form_table01 table { width: 100%; border: 0; }
.form_table01 caption { padding: 8px 0; font-weight: bold; text-align: left }
.form_table01 th, .form_table01 td { padding: 10px; border: 0; }
.form_table01 th { color: #333 }
.form_table01 td { color: #666 }
.form_table01 thead th { border-bottom: 0px solid #ccc; background: #f4f5f7; }
.form_table01 tbody th { border-bottom: 0px solid #ddd; background: #f4f5f7; }
.form_table01 tfoot th { border-bottom: 0px solid #ddd; text-align: lef }
.form_table01 tbody td { border-bottom: 0px solid #ddd; text-align: lef }
.form_table01 tfoot td { border-bottom: 0px solid #ddd; font-weight: bold; color: #333 }
.ul { list-style: none; margin: 0; padding: 0; }
.ul li { list-style: none; margin: 0; padding: 0; display: table-cell; padding-right: 15px; }
/* dropdowns_enhancement */
.icon { display: inline-block; position: relative; width: 5px; height: 5px; margin: 14px 0 0 0;; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.icon:before, .icon:after { content: ""; position: absolute; }
.dropp { margin-bottom: 5px; }
.dropp-header { background: #FFF; color: #757584; border: 1px solid #DDD; border-radius: 2px; font-size: 13px; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; }
.dropp-header__title { display: inline-block; padding: 8px 10px 7px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;vertical-align: top; }
.dropp-header__btn.js-open02 { background: #FFF; }
.dropp-header__btn:focus { outline: none; }
.dropp.w120 .dropp-body { width: 120px; }
.dropp-body { overflow: hidden; max-height: 0; background: #FFF; color: #757584; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; border-top: none; }
.dropp-body.js-open02 { max-height: 20em; }
.dropp-body label { display: block; font-size: 0.875em; color: #757584; text-decoration: none; padding: 8px 23px 7px; font-weight: 400; cursor: pointer; margin: 0; border: 1px solid #DDD; border-top: none; }
.dropp-body label:first-child { box-shadow: none; }
.dropp-body label:hover, .dropp-body label.js-open02 { background: #F4F5F7; }
.dropp-body label > input { display: none; }
/* Simple Pagination */
ul.simple-pagination { list-style: none; }
.simple-pagination { overflow: hidden; padding: 0; margin: 0 auto; }
.simple-pagination ul { list-style: none; padding: 0; margin: 0; }
.simple-pagination li { list-style: none; padding: 0; margin: 0; float: left; }
.compact-theme a, .compact-theme span { font-family: Tahoma; float: left; color: #A8A8A7; font-size: 13px; line-height: 35px; font-weight: normal; text-align: center; border: 1px solid #DDD; border-left: none; min-width: 14px; background: #FFF; height: 35px; padding: 0 12px; }
.compact-theme a:hover { text-decoration: none; background: #F6F6F6; color: #00A3D9; }
.compact-theme li:first-child a, .compact-theme li:first-child span { border-left: 1px solid #DDD; border-radius: 3px 0 0 3px; }
.compact-theme li:last-child a, .compact-theme li:last-child span { border-radius: 0 3px 3px 0; }
.compact-theme .current, .recipe .compact-theme .current { background: #F6F6F6; color: #00A3D9; cursor: default; font-weight: bold; }
.compact-theme .ellipse { background: #FFF; padding: 0 12px; cursor: default; }
.compact-theme .prev, .compact-theme .next { text-indent: -99999px; }
.compact-theme .prev { background: url(../../../images/base/common/bt_prev.png) no-repeat 50% 0; height: 35px; padding: 0 18px; }
.compact-theme .prev:hover { background: url(../../../images/base/common/bt_prev.png) no-repeat 50% -70px; height: 35px; }
.compact-theme .prev.current { background: url(../../../images/base/common/bt_prev.png) no-repeat 50% -35px; height: 35px; }
.compact-theme .next { background: url(../../../images/base/common/bt_next.png) no-repeat 50% 0; height: 35px; padding: 0 18px; }
.compact-theme .next:hover { background: url(../../../images/base/common/bt_next.png) no-repeat 50% -70px; height: 35px; }
.compact-theme .next.current { background: url(../../../images/base/common/bt_next.png) no-repeat 50% -35px; height: 35px; }
/* Search Table */
.search-container { width: 100%; min-width: auto; border: 1px solid #e3e4e5; padding: 0px 10px 0px 10px; background-color: #FFF; min-height: 20px; background-color: #f5f6f7; border-radius: 4px; margin-top:0px;}
.search-container table { width: 100%; border-collapse: collapse; min-width: auto; table-layout: fixed; }
.search-container table th { border-bottom: 1px solid #E3E4E5; font-size: 15px; color: #757584; text-align: left; padding: 0px 5px 0px 30px; line-height: 30px; font-weight: 500; height: 30px; white-space: nowrap; font-family:Calibri; }
.search-container table tr th:first-child { padding: 5px; }
.search-container table td { border-bottom: 1px solid #E3E4E5; font-size: 14px; text-align: left; color: #757584; height: 30px; white-space: nowrap; padding: 0px 5px; line-height:1.4285;}
.search-container table tbody tr:last-child th, .search-container table tbody tr:last-child td { border-bottom: none; }
.search-container .ul { list-style: none; margin: 0; padding: 0; height: 20px; }
.search-container .ul li { list-style: none; margin: 0; padding: 0; display: table-cell; padding-right: 15px; }
.search-container label { margin: 0; padding: 0; }
.search-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; }
/* List Table */
.list-container { margin-bottom: 20px; }
.list-container table { clear: both; width: 100%; border-top: 1px solid #00A3D9; border-bottom: 1px solid #DCDCDC; border-collapse: collapse; table-layout: fixed; min-width: auto; margin: 0 auto; }
.list-container table th { background: #F5F6F7; border-bottom: 1px solid #E3E4E5; font-size: 15px; color: #757584; padding: 13px 10px; line-height: 15px; font-weight: 500; }
.list-container table td { background: #FFF; border-bottom: 1px solid #E3E4E5; font-size: 14px; padding: 8px 10px; color: #4c4c4c; height:42px;}
.list-container table.nowrap th, .list-container table.nowrap td { white-space: nowrap; }
.list-container table tbody tr:hover td { background: #F5F6F7; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.list-container table td a { color: #4C4C4C; text-decoration: none; }
.list-container table td a:hover { color: #00A3D9; }
.list-container table td.subject, table table td.subject { text-align: left !important; color: #4C4C4C; font-weight: 400; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 80px; height:42px; }
.list-container table td.ellipsis, td.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-container table tbody tr:last-child th, .list-container table tbody tr:last-child td { border-bottom: none; }
.list-container table tfoot th, .list-container table tfoot td { background: #FFF7D4 !important; border-top: 1px solid #BBB !important; border-bottom: 1px solid #BBB !important; font-weight: 800; }
.list-container table td.num, table table td.num { font-size: 11px; padding: 15px 10px; line-height: 15px; text-align: center; font-weight: normal; font-family: Tahoma; color: #9797A6; }
.list-container table td.no-data { height: 200px; }
.list-container table td.no-data:hover { background: #FFF; }
.list-container table .fs-checkbox { margin: 0 auto !important; text-align: center; width:20px;}
.list-container table .fs-checkbox-marker { float: none; margin: 0 !important; text-align: center; }
.list-container .total { font-size: 11px; font-family: Tahoma; color: #555; }
.list-container .board-footer, .board-footer { margin-top: 10px; text-align: center; }
.list-container .board-footer a.btn, .board-footer a.btn { margin: 0 0 0 5px; }
.list-container .board-footer a.btn:first-child, .board-footer a.btn:first-child { margin: 0; }
/** 일정계획(WBS) List 및 Gantt chart 용 Table 시작
* 작성자 : 유현종
**/
.list-containerWBS { margin-bottom: 20px; }
.list-containerWBS b{ font-weight: 800; font-size: 15px; }
.list-containerWBS table { clear: both; width: 100%; border-top: 1px solid #2B60A2; border-bottom: 1px solid #DCDCDC; border-collapse: collapse; table-layout: fixed; min-width: auto; margin: 0 auto; }
.list-containerWBS table th { background: #F5F6F7; border-bottom: 1px solid #E3E4E5; font-size: 14px; color: #757584; padding: 13px 10px; line-height: 15px; font-weight: 800; }
.list-containerWBS table td { background: #FFF; border-bottom: 1px solid #E3E4E5; font-size: 13px; padding: 12px 10px; color: #525261; }
.list-containerWBS table.nowrap th, .list-containerWBS table.nowrap td { white-space: nowrap; }
.list-containerWBS .tr_click { background: #FFFFAA; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.list-containerWBS table td a { color: #4C4C4C; text-decoration: none; }
.list-containerWBS table td a:hover { color: #00A3D9; }
.list-containerWBS table td.subject, table table td.subject { text-align: left !important; color: #4C4C4C; font-weight: 800; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px; }
.list-containerWBS table td.ellipsis, td.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-containerWBS table tbody tr:last-child th, .list-containerWBS table tbody tr:last-child td { border-bottom: none; }
.list-containerWBS table tfoot th, .list-containerWBS table tfoot td { background: #FFF7D4 !important; border-top: 1px solid #BBB !important; border-bottom: 1px solid #BBB !important; font-weight: 800; }
.list-containerWBS table td.num, table table td.num { font-size: 11px; padding: 15px 10px; line-height: 15px; text-align: center; font-weight: normal; font-family: Tahoma; color: #9797A6; }
.list-containerWBS table td.no-data { height: 200px; }
.list-containerWBS table td.no-data:hover { background: #FFF; }
.list-containerWBS table .fs-checkbox { margin: 0 auto !important; text-align: center; }
.list-containerWBS table .fs-checkbox-marker { float: none; margin: 0 !important; text-align: center; }
.list-containerWBS .total { font-size: 11px; font-family: Tahoma; color: #555; }
.list-containerWBS .board-footer, .board-footer { margin-top: 10px; text-align: center; }
.list-containerWBS .board-footer a.btn, .board-footer a.btn { margin: 0 0 0 5px; }
.list-containerWBS .board-footer a.btn:first-child, .board-footer a.btn:first-child { margin: 0; }
.list-containerWBS h5{margin:20px 0 10px 0;color:#2692FF;font-size:17px;}
/** 일정계획(WBS) List 및 Gantt chart 용 Table 종료**/
/* View Table */
.view-container { width: 100%; min-width: auto; margin: 0 auto; margin-bottom: 20px; }
.view-container table { width: 100%; border-collapse: collapse; white-space: nowrap; background-color: #FFF; }
.view-container table th { background: #F8F7F6; border-bottom: 1px solid #DDD; font-size: 14px; color: #8785A0; text-align: left; padding: 7px 20px 2px 20px; line-height: 37px; font-weight: 800; height: 50px; }
.view-container table td { border-bottom: 1px solid #DDD; font-size: 14px; padding: 7px 20px 2px 20px; text-align: left; color: #162A37; line-height: 37px; height: 50px; }
.view-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; }
.view-container:after { background: url(../images/bg_shadow2.png) repeat-x; height: 5px; overflow: visible; }
.view-header { width: 100%; height: 50px; background-color: #F8F7F6; padding: 0 20px; border-top: 2px solid #20699A; border-bottom: 1px solid #ddd; }
.view-header h6 { float: left; display: table-cell; font-size: 18px; line-height: 50px; }
.view-header .info { float: right; display: table-cell; font-size: 13px; text-align: right; line-height: 48px; }
.view-header .info .date { font-size: 11px; padding-left: 10px; font-weight: normal; font-family: Tahoma; color: #9797A6; }
.view-header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; }
/* Write Table */
.write-container { width: 100%; min-width: auto; margin: 0 auto; margin-bottom: 20px; }
.write-container table { clear: both; width: 100%; border-top: 1px solid #00A3D9; border-bottom: 1px solid #DCDCDC; border-collapse: collapse; table-layout: fixed; min-width: auto; margin: 0 auto; }
.write-container table th { background: #F5F6F7; border-bottom: 1px solid #E3E4E5; font-size: 15px; color: #757584; text-align: left; padding: 2px 20px 0 20px; line-height: 20px; font-weight: 500; height: 42px; }
.write-container table td { border-bottom: 1px solid #E3E4E5; font-size: 15px; padding: 2px 20px 0 20px; text-align: left; color: #4C4C4C; line-height: 20px; height: 42px; }
.write-container table td.textarea { padding: 2px 20px 2px 20px; line-height: 0px; }
.write-container table td.desc { padding: 9px 20px 8px; }
.write-container table td.desc span, td.desc span { display: block; color: #F60; padding-top: 5px; }
.write-container table tfoot th, .write-container table tfoot td { background: #FFF7D4 !important; border-top: 1px solid #BBB !important; border-bottom: 1px solid #BBB !important; }
.write-container .ul { list-style: none; margin: 0; padding: 0; }
.write-container .ul li { list-style: none; margin: 0; padding: 0; display: table-cell; padding-right: 15px; }
.write-container label { margin: 0; padding: 0; }
.write-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; }
/* Tab */
.tab-container { width: 100%; min-width: auto; margin: 0 auto; margin-bottom: 20px; background: #FFF; }
.authority-tabs { font-weight: 800; border: 1px solid #DCDCDC; border-left: none; border-right: none; border-radius: 4px 4px 0 0; }
.authority-tabs > li { float: left; width: 50%; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; text-align: center; font-size: 14px; color: #737384; background: #F5F6F7; }
.authority-tabs > li:first-child { border-radius: 4px 0 0 0; }
.authority-tabs > li:last-child { border-radius: 0 4px 0 0; border-left: 1px solid transparent; }
.authority-tabs > li > a { padding: 13px 20px; margin-right: 0; color: #737384; }
.authority-tabs > li:last-child > a { margin-right: 0; }
.authority-tabs > li > a:hover { color: #00A3D9; }
.authority-tabs > li.active > a, .authority-tabs > li.active > a:hover, .authority-tabs > li.active > a:focus { color: #00A3D9; cursor: default; background-color: #FFF; }
.authority-tabs + .tab-content { border: 1px solid #DCDCDC; border-top: none; padding: 20px; border-radius: 0 0 4px 4px; }
.tab-content p { font-weight: 600; }
.nav-tabs { font-weight: 800; }
.nav-tabs > li { float: left; border: 1px solid #DCDCDC; text-align: center; font-size: 14px; color: #737384; background: #F5F6F7; margin-right: -1px; }
.nav-tabs > li:first-child { border-radius: 4px 0 0 0; }
.nav-tabs > li:last-child { border-radius: 0 4px 0 0; }
.nav-tabs > li > a { padding: 13px 20px; border: 1px solid transparent; margin-right: 0; color: #737384; }
.nav-tabs > li:last-child > a { margin-right: 0; }
.nav-tabs > li > a:hover { color: #00A3D9; border: 1px solid transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #00A3D9; cursor: default; background-color: #FFF; border: 1px solid transparent; }
/* Alert */
.alert-container { width: 100%; min-width: auto; margin: 0 auto; margin-bottom: 20px; }
.alert { padding: 20px 20px 20px 0; }
/* Layer popup */
.popup { width: 100%; min-width: auto; margin: 0 auto; margin-bottom: 20px; }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../../images/base/common/common-close.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../../../images/base/common/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: 13px; right: 20px; width: 27px; height: 26px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: visible !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../../../images/base/common/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Steps */
/* --------------------------------
Basic Style
-------------------------------- */
.cd-breadcrumb, .cd-multi-steps { width: 100%; max-width: 888px; padding: 0.5em 1em; margin: 1em auto; background-color: #edeff0; border-radius: .25em; }
.cd-breadcrumb:after, .cd-multi-steps:after { content: ""; display: table; clear: both; }
.cd-breadcrumb li, .cd-multi-steps li { display: inline-block; float: left; margin: 0.5em 0; }
.cd-breadcrumb li::after, .cd-multi-steps li::after { /* this is the separator between items */ display: inline-block; content: '\00bb'; margin: 0 .6em; color: #959fa5; }
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after { /* hide separator after the last item */ display: none; }
.cd-breadcrumb li > *, .cd-multi-steps li > * { /* single step */ display: inline-block; font-size: 1.4rem; color: #2c3f4c; }
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * { /* selected step */ color: #96c03d; }
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover { /* steps already visited */ color: #96c03d; }
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after { /* replace the default arrow separator with a custom icon */ content: ''; height: 16px; width: 16px; background: url(../img/cd-custom-separator.svg) no-repeat center center; vertical-align: middle; }
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before { /* add a custom icon before each item */ content: ''; display: inline-block; height: 20px; width: 20px; margin-right: .4em; margin-top: -2px; background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0; vertical-align: middle; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before { /* change custom icon using image sprites */ background-position: -20px 0; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before { background-position: -40px 0; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before { background-position: -60px 0; }
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before { /* change custom icon for the current item */ background-position: 0 -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before { background-position: -20px -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before { background-position: -40px -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before { background-position: -60px -20px; }
@media only screen and (min-width: 768px) {
.cd-breadcrumb, .cd-multi-steps { padding: 0 1.2em; }
.cd-breadcrumb li, .cd-multi-steps li { margin: 1.2em 0; }
.cd-breadcrumb li::after, .cd-multi-steps li::after { margin: 0 1em; }
.cd-breadcrumb li > *, .cd-multi-steps li > * { font-size: 1.4rem; }
}
/* --------------------------------
Triangle breadcrumb
-------------------------------- */
@media only screen and (min-width: 768px) {
.cd-breadcrumb.triangle { /* reset basic style */ background-color: transparent; padding: 0; }
.cd-breadcrumb.triangle li { position: relative; padding: 0; margin: 4px 4px 4px 0; }
.cd-breadcrumb.triangle li:last-of-type { margin-right: 0; }
.cd-breadcrumb.triangle li > * { position: relative; padding: 1em .8em 1em 2.5em; color: #2c3f4c; background-color: #edeff0; /* the border color is used to style its ::after pseudo-element */ border-color: #edeff0; }
.cd-breadcrumb.triangle li.current > * { /* selected step */ color: #ffffff; background-color: #96c03d; border-color: #96c03d; }
.cd-breadcrumb.triangle li:first-of-type > * { padding-left: 1.6em; border-radius: .25em 0 0 .25em; }
.cd-breadcrumb.triangle li:last-of-type > * { padding-right: 1.6em; border-radius: 0 .25em .25em 0; }
.no-touch .cd-breadcrumb.triangle a:hover { /* steps already visited */ color: #ffffff; background-color: #2c3f4c; border-color: #2c3f4c; }
.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after { /*
li > *::after is the colored triangle after each item
li::after is the white separator between two items
*/ content: ''; position: absolute; top: 0; left: 100%; content: ''; height: 0; width: 0; /* 48px is the height of the element */ border: 24px solid transparent; border-right-width: 0; border-left-width: 20px; }
.cd-breadcrumb.triangle li::after { /* this is the white separator between two items */ z-index: 1; -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); border-left-color: #ffffff; /* reset style */ margin: 0; }
.cd-breadcrumb.triangle li > *::after { /* this is the colored triangle after each element */ z-index: 2; border-left-color: inherit; }
.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after { /* hide the triangle after the last step */ display: none; }
.cd-breadcrumb.triangle.custom-separator li::after { /* reset style */ background-image: none; }
.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after { /* 50px is the height of the element */ border-top-width: 25px; border-bottom-width: 25px; }
@-moz-document url-prefix() {
.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
/* fix a bug on Firefix - tooth edge on css triangle */
border-left-style: dashed;
}
}
.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }
.checkbox { padding-left: 20px; }
.checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; }
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: 'Glyphicons Halflings'; content: "\e013"; }
.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
.checkbox.checkbox-circle label::before { border-radius: 50%; }
.checkbox.checkbox-inline { margin-top: 3px; }
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #fff; }
.radio { padding-left: 20px; }
.radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] { opacity: 0; z-index: 1; }
.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label { opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }
.radio.radio-inline { margin-top: 3px; }
.radio-primary input[type="radio"] + label::after { background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7; }
.radio-danger input[type="radio"] + label::after { background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; }
.radio-info input[type="radio"] + label::after { background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; }
.radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; }
.radio-success input[type="radio"] + label::after { background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; }
input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'Glyphicons Halflings'; content: "\e013"; }
input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #fff; }
input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #fff; }
textarea {margin-top: 3px;}