/************************************************************************************************************
 *
 * @ Version 3.0.1
 * @ PIGNOSE Tab
 * @ Date 03. 24. 2016
 * @ Author PIGNOSE
 * @ Licensed under MIT.
 *
 ***********************************************************************************************************/

.pignose-tab-wrapper { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pignose-tab-wrapper .pignose-tab-btn { display: block; min-width: 10em; height: 2.8em; padding: 0 1em; font: inherit; font-size: 100%; text-align: center; text-decoration: none; color: #555555; background-color: #f2f2f2; border: 1px solid #dfdfdf; border-bottom-width: 0; border-right-width: 0; line-height: 2.8em; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pignose-tab-wrapper .pignose-tab-btn:hover { background-color: #f4f4f4; }
.pignose-tab-wrapper .pignose-tab-btn.active { margin-bottom: -1px; padding-bottom: 11px; color: #333333; background-color: #ffffff; border-color: #d8d8d8; font-weight: 600; }
.pignose-tab-wrapper .pignose-tab-btn.last-btn { border-right-width: 1px; }
.pignose-tab-wrapper .pignose-tab-group { display: block; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #bebebe; position: relative; *zoom: 1; }
.pignose-tab-wrapper .pignose-tab-group:after { display: block; content: ""; clear: both; }
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list { float: left; }
.pignose-tab-wrapper .pignose-tab-container { display: none; width: 100%; min-height: 100px; padding: .6em 1em; position: absolute; left: 0; top: 44px; text-align: left; }
.pignose-tab-wrapper .pignose-tab-container.active { display: block; }
.pignose-tab-wrapper .pignose-tab-more { display: none; position: absolute; top: 8px; right: 15px; text-decoration: none; color: #555555; }
.pignose-tab-wrapper .active .pignose-tab-more { display: block; }
.pignose-tab-wrapper .pignose-sub-tab-wrapper { padding: 0; }

.pignose-tab-mint { border-color: #d8d8d8 !important; box-shadow: 0 0 4px rgba(0, 0, 0, .25); border-radius: 3px; border: 1px solid #a1a1a1; }
.pignose-tab-mint .pignose-tab-btn { background-color: transparent; color: #42444a; border-color: transparent; transition: color .3s ease, border-color .3s ease, background-color .3s ease; -o-transition: color .3s ease, background-color .3s ease; -o-transition: color .3s ease, border-color .3s ease, background-color .3s ease; -moz-transition: color .3s ease, border-color .3s ease, background-color .3s ease; -webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease; }
.pignose-tab-mint .pignose-tab-btn:hover { background-color: #f2f2f2; }
.pignose-tab-mint .pignose-tab-btn.active { background-color: #60bac2; color: #ffffff; border-color: #60bac2; }
.pignose-tab-mint .pignose-tab-group { border-bottom-color: #209799; }
.pignose-tab-mint .pignose-tab-container { color: #209799; }

.pignose-tab-response { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; }
.pignose-tab-response .pignose-tab-btn { width: 100%; min-width: 0; }
.pignose-tab-response .pignose-tab-group { white-space: nowrap; }
.pignose-tab-response .pignose-tab-list { width: 15%; }