html, body {
font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
color: #333333;
text-rendering: geometricPrecision;
-webkit-text-rendering: geometricPrecision;
-moz-text-rendering: geometricPrecision;
-o-text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-o-font-smoothing: antialiased;
font-smoothing: antialiased; }
*, input, button, h1, h2, h3, h4, h5, h6, p, label {
font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; }
.piq-h1, .piq-h2, .piq-h3, .piq-h4, .piq-h5, .piq-h6, .piq-p {
margin: 0; }
.piq-h1 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Segoe UI Light", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 26px;
line-height: 32px; }
.piq-h1 b, .piq-h1 strong {
font-weight: 600; }
.piq-h2 {
font-size: 20px;
line-height: 28px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Segoe UI Light", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; }
.piq-h2 b, .piq-h2 strong {
font-weight: 600; }
.piq-h3 {
font-size: 16px;
line-height: 24px;
font-weight: normal; }
.piq-h4 {
font-size: 13px;
line-height: 20px;
font-weight: bold; }
.piq-h5, .piq-label {
font-size: 12px;
line-height: 14px;
font-weight: bold; }
.piq-p {
font-size: 13px;
line-height: 20px; }
.piq-font-size-xxxl {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Segoe UI Light", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 36px;
line-height: 48px; }
.piq-font-size-xxxl b, .piq-font-size-xxxl strong {
font-weight: 600; }
.piq-font-size-xxl {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Segoe UI Light", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 26px;
line-height: 32px; }
.piq-font-size-xxl b, .piq-font-size-xxl strong {
font-weight: 600; }
.piq-font-size-xl {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Segoe UI Light", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 28px; }
.piq-font-size-xl b, .piq-font-size-xl strong {
font-weight: 600; }
.piq-font-size-l {
font-size: 16px;
line-height: 24px;
font-weight: normal; }
.piq-font-size-m {
font-size: 13px;
line-height: 20px;
font-weight: normal; }
.piq-font-size-s {
font-size: 12px;
line-height: 14px;
font-weight: normal; }
.piq-font-size-xs {
font-size: 11px;
line-height: 14px;
font-weight: normal; }
.piq-font-size-xxs {
font-size: 10px;
line-height: 12px;
font-weight: bold;
letter-spacing: 0.8px;
text-transform: uppercase; }
.piq-btn {
text-align: center;
text-transform: none;
padding: 9px 12px;
margin: 0;
min-height: 0;
min-width: 80px;
border: 1px solid;
border-radius: 2px;
outline: none !important;
color: #333333;
background-color: #F2F2F2;
border-color: #BFBFBF;
font-size: 12px;
line-height: 14px;
font-weight: 600;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-btn .fa {
width: 12px;
text-align: center;
margin-right: 8px;
color: #7F7F7F;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-btn .caret {
color: #7F7F7F; }
.piq-btn .loader {
display: inline-block !important;
margin-right: 10px;
width: 14px;
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s; }
.piq-btn .loader .fa {
animation-timing-function: cubic-bezier(0.52, 0.165, 0.49, 0.835);
-webkit-animation-timing-function: cubic-bezier(0.52, 0.165, 0.49, 0.835);
animation-duration: 1s;
-webkit-animation-duration: 1s;
margin-right: 0; }
.piq-btn .loader.ng-hide {
width: 0px;
opacity: 0;
margin-right: 0; }
.piq-btn.btn-sm {
padding: 4px 8px;
min-width: 0;
font-size: 11px;
line-height: 14px;
font-weight: bold; }
.piq-btn.btn-sm.btn-square {
width: 24px;
padding: 4px 0; }
.piq-btn.btn-lg {
padding: 11px 16px;
font-size: 13px;
line-height: 20px;
font-weight: bold; }
.piq-btn.btn-lg .fa,
.piq-btn.btn-lg .caret {
margin-right: 12px; }
.piq-btn.btn-lg.btn-square {
width: 44px;
padding: 11px 0; }
.piq-btn.btn-square {
width: 34px;
min-width: 0;
padding: 9px 0;
text-align: center; }
.piq-btn.btn-square .fa,
.piq-btn.btn-square .caret {
font-size: 13px;
margin: 0;
color: #333333; }
.piq-btn:hover, .piq-btn:focus {
background-color: #E5E5E5;
border-color: #BFBFBF; }
.piq-btn:active {
background-color: #D9D9D9;
border-color: #BFBFBF; }
.piq-btn.btn-primary {
color: #FFFFFF;
background-color: #2095F3;
border-color: #1C84D9; }
.piq-btn.btn-primary .fa,
.piq-btn.btn-primary .caret {
color: #FFFFFF; }
.piq-btn.btn-primary:hover, .piq-btn.btn-primary:focus {
background-color: #1C84D9;
border-color: #1C84D9; }
.piq-btn.btn-primary:active {
background-color: #1874BF;
border-color: #1874BF; }
.piq-btn.btn-success {
color: #FFFFFF;
background-color: #00B896;
border-color: #009E81; }
.piq-btn.btn-success .fa,
.piq-btn.btn-success .caret {
color: #FFFFFF; }
.piq-btn.btn-success:hover, .piq-btn.btn-success:focus {
background-color: #009E81;
border-color: #009E81; }
.piq-btn.btn-success:active {
background-color: #00856C;
border-color: #00856C; }
.piq-btn.btn-danger {
color: #FFFFFF;
background-color: #FF415E;
border-color: #E63B55; }
.piq-btn.btn-danger .fa,
.piq-btn.btn-danger .caret {
color: #FFFFFF; }
.piq-btn.btn-danger:hover, .piq-btn.btn-danger:focus {
background-color: #E63B55;
border-color: #E63B55; }
.piq-btn.btn-danger:active {
background-color: #CC354B;
border-color: #CC354B; }
.piq-btn.btn-warning {
color: #333333;
background-color: #FFEA7F;
border-color: #FFD400; }
.piq-btn.btn-warning:hover, .piq-btn.btn-warning:focus {
color: #333333;
background-color: #FFD400;
border-color: #FFD400; }
.piq-btn.btn-warning:active {
color: #333333;
background-color: #FFAC00;
border-color: #FFAC00; }
.piq-btn.btn-ghost {
color: #FFFFFF;
background-color: transparent;
border-color: rgba(255, 255, 255, 0.5); }
.piq-btn.btn-ghost .fa,
.piq-btn.btn-ghost .caret {
color: rgba(255, 255, 255, 0.5);
width: 12px;
text-align: center; }
.piq-btn.btn-ghost.btn-square .fa,
.piq-btn.btn-ghost .caret {
color: #FFFFFF; }
.piq-btn.btn-ghost:hover, .piq-btn.btn-ghost:focus {
color: #333333;
background-color: #FFFFFF;
border-color: #FFFFFF; }
.piq-btn.btn-ghost:hover .fa,
.piq-btn.btn-ghost:hover .caret, .piq-btn.btn-ghost:focus .fa,
.piq-btn.btn-ghost:focus .caret {
color: #333333; }
.piq-btn.btn-ghost:active {
color: #333333;
background-color: #F2F2F2;
border-color: #F2F2F2; }
.piq-btn.btn-ghost:active .fa,
.piq-btn.btn-ghost:active .caret {
color: #333333; }
.piq-btn.btn-transparent {
color: #333333;
background-color: transparent;
border-color: transparent; }
.piq-btn.btn-transparent:hover, .piq-btn.btn-transparent:focus {
background-color: #E5E5E5; }
.piq-btn.btn-transparent:active {
background-color: #D9D9D9; }
.piq-btn.btn-transparent .fa,
.piq-btn.btn-transparent .caret {
color: #333333; }
.piq-btn.btn-transparent-ghost {
color: #FFFFFF;
background-color: transparent;
border-color: transparent; }
.piq-btn.btn-transparent-ghost:hover, .piq-btn.btn-transparent-ghost:focus {
background-color: rgba(255, 255, 255, 0.1); }
.piq-btn.btn-transparent-ghost:active {
background-color: rgba(255, 255, 255, 0.25);
color: #FFFFFF; }
.piq-btn.btn-transparent-ghost .fa,
.piq-btn.btn-transparent-ghost .caret {
color: #FFFFFF; }
.piq-btn.btn-highlight-primary .fa {
color: #2095F3; }
.piq-btn.btn-highlight-primary:hover {
color: #FFFFFF;
background-color: #2095F3;
border-color: #1C84D9; }
.piq-btn.btn-highlight-primary:hover .fa {
color: #FFFFFF; }
.piq-btn.btn-highlight-primary:active {
color: #FFFFFF;
background-color: #1C84D9;
border-color: #1874BF; }
.piq-btn.btn-highlight-primary:active .fa {
color: #FFFFFF; }
.piq-btn.btn-highlight-success .fa {
color: #00B896; }
.piq-btn.btn-highlight-success:hover {
color: #FFFFFF;
background-color: #00B896;
border-color: #009E81; }
.piq-btn.btn-highlight-success:hover .fa {
color: #FFFFFF; }
.piq-btn.btn-highlight-success:active {
color: #FFFFFF;
background-color: #009E81;
border-color: #00856C; }
.piq-btn.btn-highlight-success:active .fa {
color: #FFFFFF; }
.piq-btn.btn-highlight-danger .fa {
color: #FF415E; }
.piq-btn.btn-highlight-danger:hover {
color: #FFFFFF;
background-color: #FF415E;
border-color: #E63B55; }
.piq-btn.btn-highlight-danger:hover .fa {
color: #FFFFFF; }
.piq-btn.btn-highlight-danger:active {
color: #FFFFFF;
background-color: #E63B55;
border-color: #CC354B; }
.piq-btn.btn-highlight-danger:active .fa {
color: #FFFFFF; }
.piq-btn.btn-highlight-warning .fa {
color: #FFAC00; }
.piq-btn.btn-highlight-warning:hover {
color: #333333;
background-color: #FFEA7F;
border-color: #FFD400; }
.piq-btn.btn-highlight-warning:hover .fa {
color: #333333; }
.piq-btn.btn-highlight-warning:active {
color: #333333;
background-color: #FFD400;
border-color: #FFAC00; }
.piq-btn.btn-highlight-warning:active .fa {
color: #333333; }
.piq-btn[disabled] {
opacity: 0.4; }
.btn-group-addon {
border-radius: 2px;
cursor: default; }
.btn-group-addon.btn:hover, .btn-group-addon.btn:active {
color: #333333;
background-color: #F2F2F2;
border-color: #BFBFBF; }
.btn-group-addon.btn-ghost:hover, .btn-group-addon.btn-ghost:active {
color: #FFFFFF;
background-color: transparent;
border-color: rgba(255, 255, 255, 0.5); }
a.piq-link {
color: #2095F3;
outline: none;
font-size: inherit;
line-height: inherit;
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s; }
a.piq-link:hover, a.piq-link:focus {
text-decoration: underline;
color: #1C84D9; }
a.piq-link:active {
color: #1874BF; }
.piq-form-control, .piq-ui-select .form-control {
font-size: 12px;
line-height: 14px;
color: #333333;
max-width: 100%;
padding: 9px 12px;
background-color: #FFFFFF;
border: 1px solid #BFBFBF;
border-radius: 2px;
outline: none !important;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-form-control:hover, .piq-ui-select .form-control:hover {
border: 1px solid #7F7F7F; }
.piq-form-control:focus, .piq-ui-select .form-control:focus {
border: 1px solid #2095F3;
box-shadow: none;
-webkit-box-shadow: none; }
.piq-form-control.right-aligned, .piq-ui-select .right-aligned.form-control {
text-align: right; }
.piq-form-control.form-control-sm, .piq-ui-select .form-control-sm.form-control {
font-size: 11px;
line-height: 14px;
padding: 9px 7px;
height: 24px; }
.piq-form-control.form-control-lg, .piq-ui-select .form-control-lg.form-control {
font-size: 13px;
line-height: 20px;
padding: 11px 16px;
height: 44px; }
.piq-form-control[disabled], .piq-ui-select [disabled].form-control {
color: #7F7F7F;
background-color: #FCFCFD;
border-color: #E5E5E5;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none; }
.piq-form-control[disabled]::-webkit-input-placeholder, .piq-ui-select [disabled].form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #BFBFBF; }
.piq-form-control[disabled]::-moz-placeholder, .piq-ui-select [disabled].form-control::-moz-placeholder {
/* Firefox 19+ */
color: #BFBFBF; }
.piq-form-control[disabled]::-ms-input-placeholder, .piq-ui-select [disabled].form-control::-ms-input-placeholder {
/* IE 10+ */
color: #BFBFBF; }
.piq-form-control[disabled]::-moz-placeholder, .piq-ui-select [disabled].form-control::-moz-placeholder {
/* Firefox 18- */
color: #BFBFBF; }
.piq-form-control[readonly], .piq-ui-select [readonly].form-control {
background-color: #FFFFFF; }
.piq-form-control[invalid], .piq-ui-select [invalid].form-control, .piq-form-control.ng-invalid.ng-touched, .piq-ui-select .ng-invalid.ng-touched.form-control {
border: solid 1px #FF415E;
background-color: #FFFFFF; }
.piq-form-group {
margin-bottom: 15px; }
.piq-form-group label {
color: #7F7F7F; }
.piq-form-group label.right-aligned {
text-align: right;
float: right; }
.piq-form-group > * {
display: block; }
.piq-form-group > .input-group,
.piq-form-group > .btn-group {
display: table; }
.piq-input-group .form-control {
margin: 0; }
.piq-input-group .btn {
margin: 0; }
.piq-input-group .btn-square,
.piq-input-group .piq-input-group-addon {
min-width: 34px;
padding: 9px 10px;
border-color: #BFBFBF;
font-size: 12px;
line-height: 14px; }
.piq-input-group-addon {
border-radius: 2px;
border-color: #BFBFBF;
font-size: 12px;
line-height: 14px; }
.piq-input-group-addon.btn-square {
min-width: 34px;
padding: 9px 10px; }
.piq-input-with-icon {
display: inline-block;
position: relative; }
.input-group .piq-input-with-icon {
display: table-cell; }
.piq-input-with-icon .form-control {
padding-right: 42px;
display: block;
width: 100%; }
.piq-input-with-icon .fa {
font-size: 12px;
text-align: center;
color: #7F7F7F;
width: 30px;
padding: 9px;
border-radius: 50%;
position: absolute;
top: 2px;
right: 2px;
z-index: 3;
background-color: #FFFFFF;
border-left: 0px;
outline: none;
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s; }
.piq-input-with-icon .fa.hover:hover {
cursor: pointer;
color: #333333; }
.piq-input-with-icon .fa.hover:focus {
background-color: #F2F2F2; }
.piq-input-with-icon .fa.ng-hide {
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
opacity: 0;
display: inline-block !important; }
.piq-md-checkbox {
margin-bottom: 15px; }
.piq-md-checkbox:last-of-type {
margin-bottom: 0px; }
.piq-md-checkbox .md-container {
width: 16px;
height: 16px; }
.piq-md-checkbox .md-container .md-icon {
width: 16px;
height: 16px;
border: solid 1px #BFBFBF;
background-color: #FFFFFF;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-md-checkbox:hover .md-icon {
border-color: #7F7F7F; }
.piq-md-checkbox.md-checked .md-icon {
border-color: #2095F3;
background-color: #2095f3; }
.piq-md-checkbox.md-checked .md-icon:after {
left: 4px;
top: 0.5px;
width: 6px;
height: 9px;
border-width: 2px;
border-color: #FFFFFF; }
.piq-md-checkbox.md-checked .md-ink-ripple,
.piq-md-checkbox.md-checked .md-ripple-container:before {
color: #2095F3; }
.piq-md-checkbox.md-indeterminate .md-icon:after {
width: 8px;
border: none;
background-color: #7F7F7F; }
.piq-md-checkbox .md-label {
font-size: 13px;
line-height: 20px;
margin-left: 28px; }
.piq-md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before,
.piq-md-checkbox.md-focused:not([disabled]).md-checked .md-container:before {
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
background-color: rgba(51, 51, 51, 0.1); }
.piq-md-checkbox[disabled] {
cursor: not-allowed; }
.piq-md-checkbox[disabled] * {
cursor: not-allowed; }
.piq-md-checkbox[disabled]:not(.md-checked) .md-icon {
border-color: #E5E5E5;
background-color: #FCFCFD; }
.piq-md-checkbox[disabled].md-checked .md-icon {
border-color: #BFBFBF;
background-color: #BFBFBF; }
.piq-md-checkbox[disabled].md-checked .md-icon:after {
border-color: #FFFFFF; }
.piq-md-radio-group.md-focused:not(:empty) .md-checked .md-container:before {
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
background-color: rgba(51, 51, 51, 0.1); }
.piq-md-radio-group.md-focused:not(:empty):not(.md-checked) .md-container:before {
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
background-color: rgba(51, 51, 51, 0.05); }
.piq-md-radio-group md-radio-button {
margin-bottom: 15px; }
.piq-md-radio-group md-radio-button:last-of-type {
margin-bottom: 0; }
.piq-md-radio-group md-radio-button .md-container {
width: 16px;
height: 16px;
background-color: #FFFFFF; }
.piq-md-radio-group md-radio-button .md-container .md-on, .piq-md-radio-group md-radio-button .md-container .md-off {
width: 16px;
height: 16px;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-md-radio-group md-radio-button .md-container .md-off {
border: solid 1px #BFBFBF; }
.piq-md-radio-group md-radio-button .md-container .md-on {
background-color: #2095F3; }
.piq-md-radio-group md-radio-button:hover .md-off {
border-color: #7F7F7F; }
.piq-md-radio-group md-radio-button.md-checked .md-ink-ripple,
.piq-md-radio-group md-radio-button.md-checked .md-ripple-container:before {
color: #2095F3; }
.piq-md-radio-group md-radio-button .md-label {
font-size: 13px;
line-height: 20px;
margin-left: 28px; }
.piq-md-radio-group md-radio-button[disabled] {
cursor: not-allowed; }
.piq-md-radio-group md-radio-button[disabled] * {
cursor: not-allowed; }
.piq-md-radio-group md-radio-button[disabled] .md-container .md-on {
background-color: #E5E5E5;
border-color: #E5E5E5; }
.piq-md-radio-group md-radio-button[disabled] .md-container .md-off {
border-color: #E5E5E5;
background-color: #FCFCFD; }
.piq-validation-block {
margin-top: 5px; }
.piq-validation-block .validation-error {
font-size: 12px;
line-height: 14px;
color: #FF415E; }
.piq-label-left,
.piq-md-radio-group.piq-label-left md-radio-button,
.piq-md-radio-group md-radio-button.piq-label-left {
display: flex;
justify-content: space-between;
flex-direction: row-reverse; }
.piq-label-left .md-label,
.piq-md-radio-group.piq-label-left md-radio-button .md-label,
.piq-md-radio-group md-radio-button.piq-label-left .md-label {
margin-right: 12px;
margin-left: 0;
flex-shrink: 1; }
.piq-label-left .md-container,
.piq-md-radio-group.piq-label-left md-radio-button .md-container,
.piq-md-radio-group md-radio-button.piq-label-left .md-container {
position: relative;
top: 1px;
left: 0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
flex-shrink: 0;
margin-right: 0; }
.dropdown-toggle {
text-align: left;
padding-right: 16px; }
.dropdown-toggle:not(.btn-square) .fa-caret-down,
.dropdown-toggle:not(.btn-square) .caret {
position: relative;
float: right;
right: -6px;
top: 2px;
margin: 0; }
.dropdown-toggle:not(.btn-square) .caret {
margin: 4px 2px; }
.dropdown-menu {
background: #FFFFFF;
border: 1px solid #BFBFBF;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.33);
-webkit-box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.33);
-moz-box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.33);
-ms-box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.33);
-o-box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.33);
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-dropdown-menu:not(.datepicker),
.piq-typeahead .dropdown-menu:not(.datepicker) {
min-width: 100%;
max-height: 240px;
display: block;
padding: 8px 0;
overflow: auto; }
.piq-dropdown-menu:not(.datepicker) li a,
.piq-typeahead .dropdown-menu:not(.datepicker) li a {
font-size: 13px;
line-height: 20px;
padding: 3px 12px 3px;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none; }
.piq-dropdown-menu:not(.datepicker) li a:hover, .piq-dropdown-menu:not(.datepicker) li a:focus,
.piq-typeahead .dropdown-menu:not(.datepicker) li a:hover,
.piq-typeahead .dropdown-menu:not(.datepicker) li a:focus {
background-color: #F2F2F2; }
.piq-dropdown-menu:not(.datepicker) li a:active,
.piq-typeahead .dropdown-menu:not(.datepicker) li a:active {
background-color: #E5E5E5; }
.piq-dropdown-menu:not(.datepicker) li a .fa,
.piq-typeahead .dropdown-menu:not(.datepicker) li a .fa {
color: #7F7F7F;
padding: 1px 0;
margin-right: -20px;
margin-top: 1px; }
.piq-dropdown-menu:not(.datepicker) li.destructive a,
.piq-typeahead .dropdown-menu:not(.datepicker) li.destructive a {
color: #FF415E; }
.piq-dropdown-menu:not(.datepicker) li.destructive a .fa,
.piq-typeahead .dropdown-menu:not(.datepicker) li.destructive a .fa {
color: inherit; }
.piq-dropdown-menu:not(.datepicker) li.destructive a:hover,
.piq-typeahead .dropdown-menu:not(.datepicker) li.destructive a:hover {
color: #FFFFFF;
background-color: #FF415E; }
.piq-dropdown-menu:not(.datepicker) li.destructive a:active,
.piq-typeahead .dropdown-menu:not(.datepicker) li.destructive a:active {
color: #FFFFFF;
background-color: #E63B55; }
.piq-dropdown-menu:not(.datepicker) li.active a,
.piq-typeahead .dropdown-menu:not(.datepicker) li.active a {
color: #FFFFFF;
background-color: #2095F3; }
.piq-dropdown-menu:not(.datepicker) li.active a:hover,
.piq-typeahead .dropdown-menu:not(.datepicker) li.active a:hover {
background-color: #2095F3; }
.piq-dropdown-menu:not(.datepicker) li.active a:active,
.piq-typeahead .dropdown-menu:not(.datepicker) li.active a:active {
background-color: #1C84D9; }
.piq-dropdown-menu:not(.datepicker) li.disabled a,
.piq-dropdown-menu:not(.datepicker) li[disabled] a,
.piq-typeahead .dropdown-menu:not(.datepicker) li.disabled a,
.piq-typeahead .dropdown-menu:not(.datepicker) li[disabled] a {
color: #BFBFBF; }
.piq-dropdown-menu:not(.datepicker) li.disabled a:hover, .piq-dropdown-menu:not(.datepicker) li.disabled a:active,
.piq-dropdown-menu:not(.datepicker) li[disabled] a:hover,
.piq-dropdown-menu:not(.datepicker) li[disabled] a:active,
.piq-typeahead .dropdown-menu:not(.datepicker) li.disabled a:hover,
.piq-typeahead .dropdown-menu:not(.datepicker) li.disabled a:active,
.piq-typeahead .dropdown-menu:not(.datepicker) li[disabled] a:hover,
.piq-typeahead .dropdown-menu:not(.datepicker) li[disabled] a:active {
color: #BFBFBF;
background-color: #F8F8FA; }
.piq-dropdown-menu:not(.datepicker) li.divider,
.piq-typeahead .dropdown-menu:not(.datepicker) li.divider {
margin: 5px 0; }
.piq-dropdown-menu:not(.datepicker) li.info,
.piq-typeahead .dropdown-menu:not(.datepicker) li.info {
font-size: 13px;
line-height: 20px;
padding: 6px 12px 6px;
color: #666666;
font-style: italic;
min-width: 200px; }
.piq-dropdown-menu:not(.datepicker).dropdown-menu-big,
.piq-typeahead .dropdown-menu:not(.datepicker).dropdown-menu-big {
max-height: none; }
.piq-dropdown-menu:not(.datepicker).dropdown-menu-big li a,
.piq-dropdown-menu:not(.datepicker).dropdown-menu-big li.info,
.piq-typeahead .dropdown-menu:not(.datepicker).dropdown-menu-big li a,
.piq-typeahead .dropdown-menu:not(.datepicker).dropdown-menu-big li.info {
padding: 5px 40px 5px 20px; }
.piq-dropdown .dropdown-menu {
transform: translateY(-4px);
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
opacity: 0;
pointer-events: none; }
.piq-dropdown .dropdown-menu li {
transform: translateY(-8px);
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-o-transform: translateY(-8px);
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s; }
.piq-dropdown.open .dropdown-menu {
pointer-events: all;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
opacity: 1; }
.piq-dropdown.open .dropdown-menu li {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0); }
.piq-ui-select *:not(.form-control) {
outline: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none; }
.piq-ui-select .form-control {
border-radius: 2px; }
.piq-ui-select .ui-select-match .ui-select-toggle {
border-radius: 2px;
font-weight: normal; }
.piq-ui-select .ui-select-match .ui-select-toggle:hover {
background-color: #FFFFFF; }
.piq-ui-select .ui-select-match .ui-select-toggle .ui-select-match-text {
width: auto;
padding: 0; }
.piq-ui-select .ui-select-match .ui-select-toggle .ui-select-match-text > span {
line-height: 14px; }
.piq-ui-select .ui-select-match .ui-select-toggle .ui-select-placeholder {
line-height: 14px; }
.piq-ui-select .ui-select-match .ui-select-toggle .caret {
right: 12px;
margin-top: -1px;
color: #7F7F7F;
border-top-color: #7F7F7F; }
.piq-ui-select .ui-select-match .ui-select-toggle a.btn {
display: block;
height: 30px;
width: 30px;
min-width: 0;
padding: 9px;
font-size: 11px;
line-height: 12px;
text-align: center;
right: -9px;
top: 1px;
margin: 0;
border: none;
border-radius: 50%;
background-color: #FFFFFF;
color: #7F7F7F;
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
opacity: 1; }
.piq-ui-select .ui-select-match .ui-select-toggle a.btn:hover {
color: #333333; }
.piq-ui-select .ui-select-match .ui-select-toggle a.btn:focus {
background-color: #F2F2F2; }
.piq-ui-select .ui-select-match .ui-select-toggle a.btn.ng-hide:not(.ng-hide-animate) {
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
opacity: 0;
display: block !important;
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s; }
.piq-ui-select .ui-select-refreshing {
height: 30px;
width: 30px;
min-width: 0;
padding: 9px;
font-size: 11px;
line-height: 12px;
text-align: center;
right: 2px;
top: 2px;
margin: 0;
border: none;
border-radius: 50%;
background-color: #FFFFFF;
color: #7F7F7F; }
.piq-ui-select .ui-select-choices-row > span,
.piq-ui-select .ui-select-no-choice span {
font-size: 13px;
line-height: 20px;
padding: 3px 12px;
overflow: hidden;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none; }
.piq-ui-select .ui-select-choices-row.active > span {
color: #FFFFFF;
background-color: #2095F3; }
.piq-ui-select .ui-select-choices-row.active > span:hover {
background-color: #1C84D9; }
.piq-ui-select .ui-select-choices-row.active > span:active {
background-color: #1874BF; }
.piq-ui-select .ui-select-no-choice span {
padding: 6px 15px;
color: #7F7F7F;
font-style: italic; }
.piq-ui-select .dropdown-header {
padding: 6px 12px 6px;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #7F7F7F; }
.piq-ui-select.ui-select-multiple {
min-height: 34px;
padding: 0;
position: relative;
padding: 0 6px; }
.piq-ui-select.ui-select-multiple.form-control {
font-size: 12px;
line-height: 14px;
color: #333333;
max-width: 100%;
background-color: #FFFFFF;
border: 1px solid #BFBFBF;
border-radius: 2px;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-ui-select.ui-select-multiple.form-control:hover {
border: 1px solid #7F7F7F; }
.piq-ui-select.ui-select-multiple.form-control:focus {
border: 1px solid #2095F3;
box-shadow: none;
-webkit-box-shadow: none; }
.piq-ui-select.ui-select-multiple.form-control.form-control-lg {
font-size: 13px;
line-height: 20px;
padding: 11px 16px;
height: 44px; }
.piq-ui-select.ui-select-multiple.form-control[invalid], .piq-ui-select.ui-select-multiple.form-control.ng-invalid.ng-touched {
border: solid 1px #FF415E;
background-color: #FFFFFF; }
.piq-ui-select.ui-select-multiple input.ui-select-search {
height: auto;
margin: 0;
padding: 9px 6px;
position: absolute; }
.piq-ui-select.ui-select-multiple .ui-select-match-item {
margin: 3.5px 5px 3.5px 0;
border: none;
min-width: 0;
height: 24px;
min-width: 24px;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-align: center;
padding: 6px 6px 7px;
border-radius: 2px;
background-color: #E5E5E5;
color: #333333; }
.piq-ui-select.ui-select-multiple .ui-select-match-item .close {
line-height: inherit;
font-size: 16px;
margin-top: -2px;
text-shadow: none; }
.piq-md-select {
display: inline-block;
min-width: 80px;
margin: 0; }
.piq-md-select:not([disabled]):focus .md-select-value,
.piq-md-select .md-select-value.md-select-placeholder,
.piq-md-select .md-select-value {
padding: 9px 12px;
margin: 0;
min-height: 0;
min-width: 80px;
border: 1px solid;
border-radius: 2px;
outline: none !important;
color: #333333;
background-color: #F2F2F2;
border-color: #BFBFBF;
font-size: 12px;
line-height: 14px;
font-weight: 600;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
pointer-events: none;
-webkit-font-smoothing: antialiased;
z-index: 1; }
.piq-md-select:not([disabled]):focus .md-select-value.md-select-placeholder,
.piq-md-select .md-select-value.md-select-placeholder.md-select-placeholder,
.piq-md-select .md-select-value.md-select-placeholder {
color: #333333; }
.piq-md-select:not([disabled]):focus .md-select-value .md-select-icon,
.piq-md-select .md-select-value.md-select-placeholder .md-select-icon,
.piq-md-select .md-select-value .md-select-icon {
margin-right: -2px;
color: #7F7F7F;
width: 12px; }
.piq-md-select:not([disabled]):focus .md-select-value .md-select-icon:after,
.piq-md-select .md-select-value.md-select-placeholder .md-select-icon:after,
.piq-md-select .md-select-value .md-select-icon:after {
font-size: 10px; }
.piq-md-select:hover .md-select-value {
background-color: #E5E5E5;
border-color: #BFBFBF; }
.piq-md-select:not([disabled]):focus .md-select-value {
background-color: #E5E5E5;
border-color: #BFBFBF; }
.piq-md-select:active .md-select-value {
background-color: #D9D9D9 !important;
border-color: #BFBFBF !important; }
.piq-md-select.md-select-transparent:not([disabled]):focus .md-select-value,
.piq-md-select.md-select-transparent .md-select-value.md-select-placeholder,
.piq-md-select.md-select-transparent .md-select-value {
color: #333333;
background-color: transparent;
border-color: transparent; }
.piq-md-select.md-select-transparent:hover .md-select-value {
background-color: #E5E5E5; }
.piq-md-select.md-select-transparent:not([disabled]):focus .md-select-value {
background-color: #E5E5E5; }
.piq-md-select.md-select-transparent:active .md-select-value {
background: #D9D9D9 !important; }
.piq-md-select.md-select-ghost:not([disabled]):focus .md-select-value,
.piq-md-select.md-select-ghost .md-select-value.md-select-placeholder,
.piq-md-select.md-select-ghost .md-select-value {
color: #FFFFFF;
background-color: transparent;
border-color: transparent; }
.piq-md-select.md-select-ghost:not([disabled]):focus .md-select-value.md-select-placeholder,
.piq-md-select.md-select-ghost .md-select-value.md-select-placeholder.md-select-placeholder,
.piq-md-select.md-select-ghost .md-select-value.md-select-placeholder {
color: #FFFFFF; }
.piq-md-select.md-select-ghost:not([disabled]):focus .md-select-value .md-select-icon,
.piq-md-select.md-select-ghost .md-select-value.md-select-placeholder .md-select-icon,
.piq-md-select.md-select-ghost .md-select-value .md-select-icon {
color: rgba(255, 255, 255, 0.75); }
.piq-md-select.md-select-ghost:hover .md-select-value {
background-color: rgba(255, 255, 255, 0.1); }
.piq-md-select.md-select-ghost:hover .md-select-value.md-select-placeholder {
color: #333333; }
.piq-md-select.md-select-ghost:hover .md-select-value .md-select-icon {
color: #7F7F7F; }
.piq-md-select.md-select-ghost:not([disabled]):focus .md-select-value {
background-color: rgba(255, 255, 255, 0.1); }
.piq-md-select.md-select-ghost:not([disabled]):focus .md-select-value.md-select-placeholder {
color: #333333; }
.piq-md-select.md-select-ghost:not([disabled]):focus .md-select-value .md-select-icon {
color: #7F7F7F; }
.piq-md-select.md-select-ghost:active .md-select-value {
background: #F8F8FA;
border-color: #F8F8FA; }
.piq-md-select.md-select-transparent-ghost:not([disabled]):focus .md-select-value,
.piq-md-select.md-select-transparent-ghost .md-select-value.md-select-placeholder,
.piq-md-select.md-select-transparent-ghost .md-select-value {
color: #FFFFFF;
background-color: transparent;
border-color: transparent; }
.piq-md-select.md-select-transparent-ghost:not([disabled]):focus .md-select-value.md-select-placeholder,
.piq-md-select.md-select-transparent-ghost .md-select-value.md-select-placeholder.md-select-placeholder,
.piq-md-select.md-select-transparent-ghost .md-select-value.md-select-placeholder {
color: #FFFFFF; }
.piq-md-select.md-select-transparent-ghost:not([disabled]):focus .md-select-value .md-select-icon,
.piq-md-select.md-select-transparent-ghost .md-select-value.md-select-placeholder .md-select-icon,
.piq-md-select.md-select-transparent-ghost .md-select-value .md-select-icon {
color: rgba(255, 255, 255, 0.75); }
.piq-md-select.md-select-transparent-ghost:hover .md-select-value {
background-color: rgba(255, 255, 255, 0.1); }
.piq-md-select.md-select-transparent-ghost:not([disabled]):focus .md-select-value {
background-color: rgba(255, 255, 255, 0.25);
color: #FFFFFF; }
.piq-md-select.md-select-transparent-ghost:active .md-select-value {
background: rgba(255, 255, 255, 0.25) !important;
color: #FFFFFF !important; }
.piq-md-select.input-group-btn:first-child > .md-select-value {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.piq-md-select.input-group-btn:last-child > .md-select-value {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.piq-md-select.input-group-btn:not(:first-child) > .md-select-value {
margin-left: -1px; }
.md-select-menu-container md-select-menu,
.piq-select-menu-container md-select-menu {
box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.5);
-webkit-box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.5);
-moz-box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.5);
-ms-box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.5);
-o-box-shadow: 0 2px 2px 0 rgba(127, 127, 127, 0.5);
background-color: #FFFFFF; }
.md-select-menu-container md-select-menu md-content,
.piq-select-menu-container md-select-menu md-content {
padding: 8px 0;
background: #FFFFFF;
border: 1px solid #BFBFBF;
border-radius: 2px; }
.md-select-menu-container md-select-menu md-content md-option,
.piq-select-menu-container md-select-menu md-content md-option {
height: auto;
font-size: 13px;
line-height: 20px;
padding: 5px 40px 5px 15px;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none; }
.md-select-menu-container md-select-menu md-content md-option:hover, .md-select-menu-container md-select-menu md-content md-option:focus,
.piq-select-menu-container md-select-menu md-content md-option:hover,
.piq-select-menu-container md-select-menu md-content md-option:focus {
background-color: #F2F2F2; }
.md-select-menu-container md-select-menu md-content md-option:active,
.piq-select-menu-container md-select-menu md-content md-option:active {
background-color: #E5E5E5; }
.md-select-menu-container md-select-menu md-content md-option[selected],
.piq-select-menu-container md-select-menu md-content md-option[selected] {
color: #FFFFFF;
background-color: #2095F3; }
.md-select-menu-container md-select-menu md-content md-option[selected]:hover,
.piq-select-menu-container md-select-menu md-content md-option[selected]:hover {
background-color: #1C84D9; }
.md-select-menu-container md-select-menu md-content md-option[selected]:active,
.piq-select-menu-container md-select-menu md-content md-option[selected]:active {
background-color: #1874BF; }
.md-select-menu-container md-select-menu md-content md-option[disabled],
.piq-select-menu-container md-select-menu md-content md-option[disabled] {
color: #BFBFBF;
cursor: not-allowed; }
.md-select-menu-container md-select-menu md-content md-option[disabled]:hover, .md-select-menu-container md-select-menu md-content md-option[disabled]:active,
.piq-select-menu-container md-select-menu md-content md-option[disabled]:hover,
.piq-select-menu-container md-select-menu md-content md-option[disabled]:active {
color: #BFBFBF;
background-color: #F8F8FA; }
.md-select-menu-container.md-active,
.piq-select-menu-container.md-active {
transition-duration: 0.15s;
-webkit-transition-duration: 0.15s; }
.md-select-menu-container.md-active md-select-menu > md-content,
.piq-select-menu-container.md-active md-select-menu > md-content {
transition-delay: 0.075s;
-webkit-transition-delay: 0.075;
transition-duration: 0.1s;
-webkit-transition-duration: 0.1s; }
.md-select-menu-container.md-leave,
.piq-select-menu-container.md-leave {
transition-duration: 0.15s;
-webkit-transition-duration: 0.15s; }
.piq-typeahead {
position: relative; }
.piq-md-switch {
margin: 0 0 15px; }
.piq-md-switch:last-of-type {
margin: 0; }
.piq-md-switch .md-container {
width: 34px;
height: 20px;
margin-right: 12px; }
.piq-md-switch .md-container .md-bar {
left: 0;
top: 0;
height: 20px;
width: 34px;
border-radius: 10px;
background: #D9D9D9;
border: 1px solid #BFBFBF;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition-property: border, -webkit-transform;
transition-property: border, -webkit-transform;
transition-property: transform, border;
transition-property: transform, border, -webkit-transform; }
.piq-md-switch .md-container .md-thumb-container {
width: 14px;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out; }
.piq-md-switch .md-container .md-thumb {
background-color: #FFFFFF;
width: 16px;
height: 16px;
left: 2px; }
.piq-md-switch .md-label {
font-size: 13px;
line-height: 20px; }
.piq-md-switch:hover .md-bar {
border-color: #7F7F7F; }
.piq-md-switch.md-checked .md-container .md-bar {
border: solid 10px #2095F3; }
.piq-md-switch.md-checked .md-container .md-ink-ripple {
color: #2095F3; }
.piq-md-switch[disabled] {
cursor: not-allowed; }
.piq-md-switch[disabled] * {
cursor: not-allowed; }
.piq-md-switch[disabled]:not(.md-checked) .md-bar {
border-color: #E5E5E5;
background-color: #F2F2F2; }
.piq-md-switch[disabled].md-checked .md-bar {
border: solid 10px rgba(32, 149, 243, 0.3);
background-color: transparent; }
.piq-md-switch.md-checked.md-focused .md-thumb:before,
.piq-md-switch:not(.md-checked).md-focused .md-thumb:before {
background-color: rgba(51, 51, 51, 0.1); }
.piq-modal {
text-align: center; }
.piq-modal.fade .modal-dialog {
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s; }
@media screen and (min-width: 768px) {
.piq-modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%; } }
.piq-modal .modal-backdrop.in {
opacity: 0.25;
filter: alpha(opacity=25); }
.piq-modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle; }
@media (min-width: 768px) {
.piq-modal .modal-dialog {
width: 480px; }
.piq-modal .modal-sm {
width: 320px; }
.piq-modal .modal-lg {
width: 560px; } }
.piq-modal .modal-content {
background-color: #FFFFFF;
border-radius: 2px;
border: 1px solid #BFBFBF;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); }
.piq-modal .modal-content .modal-header {
padding: 21px 25px 5px;
border: none; }
.piq-modal .modal-content .modal-title {
margin-right: 25px; }
.piq-modal .modal-content .modal-body {
padding: 15px 25px;
border: none; }
.piq-modal .modal-content .modal-body p {
color: #666666;
margin: 0; }
.piq-modal .modal-content .modal-footer {
padding: 10px 25px 25px;
border: none; }
.piq-modal .modal-content .modal-footer .btn + .btn {
margin-left: 5px; }
.piq-modal .modal-content .action-area {
background-color: #FCFCFD;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #E5E5E5;
margin: 8px 0;
padding: 25px; }
.piq-modal .modal-content .close {
position: absolute;
right: 12px;
top: 12px;
min-width: 0;
min-height: 0;
margin: 0;
padding: 9px;
font-size: 16px;
border-radius: 2px;
opacity: 1;
outline: none;
text-shadow: none;
-webkit-text-shadow: none;
-moz-text-shadow: none;
-ms-text-shadow: none;
-o-text-shadow: none; }
.piq-modal .modal-content .close .fa {
line-height: 16px;
width: 16px;
text-align: center;
color: #7F7F7F; }
.piq-modal .modal-content .close:hover {
background-color: #F2F2F2; }
.piq-modal.modal-primary .modal-content {
border-top: 2px solid #2095F3; }
.piq-modal.modal-success .modal-content {
border-top: 2px solid #00B896; }
.piq-modal.modal-warning .modal-content {
border-top: 2px solid #FFD400; }
.piq-modal.modal-danger .modal-content {
border-top: 2px solid #FF415E; }
.piq-modal.modal-muted .modal-content {
border-top: 2px solid #333333; }
.piq-tooltip.in {
opacity: 1; }
.piq-tooltip .tooltip-inner {
padding: 8px 12px;
background-color: #223E57;
border-radius: 2px;
font-size: 12px;
line-height: 14px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
.piq-tooltip.top .tooltip-arrow {
border-top-color: #223E57 !important; }
.piq-tooltip.right .tooltip-arrow {
border-right-color: #223E57 !important; }
.piq-tooltip.bottom .tooltip-arrow {
border-bottom-color: #223E57 !important; }
.piq-tooltip.left .tooltip-arrow {
border-left-color: #223E57 !important; }
.piq-tooltip.tooltip-lg {
min-width: 120px; }
.piq-tooltip.tooltip-lg .tooltip-inner {
padding: 12px;
text-align: left; }
.piq-tooltip.tooltip-lg .tooltip-inner p {
margin: 0; }
.piq-tooltip.tooltip-lg .tooltip-inner label {
color: rgba(255, 255, 255, 0.5);
margin-bottom: 4px; }
.piq-tooltip.tooltip-lg .tooltip-inner .divider {
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
margin: 10px -12px; }
.piq-pager {
display: inline-block;
vertical-align: middle;
text-align: left;
margin: 0; }
.piq-pager li {
position: relative;
float: left; }
.piq-pager li:first-child {
margin-left: 0; }
.piq-pager li:last-child {
margin-left: -1px; }
.piq-pager li:first-child:not(:last-child) > a {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.piq-pager li:last-child:not(:first-child) > a {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.piq-pager li > a,
.piq-pager li > span {
padding: 9px 0;
width: 34px;
margin: 0;
min-height: 0;
border: 1px solid;
border-radius: 2px;
outline: none !important;
color: #333333;
background: #F2F2F2;
border-color: #BFBFBF;
font: normal normal normal 13px FontAwesome;
font-size: 12px;
line-height: 14px;
font-weight: 600;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center; }
.piq-pager li.disabled > a {
opacity: 0.4;
color: #333333;
background: #F2F2F2;
border-color: #BFBFBF; }
.piq-pager li.disabled > a:hover, .piq-pager li.disabled > a:focus {
background: #E5E5E5;
border-color: #BFBFBF; }
.piq-pager li.disabled > a:active {
background: #E5E5E5 !important;
border-color: #BFBFBF !important; }
.piq-pager-indicator {
display: inline-block;
vertical-align: middle;
margin: 0 10px; }
.piq-pager-indicator .dropdown-toggle.btn-sm {
font-size: 13px;
line-height: 20px;
padding: 3px;
top: -2px;
vertical-align: baseline; }
.piq-badge {
height: 24px;
min-width: 24px;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-align: center;
padding: 6px 6px 7px;
border-radius: 2px;
background-color: #E5E5E5;
color: #333333;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-badge .fa {
margin-right: 5px;
line-height: 11px; }
.btn .piq-badge {
vertical-align: middle;
margin: -5px -8px -6px 10px; }
.btn .piq-badge.ng-hide {
width: 0;
min-width: 0;
opacity: 0; }
.btn .piq-badge:first-child {
margin: -5px 10px -6px -8px; }
.piq-badge:hover {
background-color: #D9D9D9; }
.piq-badge.badge-primary {
background-color: #2095F3;
color: #FFFFFF; }
.piq-badge.badge-primary:hover {
background-color: #1C84D9; }
.piq-badge.badge-success {
background-color: #00B896;
color: #FFFFFF; }
.piq-badge.badge-success:hover {
background-color: #009E81; }
.piq-badge.badge-warning {
background-color: #FFEA7F;
color: #333333; }
.piq-badge.badge-warning:hover {
background-color: #FFD400; }
.piq-badge.badge-danger {
background-color: #FF415E;
color: #FFFFFF; }
.piq-badge.badge-danger:hover {
background-color: #E63B55; }
.piq-badge[class*="badge-outline"] {
background-color: transparent;
padding: 5px 5px 6px; }
.piq-badge.badge-outline {
border: solid 1px #BFBFBF;
color: #333333; }
.piq-badge.badge-outline:hover {
background-color: #7F7F7F;
border-color: #7F7F7F;
color: #FFFFFF; }
.piq-badge.badge-outline-primary {
border: solid 1px #2095F3;
color: #2095F3; }
.piq-badge.badge-outline-primary:hover {
background-color: #2095F3;
color: #FFFFFF; }
.piq-badge.badge-outline-success {
border: solid 1px #00B896;
color: #00B896; }
.piq-badge.badge-outline-success:hover {
background-color: #00B896;
color: #FFFFFF; }
.piq-badge.badge-outline-warning {
border: solid 1px #FFAC00;
color: #FFAC00; }
.piq-badge.badge-outline-warning:hover {
background-color: #FFAC00;
color: #FFFFFF; }
.piq-badge.badge-outline-danger {
border: solid 1px #FF415E;
color: #FF415E; }
.piq-badge.badge-outline-danger:hover {
background-color: #FF415E;
color: #FFFFFF; }
.piq-badge.badge-square {
width: 24px;
height: 24px;
padding-left: 0;
padding-right: 0; }
.piq-badge.badge-square .fa {
margin: 0; }
.piq-table {
background-color: #FFFFFF;
border: solid 1px #D9D9D9;
border-radius: 2px;
margin: 0;
width: 100%; }
.piq-table > thead > tr:last-of-type > td,
.piq-table > tbody > tr:last-of-type > td {
border-bottom: none; }
.piq-table > thead > tr:not(.header):hover,
.piq-table > tbody > tr:not(.header):hover {
background-color: #F8F8FA;
cursor: pointer; }
.piq-table > thead > tr:not(.header):active,
.piq-table > tbody > tr:not(.header):active {
background-color: #F2F2F2; }
.piq-table > thead > tr > td,
.piq-table > thead > tr > th,
.piq-table > tbody > tr > td,
.piq-table > tbody > tr > th {
height: 40px;
padding: 8px 6px 7px;
font-size: 13px;
line-height: 20px;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis; }
.piq-table > thead > tr > td:first-of-type,
.piq-table > thead > tr > th:first-of-type,
.piq-table > tbody > tr > td:first-of-type,
.piq-table > tbody > tr > th:first-of-type {
padding-left: 12px; }
.piq-table > thead > tr > td:last-of-type,
.piq-table > thead > tr > th:last-of-type,
.piq-table > tbody > tr > td:last-of-type,
.piq-table > tbody > tr > th:last-of-type {
padding-right: 12px; }
.piq-table > thead > tr > td,
.piq-table > tbody > tr > td {
border-top: none;
border-bottom: 1px solid #F2F2F2; }
.piq-table > thead > tr > th,
.piq-table > tbody > tr > th {
background-color: #FCFCFD;
border-top: none;
border-bottom: 1px solid #D9D9D9;
cursor: pointer; }
.piq-table > thead > tr > th > .fa,
.piq-table > tbody > tr > th > .fa {
margin-left: 5px;
color: #BFBFBF; }
.piq-table > thead > tr > th:hover > .fa,
.piq-table > tbody > tr > th:hover > .fa {
color: #333333; }
.piq-table > thead > tr.row-small td,
.piq-table > tbody > tr.row-small td {
padding-top: 3px;
padding-bottom: 2px; }
.piq-table > thead > tr md-checkbox,
.piq-table > tbody > tr md-checkbox {
margin: 0; }
.piq-table > thead > tr md-checkbox .md-label,
.piq-table > tbody > tr md-checkbox .md-label {
margin-left: 0; }
.piq-table > thead > tr .fit-content,
.piq-table > tbody > tr .fit-content {
width: 1%; }
.piq-table.table-layout-fixed {
table-layout: fixed; }
.piq-table.table-no-hover thead > tr:hover,
.piq-table.table-no-hover tbody > tr:hover {
background-color: transparent;
cursor: auto; }
.piq-table.single-header {
border-bottom: none; }
.piq-table.single-header > thead > tr > th {
background-color: #333333;
border-bottom: none; }
.piq-table.single-header ~ .piq-table {
margin-bottom: 10px; }
.piq-table.single-header ~ .piq-table > thead > tr > th {
background-color: #FCFCFD; }
.piq-table .td-05 {
max-width: 1px;
width: 5%; }
.piq-table .td-10 {
max-width: 1px;
width: 10%; }
.piq-table .td-15 {
max-width: 1px;
width: 15%; }
.piq-table .td-20 {
max-width: 1px;
width: 20%; }
.piq-table .td-25 {
max-width: 1px;
width: 25%; }
.piq-table .td-30 {
max-width: 1px;
width: 30%; }
.piq-table .td-35 {
max-width: 1px;
width: 35%; }
.piq-table .td-40 {
max-width: 1px;
width: 40%; }
.piq-table .td-45 {
max-width: 1px;
width: 45%; }
.piq-table .td-50 {
max-width: 1px;
width: 50%; }
.piq-table .td-55 {
max-width: 1px;
width: 55%; }
.piq-table .td-60 {
max-width: 1px;
width: 60%; }
.piq-table .td-65 {
max-width: 1px;
width: 65%; }
.piq-table .td-70 {
max-width: 1px;
width: 70%; }
.piq-table .td-75 {
max-width: 1px;
width: 75%; }
.piq-table .td-80 {
max-width: 1px;
width: 80%; }
.piq-table .td-85 {
max-width: 1px;
width: 85%; }
.piq-table .td-90 {
max-width: 1px;
width: 90%; }
.piq-table .td-95 {
max-width: 1px;
width: 95%; }
.piq-table-group {
display: table;
width: 100%;
margin-bottom: 20px; }
.piq-table-group > * {
border-radius: 0; }
.piq-table-group:first-child {
border-radius: 2px 2px 0 0; }
.piq-table-group:last-child {
border-radius: 0 0 2px 2px; }
.piq-table-group .table-header,
.piq-table-group .table-footer {
background-color: #FCFCFD;
border: 1px solid #D9D9D9;
padding: 8px 12px;
margin: 0; }
.piq-table-group .table-header .form-control,
.piq-table-group .table-header .btn,
.piq-table-group .table-footer .form-control,
.piq-table-group .table-footer .btn {
vertical-align: top;
margin-bottom: 0 !important; }
.piq-table-group .table-header .btn + .btn,
.piq-table-group .table-header .btn + .input-search,
.piq-table-group .table-footer .btn + .btn,
.piq-table-group .table-footer .btn + .input-search {
margin-left: 5px; }
.piq-table-group .table-header .input-search,
.piq-table-group .table-footer .input-search {
width: 250px; }
.piq-table-group .table-header .badge-bulk,
.piq-table-group .table-footer .badge-bulk {
margin: 5px 10px; }
.piq-table-group .table-header .badge-bulk.ng-hide,
.piq-table-group .table-footer .badge-bulk.ng-hide {
opacity: 0;
transform: translateY(10px); }
.piq-table-group .table-header {
border-bottom: none;
border-radius: 2px 2px 0 0; }
.piq-table-group .table-footer {
border-top: none;
border-radius: 0 0 2px 2px; }
.piq-table-group .table-filter {
margin-bottom: 10px; }
.piq-table-group .table-filter .filter-body {
border: 1px solid #D9D9D9;
background-color: #FFFFFF;
padding: 20px; }
.piq-table-group .table-filter .filter-body .filter-row {
margin-bottom: 15px; }
.piq-table-group .table-filter .filter-body .filter-row .filter-label label {
margin: 10px 0; }
.piq-table-group .table-filter .filter-body .filter-row .filter-content > * {
width: 100%; }
.piq-table-group .table-no-results {
background-color: #FFFFFF;
border: solid 1px #D9D9D9;
border-top: none;
padding: 20px;
text-align: center; }
.piq-table-group .table-no-results > img {
margin-bottom: 15px; }
.table-accordion {
margin-bottom: 0; }
.table-accordion .table-accordion-head > thead > tr > th,
.table-accordion .table-accordion-head > thead > tr > td,
.table-accordion .table-accordion-head > tbody > tr > th,
.table-accordion .table-accordion-head > tbody > tr > td {
background-color: #FFFFFF;
height: 50px; }
.table-accordion .table-accordion-body {
overflow: hidden;
display: block; }
.table-accordion .table-accordion-body.collapse {
display: none; }
.table-accordion .table-accordion-body.collapse.in {
display: block; }
.table-accordion .table-accordion-body.collapsing {
transition: all 0.35s ease; }
.table-accordion .table-accordion-body .table {
border-top: none;
margin-bottom: 16px; }
.table-accordion .table-accordion-body .table > thead > tr > th,
.table-accordion .table-accordion-body .table > thead > tr > td,
.table-accordion .table-accordion-body .table > tbody > tr > th,
.table-accordion .table-accordion-body .table > tbody > tr > td {
background-color: #FCFCFD;
height: 40px; }
.table-accordion .table-accordion-empty {
border-top: none;
margin-bottom: 16px;
table-layout: fixed;
display: table; }
.table-accordion .table-accordion-empty > thead > tr > th,
.table-accordion .table-accordion-empty > thead > tr > td,
.table-accordion .table-accordion-empty > tbody > tr > th,
.table-accordion .table-accordion-empty > tbody > tr > td {
background-color: #FCFCFD;
padding-top: 20px;
padding-bottom: 20px;
text-align: center; }
.table-accordion .table-accordion-empty > thead > tr > th .plateiq-h4,
.table-accordion .table-accordion-empty > thead > tr > td .plateiq-h4,
.table-accordion .table-accordion-empty > tbody > tr > th .plateiq-h4,
.table-accordion .table-accordion-empty > tbody > tr > td .plateiq-h4 {
margin-bottom: 5px; }
.table-accordion + .table-accordion {
margin-top: -1px; }
.table-accordion .piq-dropdown .piq-dropdown-menu {
display: none; }
.table-accordion .piq-dropdown.open .piq-dropdown-menu {
display: block; }
.piq-panel {
border-radius: 2px;
border: 1px solid #D9D9D9;
background-color: #FFFFFF;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none; }
.piq-panel .panel-heading {
padding: 10px 10px 10px 20px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
background-color: transparent;
color: #333333;
border-color: #E5E5E5; }
.piq-panel .panel-heading .panel-title {
display: inline-block; }
.piq-panel .panel-heading h3.panel-title {
padding: 7px 0;
font-size: 13px;
line-height: 20px;
font-weight: bold; }
.piq-panel .panel-heading h2.panel-title {
padding: 10px 0;
font-size: 26px;
line-height: 32px;
font-weight: lighter; }
.piq-panel .panel-heading .btn-collapse.btn-sm {
margin-left: -10px;
margin-right: 5px;
margin-top: -2px; }
.piq-panel .panel-body {
padding: 20px;
font-size: 13px;
line-height: 20px; }
.piq-panel .panel-list {
margin: 0;
padding: 0;
list-style-type: none; }
.piq-panel .panel-list li a {
display: block;
position: relative;
color: #333333;
border-bottom: 1px solid #F2F2F2;
padding: 15px 20px;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none; }
.piq-panel .panel-list li a .badge {
margin: -3px 0;
vertical-align: baseline; }
.piq-panel .panel-list li a > .fa {
line-height: inherit;
color: #7F7F7F; }
.piq-panel .panel-list li a:hover, .piq-panel .panel-list li a:focus {
background-color: #F8F8FA;
text-decoration: none; }
.piq-panel .panel-list li:last-of-type a {
border-bottom: none; }
.piq-panel .panel-form {
overflow: hidden; }
.piq-panel .panel-form .form-row {
padding: 15px 20px;
min-height: 50px;
border-bottom: solid 1px #F2F2F2;
vertical-align: baseline; }
.piq-panel .panel-form .form-row:last-of-type {
border-bottom: none; }
.piq-panel .panel-form .form-row:hover, .piq-panel .panel-form .form-row:focus {
background-color: #FCFCFD; }
.piq-panel .panel-form .form-row .prop-label label {
margin: 0; }
.piq-panel .panel-form .form-row .prop-content .form-control,
.piq-panel .panel-form .form-row .prop-content > .btn {
margin-top: -7px;
margin-bottom: -7px; }
.piq-panel .panel-form .form-row .prop-content > md-switch {
margin: -5px 0; }
.piq-panel .panel-form .form-row .prop-content > p {
display: inline-block; }
.piq-panel .panel-table {
overflow-x: hidden; }
.piq-panel .panel-table .table {
border: none;
table-layout: fixed;
border-right: 1px solid #E5E5E5; }
.piq-panel .panel-table .table:last-of-type {
margin-left: 0;
border-right: none; }
.piq-panel .panel-table .table tr {
width: 100%;
position: relative; }
.piq-panel .panel-table .table tr:last-of-type {
border-bottom: none; }
.piq-panel .panel-table .table td {
padding: 10px 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.piq-panel .panel-table .table td:first-of-type {
padding-left: 20px; }
.piq-panel .panel-table .table td:last-of-type {
padding-right: 20px; }
.piq-panel .panel-table .table td.td-05 {
width: 5%; }
.piq-panel .panel-table .table td.td-10 {
width: 10%; }
.piq-panel .panel-table .table td.td-15 {
width: 15%; }
.piq-panel .panel-table .table td.td-20 {
width: 20%; }
.piq-panel .panel-table .table td.td-25 {
width: 25%; }
.piq-panel .panel-table .table td.td-30 {
width: 30%; }
.piq-panel .panel-table .table td.td-35 {
width: 35%; }
.piq-panel .panel-table .table td.td-40 {
width: 40%; }
.piq-panel .panel-table .table td.td-45 {
width: 45%; }
.piq-panel .panel-table .table td.td-50 {
width: 50%; }
.piq-panel .panel-table .table td.td-55 {
width: 55%; }
.piq-panel .panel-table .table td.td-60 {
width: 60%; }
.piq-panel .panel-table .table td.td-65 {
width: 65%; }
.piq-panel .panel-table .table td.td-70 {
width: 70%; }
.piq-panel .panel-table .table td.td-75 {
width: 75%; }
.piq-panel .panel-table .table td.td-80 {
width: 80%; }
.piq-panel .panel-table .table td.td-85 {
width: 85%; }
.piq-panel .panel-table .table td.td-90 {
width: 90%; }
.piq-panel .panel-table .table td.td-95 {
width: 95%; }
.piq-panel .panel-table.panel-table-col-2 .table {
width: 50%;
float: left; }
.piq-panel .panel-table.panel-table-col-3 .table {
width: 33.3333%;
float: left; }
.piq-panel .panel-table.panel-table-col-4 .table {
width: 25%;
float: left; }
.piq-panel.panel-primary {
border-top: solid 2px #2095F3; }
.piq-panel.panel-success {
border-top: solid 2px #00B896; }
.piq-panel.panel-danger {
border-top: solid 2px #FF415E; }
.piq-panel.panel-warning {
border-top: solid 2px #FFD400; }
.piq-panel.panel-primary-filled {
background-color: #2095F3;
border: #1C84D9;
color: #FFFFFF; }
.piq-panel.panel-primary-filled .panel-list li a {
color: #FFFFFF;
border-bottom-color: #1874BF; }
.piq-panel.panel-primary-filled .panel-list li a:hover, .piq-panel.panel-primary-filled .panel-list li a:focus {
background-color: #1C84D9; }
.piq-panel.panel-primary-filled .panel-list li a:active {
background-color: #1874BF; }
.piq-panel.panel-danger-filled {
background-color: #FF415E;
border: #E63B55;
color: #FFFFFF; }
.piq-panel.panel-danger-filled .panel-list li a {
color: #FFFFFF;
border-bottom-color: #CC354B; }
.piq-panel.panel-danger-filled .panel-list li a:hover, .piq-panel.panel-danger-filled .panel-list li a:focus {
background-color: #E63B55; }
.piq-panel.panel-danger-filled .panel-list li a:active {
background-color: #CC354B; }
.datepicker table tr td,
.datepicker table tr th {
border-radius: 2px; }
.datepicker table tr td span,
.datepicker table tr th span {
border-radius: 2px; }
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
background: #2095F3;
border-color: #1C84D9; }
.datepicker table tr td.active.active .fa,
.datepicker table tr td.active.active .caret,
.datepicker table tr td span.active.active .fa,
.datepicker table tr td span.active.active .caret {
color: #FFFFFF; }
.datepicker table tr td.active.active:hover, .datepicker table tr td.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.active:focus {
background: #1C84D9;
border-color: #1C84D9; }
.datepicker table tr td.active.active:active, .datepicker table tr td.active.active:visited,
.datepicker table tr td span.active.active:active,
.datepicker table tr td span.active.active:visited {
background: #1874BF;
border-color: #1874BF; }
.datepicker table tr td.day:hover,
.datepicker table tr td span:hover,
.datepicker table tr:first-child th:hover {
background: #E5E5E5; }
.datepicker table tr td.day:active,
.datepicker table tr td span:active,
.datepicker table tr:first-child th:active {
background: #BFBFBF; }
.piq-progress {
height: 2px;
margin-bottom: 0;
background-color: #E5E5E5;
border-radius: 2px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none; }
.piq-progress .progress-bar {
overflow: visible;
background-color: #2095F3;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
text-align: right; }
.piq-progress .progress-bar span {
display: inline-block;
font-size: 11px;
line-height: 14px;
font-weight: bold;
position: absolute;
top: -1.5em;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
color: #2095F3; }
.piq-progress.progress-lg {
height: 10px; }
.piq-progress.progress-xl {
height: 24px; }
.piq-progress.progress-xl span {
color: #FFFFFF;
position: static;
margin: 5px 5px 0 0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none; }
.piq-progress .progress-bar-muted {
background-color: #333333; }
:not(.progress-xl) .piq-progress .progress-bar-muted span {
color: #333333; }
.piq-progress .progress-bar-success {
background-color: #00B896; }
:not(.progress-xl) .piq-progress .progress-bar-success span {
color: #00B896; }
.piq-progress .progress-bar-warning {
background-color: #FFD400; }
:not(.progress-xl) .piq-progress .progress-bar-warning span {
color: #FFAC00; }
.piq-progress .progress-bar-danger {
background-color: #FF415E; }
:not(.progress-xl) .piq-progress .progress-bar-danger span {
color: #FF415E; }
.piq-alert {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
border-radius: 2px;
vertical-align: middle;
position: relative;
border-bottom-width: 2px; }
.piq-alert.alert-danger {
background-color: rgba(255, 65, 94, 0.04);
border-color: rgba(255, 65, 94, 0.35);
color: #E63B55; }
.piq-alert.alert-success {
background-color: rgba(0, 184, 150, 0.04);
border-color: rgba(0, 184, 150, 0.35);
color: #009E81; }
.piq-alert.alert-warning {
background-color: rgba(255, 234, 127, 0.05);
border-color: #FFD400;
color: #FFAC00; }
.piq-alert.alert-info {
background-color: rgba(32, 149, 243, 0.04);
border-color: rgba(32, 149, 243, 0.35);
color: #1C84D9; }
.piq-alert > .close {
width: 24px;
height: 24px;
padding: 1px 0 3px;
outline: none !important;
border-radius: 2px;
opacity: 0.6;
text-shadow: none;
line-height: 20px;
text-align: center;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-alert > .close:hover, .piq-alert > .close:focus {
background-color: rgba(51, 51, 51, 0.1);
color: inherit;
opacity: 1; }
.piq-alert > .close:active {
background-color: rgba(51, 51, 51, 0.15); }
.nav.nav-tabs {
border-bottom: none; }
.nav.nav-tabs > li > a {
height: 44px;
padding: 11px 14px;
font-size: 13px;
line-height: 20px;
font-weight: bold;
color: #7F7F7F;
margin-right: 0;
border: 1px solid transparent;
border-radius: 2px 2px 0 0;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.nav.nav-tabs > li > a:hover {
background-color: transparent;
color: #333333; }
.nav.nav-tabs > li > a:before {
content: "";
display: block;
width: 0%;
height: 2px;
position: absolute;
top: -1px;
left: -1px;
left: 50%;
background-color: #2095F3;
border-radius: 2px 2px 0 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s; }
.nav.nav-tabs > li > a .count {
font-weight: normal; }
.nav.nav-tabs > li.active > a {
background-color: #F8F8FA;
color: #333333;
border: 1px solid #D9D9D9;
border-bottom-color: transparent; }
.nav.nav-tabs > li.active > a:before {
width: calc(100% + 2px); }
.nav.nav-tabs > li.disabled > a {
color: #BFBFBF;
cursor: not-allowed; }
.piq-md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab {
height: 44px;
padding: 11px 14px;
font-size: 13px;
line-height: 20px;
font-weight: bold;
text-transform: none;
color: #7F7F7F;
border: 1px solid transparent;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s;
border-radius: 2px 2px 0 0; }
.piq-md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab .count {
font-weight: normal; }
.piq-md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab:hover {
color: #333333; }
.piq-md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab.md-active {
background-color: #F8F8FA;
color: #333333;
border: 1px solid #D9D9D9;
border-bottom-color: transparent; }
.piq-md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar {
color: #7F7F7F;
background-color: #2095F3;
top: 0px;
border-radius: 2px 2px 0 0; }
.piq-navbar {
background-color: #173045;
border-radius: 0;
border: none;
margin: 0; }
.piq-navbar .navbar-top {
padding: 12px 10px 4px; }
.piq-navbar .navbar-nav > li > a {
font-size: 13px;
line-height: 20px;
font-weight: 600;
color: #FFFFFF;
padding: 10px 15px 12px;
margin-top: 6px;
border-radius: 2px 2px 0 0;
border-top: solid 2px transparent;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
.piq-navbar .navbar-nav > li > a:hover, .piq-navbar .navbar-nav > li > a:focus {
background-color: #2D4D6B; }
.piq-navbar .navbar-nav > li > a > .caret {
float: none;
right: 0;
top: -1px;
margin: 0 0 0 10px;
opacity: 0.5; }
.piq-navbar .navbar-nav > li.active > a {
color: #333333;
background-color: #FFFFFF;
border-top-color: #2095F3;
padding-top: 10px; }
.piq-navbar .navbar-nav > li.active > a:hover {
background-color: #2D4D6B;
color: #FFFFFF; }
.piq-navbar .navbar-nav > li.active > a:focus {
color: #333333;
background-color: #FFFFFF; }
.piq-navbar .navbar-nav > li:first-of-type.active > a {
background-color: #F8F8FA; }
.piq-navbar .navbar-nav > li:first-of-type.active > a:hover {
background-color: #2D4D6B;
color: #FFFFFF; }
.piq-navbar .navbar-nav > li:first-of-type.active > a:focus {
color: #333333;
background-color: #FFFFFF; }
.piq-navbar .navbar-nav > li > .quickaction {
color: rgba(255, 255, 255, 0.5); }
.piq-navbar .navbar-nav > li > .quickaction:hover, .piq-navbar .navbar-nav > li > .quickaction:focus {
color: #FFFFFF; }
.piq-navbar .navbar-nav > li.open > a,
.piq-navbar .navbar-nav > li.active.open > a {
background-color: #2D4D6B;
color: #FFFFFF; }
.piq-navbar .navbar-nav > li > .dropdown-menu {
border-radius: 0 0 2px 2px; }
.piq-navbar .user-icon,
.piq-navbar .restaurant-icon {
top: -1px; }
.piq-navbar .dropdown-menu-dark {
min-width: 240px;
max-height: none;
margin: 0;
padding: 15px;
border: none;
border-radius: 2px;
background-color: #2D4D6B;
box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
.piq-navbar .dropdown-menu-dark li > a {
display: block;
text-decoration: none;
position: relative;
padding: 7px 10px;
margin: 5px 0;
border-radius: 2px;
color: #FFFFFF; }
.piq-navbar .dropdown-menu-dark li > a:hover, .piq-navbar .dropdown-menu-dark li > a:focus {
background-color: #223E57; }
.piq-navbar .dropdown-menu-dark li > a .fa {
color: rgba(255, 255, 255, 0.5);
margin-right: 10px; }
.piq-navbar .dropdown-menu-dark li.active > a {
background-color: #2095F3; }
.piq-navbar .dropdown-menu-dark li.active > a .fa {
color: #FFFFFF; }
.piq-navbar .dropdown-menu-dark li.disabled > a,
.piq-navbar .dropdown-menu-dark li.ng-disabled > a,
.piq-navbar .dropdown-menu-dark li[disabled] > a,
.piq-navbar .dropdown-menu-dark li > a[disabled],
.piq-navbar .dropdown-menu-dark li > a.ng-disabeld {
color: rgba(255, 255, 255, 0.5); }
.piq-navbar .dropdown-menu-dark li.disabled > a:hover, .piq-navbar .dropdown-menu-dark li.disabled > a:focus,
.piq-navbar .dropdown-menu-dark li.ng-disabled > a:hover,
.piq-navbar .dropdown-menu-dark li.ng-disabled > a:focus,
.piq-navbar .dropdown-menu-dark li[disabled] > a:hover,
.piq-navbar .dropdown-menu-dark li[disabled] > a:focus,
.piq-navbar .dropdown-menu-dark li > a[disabled]:hover,
.piq-navbar .dropdown-menu-dark li > a[disabled]:focus,
.piq-navbar .dropdown-menu-dark li > a.ng-disabeld:hover,
.piq-navbar .dropdown-menu-dark li > a.ng-disabeld:focus {
background-color: transparent; }
.piq-navbar .dropdown-menu-dark.dropdown-multi-column {
width: 480px; }
.piq-navbar .dropdown-menu-dark .user-profile {
display: table;
table-layout: fixed;
padding: 10px 10px 15px; }
.piq-navbar .dropdown-menu-dark .user-profile .user-icon {
display: table-cell;
min-width: 40px;
max-width: 40px;
height: 40px;
max-height: 40px;
padding: 8px 0;
border-radius: 2px;
font-size: 16px;
line-height: 24px;
vertical-align: middle; }
.piq-navbar .dropdown-menu-dark .user-profile .user-info {
display: table-cell;
padding-left: 15px; }
.piq-navbar .dropdown-menu-dark .user-profile .user-info .user-name {
font-weight: 600;
color: #FFFFFF;
margin-bottom: 5px; }
.piq-navbar .dropdown-menu-dark .user-profile .user-info .user-email {
font-size: 12px;
line-height: 14px;
color: rgba(255, 255, 255, 0.75); }
.piq-navbar .dropdown-column {
width: 50%;
float: left; }
.piq-navbar .dropdown-column > li > a {
max-width: 210px; }
.piq-navbar .dropdown-topnav .dropdown-toggle,
.piq-navbar .dropdown-topnav .dropdown-menu {
transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-ms-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s; }
.piq-navbar .dropdown-topnav .dropdown-toggle {
font-size: 13px; }
.piq-navbar .dropdown-topnav .dropdown-menu {
margin-top: -34px;
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px); }
.piq-navbar .dropdown-topnav.open .dropdown-toggle {
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px); }
.piq-navbar .dropdown-topnav.open .dropdown-menu {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0); }
.piq-navbar .dropdown-menu-search .input-with-icon,
.piq-navbar .dropdown-menu-search .btn {
display: block;
width: 100%;
margin: 10px 0; }
header {
padding: 20px 0 0;
margin: 0 0 25px;
background-color: #FFFFFF;
border-bottom: 1px solid #D9D9D9; }
header .nav-tabs,
header uib-tabset {
margin-top: 15px; }
.piq-breadcrumb {
padding: 0;
background-color: transparent;
margin-bottom: 5px; }
.piq-breadcrumb > li > a {
color: #7F7F7F; }
.piq-breadcrumb > li.active {
color: #333333; }
.piq-breadcrumb > li + li:before {
font-family: FontAwesome;
content: "\f105";
padding: 0 5px;
color: #BFBFBF; }
md-slider .md-track,
md-slider.md-default-theme .md-track {
background-color: #D9D9D9; }
md-slider .md-track.md-track-fill,
md-slider.md-default-theme .md-track.md-track-fill {
background-color: #333333; }
md-slider .md-thumb:after,
md-slider.md-default-theme .md-thumb:after {
border-color: #333333;
background-color: #333333; }
#toast-container div[toast].ng-enter {
transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
transform: translateY(-80%); }
#toast-container div[toast].ng-enter.ng-enter-active {
opacity: 1;
transform: translateY(0); }
#toast-container div[toast].ng-leave {
transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
opacity: 1;
transform: translateY(0); }
#toast-container div[toast].ng-leave.ng-leave-active {
opacity: 0;
transform: translateY(-80%); }
#toast-container.toast-top-center {
top: 12px; }
#toast-container.toast-top-center .toast {
margin: 0 auto 5px;
width: 380px; }
#toast-container .piq-toast {
border-radius: 2px;
opacity: 1;
padding: 15px 15px 15px 55px;
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.1), 0px 6px 10px -3px rgba(0, 0, 0, 0.08), 0px 1px 18px -5px rgba(0, 0, 0, 0.07);
background-position: 15px;
background-size: 24px;
color: #FFFFFF;
background-color: #223E57;
border-bottom: 3px solid transparent;
outline: none !important;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
#toast-container .piq-toast.toast-info {
background-color: #2095F3;
border-bottom-color: #1874BF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%232095F3'/%3E%3Cpath d='M12 11v6M12 8v1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
#toast-container .piq-toast.toast-info:hover {
background-color: #1C84D9; }
#toast-container .piq-toast.toast-success {
background-color: #00B896;
border-bottom-color: #00856C;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2300B896'/%3E%3Cpath d='M9 12.5l2.5 2.5 5-5' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
#toast-container .piq-toast.toast-success:hover {
background-color: #009E81; }
#toast-container .piq-toast.toast-error {
background-color: #FF415E;
border-bottom-color: #CC354B;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23FF415E'/%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
#toast-container .piq-toast.toast-error:hover {
background-color: #E63B55; }
#toast-container .piq-toast.toast-warning {
background-color: #FFEA7F;
border-bottom-color: #FFAC00;
color: #333333;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 21h20L12 2z' fill='%23FFAC00'/%3E%3Cpath d='M12 9v5M12 16.5v1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
#toast-container .piq-toast.toast-warning:hover {
background-color: #FFD400; }
#toast-container .piq-toast.toast-warning .toast-close-button {
color: #333333; }
#toast-container .piq-toast:hover {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.1), 0px 6px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 18px 0px rgba(0, 0, 0, 0.07); }
#toast-container .piq-toast .toast-close-button {
width: 24px;
height: 24px;
padding: 0 0 6px;
top: -8px;
right: -8px;
text-align: center;
line-height: 5px;
border-radius: 2px;
text-shadow: none;
color: #FFFFFF;
outline: none !important;
transition: all 0.15s ease 0s;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s; }
#toast-container .piq-toast .toast-close-button:hover, #toast-container .piq-toast .toast-close-button:focus {
text-decoration: none;
cursor: pointer;
opacity: 1;
background-color: rgba(255, 255, 255, 0.2); }
#toast-container .piq-toast .toast-close-button:active {
background-color: rgba(255, 255, 255, 0.4); }
.piq-user-icon,
.piq-restaurant-icon {
display: inline-block;
width: 24px;
height: 24px;
padding: 5px 0 8px;
border-radius: 2px;
position: relative;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #FFFFFF;
text-align: center; }
.btn .piq-user-icon, .btn
.piq-restaurant-icon {
vertical-align: middle;
margin: -7px -8px -6px 10px; }
.btn .piq-user-icon:first-child, .btn
.piq-restaurant-icon:first-child {
margin: -7px 10px -6px -8px; }
.piq-restaurant-icon {
background-color: #2095F3; }
.piq-user-icon {
background-color: #2D4D6B; }
.piq-user-icon.user-icon-self {
background-color: #00B896; }
#loading-bar .bar {
height: 3px;
background-color: #2095F3 !important; }
.text-muted {
color: #7F7F7F !important; }
.text-primary {
color: #2095F3 !important; }
.text-success {
color: #00B896 !important; }
.text-warning {
color: #FFAC00 !important; }
.text-danger {
color: #FF415E !important; }
.text-gray-60 {
color: #666666 !important; }
.text-white {
color: #FFFFFF !important; }
.text-white-75 {
color: rgba(255, 255, 255, 0.75) !important; }
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; }
.text-white-25 {
color: rgba(255, 255, 255, 0.25) !important; }
.text-left {
text-align: left !important; }
.text-centered {
text-align: center !important; }
.text-center {
text-align: center !important; }
.text-right {
text-align: right !important; }
.no-padding {
padding: 0 !important; }
.no-margin {
margin: 0 !important; }
.nomargin {
margin: 0 !important; }
.nopadding {
padding: 0 !important; }
.margin-top--5 {
margin-top: 5px; }
.margin-top--10 {
margin-top: 10px; }
.margin-top--15 {
margin-top: 15px; }
.margin-top--20 {
margin-top: 20px; }
.margin-top--25 {
margin-top: 25px; }
.margin-top--30 {
margin-top: 30px; }
.margin-top--40 {
margin-top: 40px; }
.margin-top--50 {
margin-top: 50px; }
.margin-bottom--5 {
margin-bottom: 5px; }
.margin-bottom--10 {
margin-bottom: 10px; }
.margin-bottom--15 {
margin-bottom: 15px; }
.margin-bottom--20 {
margin-bottom: 20px; }
.margin-bottom--25 {
margin-bottom: 25px; }
.margin-bottom--30 {
margin-bottom: 30px; }
.margin-bottom--40 {
margin-bottom: 40px; }
.margin-bottom--50 {
margin-bottom: 50px; }
.margin-right--5 {
margin-right: 5px; }
.margin-right--10 {
margin-right: 10px; }
.margin-right--15 {
margin-right: 15px; }
.margin-right--20 {
margin-right: 20px; }
.margin-right--25 {
margin-right: 25px; }
.margin-right--30 {
margin-right: 30px; }
.margin-right--40 {
margin-right: 40px; }
.margin-right--50 {
margin-right: 50px; }
.margin-left--5 {
margin-left: 5px; }
.margin-left--10 {
margin-left: 10px; }
.margin-left--15 {
margin-left: 15px; }
.margin-left--20 {
margin-left: 20px; }
.margin-left--25 {
margin-left: 25px; }
.margin-left--30 {
margin-left: 30px; }
.margin-left--40 {
margin-left: 40px; }
.margin-left--50 {
margin-left: 50px; }