.pc-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.pc-container {
width: 750px;
}
}
@media (min-width: 992px) {
.pc-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.pc-container {
width: 1170px;
}
}
.pc-row {
margin-left: -15px;
margin-right: -15px;
}
.pc-row:before,
.pc-row:after {
content: " ";
display: table;
}
.pc-row:after {
clear: both;
} .pc-form-group {
margin-bottom: 15px;
}
.pc-form-control {
display: block;
width: 100%;
height: 38px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.pc-form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.pc-form-control::placeholder {
color: #999999;
opacity: 1;
}
.pc-form-control[disabled],
.pc-form-control[readonly] {
background-color: #eeeeee;
opacity: 1;
cursor: not-allowed;
}
textarea.pc-form-control {
height: auto;
} .pc-btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
user-select: none;
}
.pc-btn:hover,
.pc-btn:focus {
color: #333333;
text-decoration: none;
}
.pc-btn:active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.pc-btn.disabled,
.pc-btn[disabled] {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
box-shadow: none;
}
.pc-btn-primary {
color: #ffffff;
background-color: #337ab7;
border-color: #2e6da4;
}
.pc-btn-primary:hover,
.pc-btn-primary:focus,
.pc-btn-primary:active {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
.pc-btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.pc-btn-danger:hover,
.pc-btn-danger:focus,
.pc-btn-danger:active {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
.pc-btn-block {
display: block;
width: 100%;
}
.pc-btn-block + .pc-btn-block {
margin-top: 5px;
} .pc-table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.pc-table > thead > tr > th,
.pc-table > tbody > tr > th,
.pc-table > tfoot > tr > th,
.pc-table > thead > tr > td,
.pc-table > tbody > tr > td,
.pc-table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.pc-table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}
.pc-table > thead:first-child > tr:first-child > th,
.pc-table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.pc-table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.pc-table-hover > tbody > tr:hover {
background-color: #f5f5f5;
} .pc-nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.pc-nav > li {
position: relative;
display: block;
}
.pc-nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.pc-nav > li > a:hover,
.pc-nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pc-nav-tabs {
border-bottom: 1px solid #dddddd;
}
.pc-nav-tabs:before,
.pc-nav-tabs:after {
content: " ";
display: table;
}
.pc-nav-tabs:after {
clear: both;
}
.pc-nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.pc-nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.pc-nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.pc-nav-tabs > li.pc-active > a,
.pc-nav-tabs > li.pc-active > a:hover,
.pc-nav-tabs > li.pc-active > a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.pc-tab-content > .pc-tab-pane {
display: none;
opacity: 0;
transition: opacity 0.15s linear;
}
.pc-tab-content > .pc-tab-pane.pc-active {
display: block;
opacity: 1;
} .pc-panel {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
} .pc-alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.pc-alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
} .pc-text-center {
text-align: center;
} .pc-tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
opacity: 0;
pointer-events: none;
transition: opacity 0.15s linear;
}
.pc-tooltip.pc-in {
opacity: 0.9;
}
.pc-tooltip-top {
margin-top: -3px;
padding: 5px 0;
}
.pc-tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
border-radius: 4px;
}
.pc-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}