Файл: Just Wallet 2.0.4/assets/themes/modular_just/assets/wallet.css
Строк: 1520
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom:
1rem;
border: 1px solid transparent;
border-radius:
0;
}
.alert-dismissible .close {
position: absolute;
top: 0;
right:
0;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-success {
color: #fff;
background-color: #25c578;
border-color:
#25c578;
}
.alert-success hr {
border-top-color:
#b1dfbb;
}
.alert-success .alert-link {
color:
#0b2e13;
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.show {
opacity:
1;
}
.button-close {
background-color: transparent;
border: 0;
cursor: pointer;
-webkit-appearance: none;
}
.alert-danger {
color:
#fff;
background-color: #f1193c;
border-color:
#f1193c;
}
.alert-danger hr {
border-top-color:
#f1b0b7;
}
.alert-danger .alert-link {
color: #491217;
}
.alert-warning
{
color: #111;
background-color: #ffc107;
border-color:
#ffc107;
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
cursor: pointer;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select:
none;
-ms-user-select: none;
user-select: none;
border:
1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: background-color
0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s
ease-in-out;
}
.btn:focus, .btn:hover {
text-decoration:
none;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem
rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
opacity:
.65;
}
.btn:not([disabled]):not(.disabled):active,
.btn:not([disabled]):not(.disabled).active {
background-image:
none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events:
none;
}
.btn-primary {
color: #fff;
background-color: #7867a7;
border-color: #7867a7;
}
.btn-primary:hover {
color: #fff;
background-color: #70609B;
border-color: #70609B;
}
.btn-primary:focus,
.btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(120, 103, 167,
0.6196078431372549);
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #007bff;
border-color:
#007bff;
}
.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.show >
.btn-primary.dropdown-toggle {
color: #fff;
background-color: #67588F;
border-color: #67588F;
box-shadow: 0 0 0 0.2rem rgba(120, 103, 167,
0.6196078431372549);
}
.btn-secondary {
color: #fff;
background-color:
#868e96;
border-color: #868e96;
}
.btn-secondary:hover {
color: #fff;
background-color: #727b84;
border-color:
#6c757d;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0
0 0.2rem rgba(134, 142, 150, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
background-color: #868e96;
border-color:
#868e96;
}
.btn-secondary:not([disabled]):not(.disabled):active,
.btn-secondary:not([disabled]):not(.disabled).active,
.show >
.btn-secondary.dropdown-toggle {
color: #fff;
background-color:
#6c757d;
border-color: #666e76;
box-shadow: 0 0 0 0.2rem rgba(134, 142,
150, 0.5);
}
.btn-success {
color: #fff;
background-color: #25c578;
border-color: #25c578;
}
.btn-success:hover {
color: #fff;
background-color: #22B770;
border-color: #22B770;
}
.btn-success:focus,
.btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69,
0.5);
}
.btn-success.disabled, .btn-success:disabled {
background-color:
#28a745;
border-color:
#28a745;
}
.btn-success:not([disabled]):not(.disabled):active,
.btn-success:not([disabled]):not(.disabled).active,
.show >
.btn-success.dropdown-toggle {
color: #fff;
background-color: #20A967;
border-color: #20A967;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69,
0.5);
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184,
0.5);
}
.btn-info.disabled, .btn-info:disabled {
background-color:
#17a2b8;
border-color:
#17a2b8;
}
.btn-info:not([disabled]):not(.disabled):active,
.btn-info:not([disabled]):not(.disabled).active,
.show >
.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184,
0.5);
}
.btn-warning {
color: #111;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #111;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-warning:focus,
.btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7,
0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
background-color:
#ffc107;
border-color:
#ffc107;
}
.btn-warning:not([disabled]):not(.disabled):active,
.btn-warning:not([disabled]):not(.disabled).active,
.show >
.btn-warning.dropdown-toggle {
color: #111;
background-color: #d39e00;
border-color: #c69500;
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7,
0.5);
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.btn-danger:focus,
.btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69,
0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
background-color:
#dc3545;
border-color:
#dc3545;
}
.btn-danger:not([disabled]):not(.disabled):active,
.btn-danger:not([disabled]):not(.disabled).active,
.show >
.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69,
0.5);
}
.btn-light {
color: #111;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #111;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250,
0.5);
}
.btn-light.disabled, .btn-light:disabled {
background-color:
#f8f9fa;
border-color:
#f8f9fa;
}
.btn-light:not([disabled]):not(.disabled):active,
.btn-light:not([disabled]):not(.disabled).active,
.show >
.btn-light.dropdown-toggle {
color: #111;
background-color: #dae0e5;
border-color: #d3d9df;
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250,
0.5);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64,
0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
background-color:
#343a40;
border-color:
#343a40;
}
.btn-dark:not([disabled]):not(.disabled):active,
.btn-dark:not([disabled]):not(.disabled).active,
.show >
.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64,
0.5);
}
.btn-outline-primary {
color: #007bff;
background-color:
transparent;
background-image: none;
border-color:
#007bff;
}
.btn-outline-primary:hover {
color: #fff;
background-color:
#007bff;
border-color: #007bff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255,
0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color:
transparent;
}
.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.show >
.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color:
#007bff;
border-color: #007bff;
box-shadow: 0 0 0 0.2rem rgba(0, 123,
255, 0.5);
}
.btn-outline-secondary {
color: #868e96;
background-color: transparent;
background-image: none;
border-color:
#868e96;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #868e96;
border-color:
#868e96;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(134, 142, 150,
0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled
{
color: #868e96;
background-color:
transparent;
}
.btn-outline-secondary:not([disabled]):not(.disabled):active,
.btn-outline-secondary:not([disabled]):not(.disabled).active,
.show >
.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color:
#868e96;
border-color: #868e96;
box-shadow: 0 0 0 0.2rem rgba(134, 142,
150, 0.5);
}
.btn-outline-success {
color: #28a745;
background-color:
transparent;
background-image: none;
border-color:
#28a745;
}
.btn-outline-success:hover {
color: #fff;
background-color:
#28a745;
border-color: #28a745;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69,
0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color:
transparent;
}
.btn-outline-success:not([disabled]):not(.disabled):active,
.btn-outline-success:not([disabled]):not(.disabled).active,
.show >
.btn-outline-success.dropdown-toggle {
color: #fff;
background-color:
#28a745;
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167,
69, 0.5);
}
.btn-outline-info {
color: #17a2b8;
background-color:
transparent;
background-image: none;
border-color:
#17a2b8;
}
.btn-outline-info:hover {
color: #fff;
background-color:
#17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184,
0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color:
#17a2b8;
background-color:
transparent;
}
.btn-outline-info:not([disabled]):not(.disabled):active,
.btn-outline-info:not([disabled]):not(.disabled).active,
.show >
.btn-outline-info.dropdown-toggle {
color: #fff;
background-color:
#17a2b8;
border-color: #17a2b8;
box-shadow: 0 0 0 0.2rem rgba(23, 162,
184, 0.5);
}
.btn-outline-warning {
color: #ffc107;
background-color:
transparent;
background-image: none;
border-color:
#ffc107;
}
.btn-outline-warning:hover {
color: #fff;
background-color:
#ffc107;
border-color: #ffc107;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7,
0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color:
transparent;
}
.btn-outline-warning:not([disabled]):not(.disabled):active,
.btn-outline-warning:not([disabled]):not(.disabled).active,
.show >
.btn-outline-warning.dropdown-toggle {
color: #fff;
background-color:
#ffc107;
border-color: #ffc107;
box-shadow: 0 0 0 0.2rem rgba(255, 193,
7, 0.5);
}
.btn-outline-danger {
color: #dc3545;
background-color:
transparent;
background-image: none;
border-color:
#dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color:
#dc3545;
border-color: #dc3545;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69,
0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color:
transparent;
}
.btn-outline-danger:not([disabled]):not(.disabled):active,
.btn-outline-danger:not([disabled]):not(.disabled).active,
.show >
.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color:
#dc3545;
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53,
69, 0.5);
}
.btn-outline-light {
color: #f8f9fa;
background-color:
transparent;
background-image: none;
border-color:
#f8f9fa;
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color:
#f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250,
0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color:
transparent;
}
.btn-outline-light:not([disabled]):not(.disabled):active,
.btn-outline-light:not([disabled]):not(.disabled).active,
.show >
.btn-outline-light.dropdown-toggle {
color: #212529;
background-color:
#f8f9fa;
border-color: #f8f9fa;
box-shadow: 0 0 0 0.2rem rgba(248, 249,
250, 0.5);
}
.btn-outline-dark {
color: #343a40;
background-color:
transparent;
background-image: none;
border-color:
#343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color:
#343a40;
border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64,
0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color:
#343a40;
background-color:
transparent;
}
.btn-outline-dark:not([disabled]):not(.disabled):active,
.btn-outline-dark:not([disabled]):not(.disabled).active,
.show >
.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color:
#343a40;
border-color: #343a40;
box-shadow: 0 0 0 0.2rem rgba(52, 58,
64, 0.5);
}
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent;
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
border-color: transparent;
box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
color: #868e96;
}
.btn-lg, .btn-group-lg > .btn
{
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding:
0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius:
0.2rem;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align:
middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
-ms-flex: 0 1 auto;
flex: 0 1
auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 2;
}
.btn-group > .btn:focus, .btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical >
.btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical >
.btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn +
.btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group +
.btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn +
.btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical
.btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar .input-group
{
width: auto;
}
.btn-group >
.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left:
0;
}
.btn-group >
.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group
> .btn:last-child:not(:first-child),
.btn-group >
.dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float:
left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) >
.btn {
border-radius: 0;
}
.btn-group >
.btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group
> .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group
> .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top:
0.5rem;
}
table {
border-collapse: collapse;
}
.table {
border-collapse: collapse !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color:
transparent;
}
.table th,
.table td {
padding: 0.75rem;
border-top:
1px solid #e9ecef;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #e9ecef;
}
.table tbody + tbody {
border-top:
2px solid #e9ecef;
}
.table .table {
background-color:
#fff;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered
{
border: 1px solid #e9ecef;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #e9ecef;
}
.table-bordered thead th,
.table-bordered
thead td {
border-bottom-width: 2px;
}
.table-striped tbody
tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0,
0.05);
}
.table-hover tbody tr:hover {
background-color:
#f5f5f5;
}
.table-primary,
.table-primary > th,
.table-primary > td
{
background-color: #b8daff;
}
.table-hover .table-primary:hover {
background-color: #9fcdff;
}
.table-hover .table-primary:hover >
td,
.table-hover .table-primary:hover > th {
background-color:
#9fcdff;
}
.table-secondary,
.table-secondary > th,
.table-secondary
> td {
background-color: #dddfe2;
}
.table-hover
.table-secondary:hover {
background-color: #cfd2d6;
}
.table-hover
.table-secondary:hover > td,
.table-hover .table-secondary:hover > th
{
background-color: #cfd2d6;
}
.table-success,
.table-success >
th,
.table-success > td {
background-color: #c3e6cb;
}
.table-hover
.table-success:hover {
background-color: #b1dfbb;
}
.table-hover
.table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b1dfbb;
}
.table-info,
.table-info > th,
.table-info
> td {
background-color: #bee5eb;
}
.table-hover .table-info:hover {
background-color: #abdde5;
}
.table-hover .table-info:hover >
td,
.table-hover .table-info:hover > th {
background-color:
#abdde5;
}
.table-warning,
.table-warning > th,
.table-warning > td
{
background-color: #ffeeba;
}
.table-hover .table-warning:hover {
background-color: #ffe8a1;
}
.table-hover .table-warning:hover >
td,
.table-hover .table-warning:hover > th {
background-color:
#ffe8a1;
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f5c6cb;
}
.table-hover .table-danger:hover {
background-color: #f1b0b7;
}
.table-hover .table-danger:hover >
td,
.table-hover .table-danger:hover > th {
background-color:
#f1b0b7;
}
.table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe;
}
.table-hover .table-light:hover {
background-color: #ececf6;
}
.table-hover .table-light:hover >
td,
.table-hover .table-light:hover > th {
background-color:
#ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca;
}
.table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.table-hover .table-dark:hover >
td,
.table-hover .table-dark:hover > th {
background-color:
#b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover
{
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover
.table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
color:
#fff;
background-color: #212529;
border-color: #32383e;
}
.table
.thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #e9ecef;
}
.table-dark {
color: #fff;
background-color:
#212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #32383e;
}
.table-dark.table-bordered {
border:
0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover
tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075);
}
@media
(max-width: 575px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm.table-bordered {
border: 0;
}
}
@media
(max-width: 767px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md.table-bordered {
border: 0;
}
}
@media
(max-width: 991px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg.table-bordered {
border: 0;
}
}
@media
(max-width: 1199px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl.table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x:
auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style:
-ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
border:
0;
}
.card {
position: relative;
display: -ms-flexbox;
display:
flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
box-shadow: 0 1px 2px rgba(0,0,0,.15), 0
-1px 0 rgba(0,0,0,.02);
}
.card-search {
border: 1px solid
rgba(0,0,0,.125);
margin-bottom: 1rem;
}
.card > hr {
margin-right:
0;
margin-left: 0;
}
.card > .list-group:first-child
.list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child
.list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card-title {
padding: 0.7rem
0.7rem 0.7rem 1rem;
font-size: 20px;
background:
#f5f5f5;
}
.card-title-mini {
padding: 0.7rem 0.7rem 0.7rem 1rem;
font-size: 16px;
background: #f5f5f5;
}
.card-subtitle {
margin-top:
-0.375rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom:
0;
}
.card-link:hover {
text-decoration: none;
}
.card-link +
.card-link {
margin-left: 1.25rem;
}
.card-header {
padding: 0.75rem
1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child
{
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0
0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 0.75rem 0rem 0.75rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0,
0, 0.125);
text-align: right;
}
.card-footer-padding {
padding: 0.75rem
0.75rem 0.75rem 0.75rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
text-align:
right;
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem -
1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right:
-0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute;
top:
0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
display:
-ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck .card {
margin-bottom:
15px;
}
@media (min-width: 576px) {
.card-deck {
-ms-flex-flow: row
wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-group
.card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group
{
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group .card:first-child .card-img-top {
border-top-right-radius:
0;
}
.card-group .card:first-child .card-img-bottom {
border-bottom-right-radius: 0;
}
.card-group .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group .card:last-child .card-img-top {
border-top-left-radius:
0;
}
.card-group .card:last-child .card-img-bottom {
border-bottom-left-radius: 0;
}
.card-group .card:only-child {
border-radius: 0.25rem;
}
.card-group .card:only-child .card-img-top {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-group .card:only-child .card-img-bottom {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius:
0.25rem;
}
.card-group
.card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group
.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group .card:not(:first-child):not(:last-child):not(:only-child)
.card-img-bottom {
border-radius: 0;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.text-success {
color: #28a745 !important;
}
.text-warning {
color:
#ffc107 !important;
}
.text-danger {
color: #dc3545
!important;
}
.pagination {
display: inline-block;
padding-left: 0;
border-radius: 4px;
margin-bottom: 0.5rem;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li >
span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #7867a7;
background-color: #ffffff;
border: 1px solid #dddddd;
margin-left:
-1px;
}
.pagination > li:first-child > a,
.pagination >
li:first-child > span {
margin-left: 0;
border-bottom-left-radius:
4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child >
a,
.pagination > li:last-child > span {
border-bottom-right-radius:
4px;
border-top-right-radius: 4px;
}
.pagination > li >
a:hover,
.pagination > li > span:hover,
.pagination > li >
a:focus,
.pagination > li > span:focus {
z-index: 2;
color:
#7867a7;
background-color: #eeeeee;
border-color:
#dddddd;
}
.pagination > .active > a,
.pagination > .active >
span,
.pagination > .active > a:hover,
.pagination > .active >
span:hover,
.pagination > .active > a:focus,
.pagination > .active
> span:focus {
z-index: 3;
color: #ffffff;
background-color:
#7867a7;
border-color: #7867a7;
cursor: default;
}
.pagination >
.disabled > span,
.pagination > .disabled >
span:hover,
.pagination > .disabled > span:focus,
.pagination >
.disabled > a,
.pagination > .disabled > a:hover,
.pagination >
.disabled > a:focus {
color: #999999;
background-color: #ffffff;
border-color: #dddddd;
cursor: not-allowed;
}
.pagination-lg > li >
a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size:
18px;
line-height: 1.33;
}
.pagination-lg > li:first-child >
a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius:
6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg >
li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination-sm > li >
a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size:
12px;
line-height: 1.5;
}
.pagination-sm > li:first-child >
a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius:
3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm >
li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.collapse {
display:
none;
}
.collapse.show {
display: block;
}
.collapsing {
position:
relative;
height: 0;
overflow: hidden;
transition: height 0.35s
ease;
}
.doc-user-table {
width: 70px;
}
.badge {
display:
inline-block;
padding: 0.55em 0.4em;
font-size: 75%;
font-weight:
700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top:
-1px;
}
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge-primary {
color: #fff;
background-color: #007bff;
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
color: #fff;
text-decoration: none;
background-color: #0062cc;
}
.badge-secondary {
color: #fff;
background-color: #868e96;
}
.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
color: #fff;
text-decoration: none;
background-color: #6c757d;
}
.badge-success {
color: #fff;
background-color: #28a745;
}
.badge-success[href]:focus,
.badge-success[href]:hover {
color: #fff;
text-decoration: none;
background-color: #1e7e34;
}
.badge-info {
color: #fff;
background-color: #17a2b8;
}
.badge-info[href]:focus,
.badge-info[href]:hover {
color: #fff;
text-decoration: none;
background-color: #117a8b;
}
.badge-warning {
color: #111;
background-color: #ffc107;
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
color: #111;
text-decoration: none;
background-color: #d39e00;
}
.badge-danger {
color: #fff;
background-color: #dc3545;
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
color: #fff;
text-decoration: none;
background-color: #bd2130;
}
.badge-light {
color: #111;
background-color: #f8f9fa;
}
.badge-light[href]:focus,
.badge-light[href]:hover {
color: #111;
text-decoration: none;
background-color: #dae0e5;
}
.badge-dark {
color: #fff;
background-color: #343a40;
}
.badge-dark[href]:focus,
.badge-dark[href]:hover {
color: #fff;
text-decoration: none;
background-color: #1d2124;
}
.card.card-widget-success {
background-color: #ffc107;
margin-bottom:
1rem;
}
.card.card-widget-success .widget-title {
display:
inline-block;
font-size: 12px;
color: #111;
text-transform:
uppercase;
}
.card.card-widget-success .icons {
color:
#fff;
font-size: 50px;
opacity: 0.3;
position: absolute;
right:
13px;
top: 5px;}
.card.card-widget-success .result {
font-size:
20px;
font-weight: lighter;
color: #111;}
.card.card-widget-success
.widget-link {
border-top: 1px solid rgba(255, 255, 255,
0.3);
font-size: 12px;
margin-top: 20px;
color: #fff;
padding:
10px 0 0;}
.card.card-widget-success .widget-link a {
color:
#fff;}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left:
0;
margin-bottom: 0;
}
.list-group-item-action {
width: 100%;
color:
#495057;
text-align: inherit;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
}
.list-group-item-action:active {
color:
#212529;
background-color: #e9ecef;
}
.list-group-item {
position:
relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom:
-1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0,
0.125);
}
.list-group-item:first-child {
border-top-left-radius:
0.25rem;
border-top-right-radius: 0.25rem;
}
.list-group-item:last-child
{
margin-bottom: 0;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.list-group-item:focus,
.list-group-item:hover {
text-decoration:
none;
}
.list-group-item.disabled, .list-group-item:disabled {
color:
#868e96;
background-color: #fff;
}
.list-group-item.active {
z-index:
2;
color: #fff;
background-color: #007bff;
border-color:
#007bff;
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.list-group-flush:first-child
.list-group-item:first-child {
border-top:
0;
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0;
}
.list-group-item-primary {
color: #004085;
background-color:
#b8daff;
}
a.list-group-item-primary,
button.list-group-item-primary {
color: #004085;
}
a.list-group-item-primary:focus,
a.list-group-item-primary:hover,
button.list-group-item-primary:focus,
button.list-group-item-primary:hover
{
color: #004085;
background-color:
#9fcdff;
}
a.list-group-item-primary.active,
button.list-group-item-primary.active
{
color: #fff;
background-color: #004085;
border-color:
#004085;
}
.list-group-item-secondary {
color: #464a4e;
background-color:
#dddfe2;
}
a.list-group-item-secondary,
button.list-group-item-secondary
{
color: #464a4e;
}
a.list-group-item-secondary:focus,
a.list-group-item-secondary:hover,
button.list-group-item-secondary:focus,
button.list-group-item-secondary:hover
{
color: #464a4e;
background-color:
#cfd2d6;
}
a.list-group-item-secondary.active,
button.list-group-item-secondary.active
{
color: #fff;
background-color: #464a4e;
border-color:
#464a4e;
}
.list-group-item-success {
color: #155724;
background-color:
#c3e6cb;
}
a.list-group-item-success,
button.list-group-item-success {
color: #155724;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover
{
color: #155724;
background-color:
#b1dfbb;
}
a.list-group-item-success.active,
button.list-group-item-success.active
{
color: #fff;
background-color: #155724;
border-color:
#155724;
}
.list-group-item-info {
color: #0c5460;
background-color:
#bee5eb;
}
a.list-group-item-info,
button.list-group-item-info {
color:
#0c5460;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover
{
color: #0c5460;
background-color:
#abdde5;
}
a.list-group-item-info.active,
button.list-group-item-info.active
{
color: #fff;
background-color: #0c5460;
border-color:
#0c5460;
}
.list-group-item-warning {
color: #856404;
background-color:
#ffeeba;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #856404;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover
{
color: #856404;
background-color:
#ffe8a1;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active
{
color: #fff;
background-color: #856404;
border-color:
#856404;
}
.list-group-item-danger {
color: #721c24;
background-color:
#f5c6cb;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #721c24;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover
{
color: #721c24;
background-color:
#f1b0b7;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active
{
color: #fff;
background-color: #721c24;
border-color:
#721c24;
}
.list-group-item-light {
color: #818182;
background-color:
#fdfdfe;
}
a.list-group-item-light,
button.list-group-item-light {
color: #818182;
}
a.list-group-item-light:focus,
a.list-group-item-light:hover,
button.list-group-item-light:focus,
button.list-group-item-light:hover
{
color: #818182;
background-color:
#ececf6;
}
a.list-group-item-light.active,
button.list-group-item-light.active
{
color: #fff;
background-color: #818182;
border-color:
#818182;
}
.list-group-item-dark {
color: #1b1e21;
background-color:
#c6c8ca;
}
a.list-group-item-dark,
button.list-group-item-dark {
color:
#1b1e21;
}
a.list-group-item-dark:focus,
a.list-group-item-dark:hover,
button.list-group-item-dark:focus,
button.list-group-item-dark:hover
{
color: #1b1e21;
background-color:
#b9bbbe;
}
a.list-group-item-dark.active,
button.list-group-item-dark.active
{
color: #fff;
background-color: #1b1e21;
border-color:
#1b1e21;
}
.dropup,
.dropdown {
position:
relative;
}
.dropdown-toggle::after {
display: inline-block;
width:
0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em
solid transparent;
border-bottom: 0;
border-left: 0.3em solid
transparent;
}
.dropdown-toggle:empty::after {
margin-left:
0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color:
#212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropup .dropdown-menu {
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display:
inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid
#e9ecef;
}
.dropdown-item {
display: block;
width: 100%;
padding:
0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background: none;
border:
0;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color:
#f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color:
#007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color:
#868e96;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem
1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #868e96;
white-space: nowrap;
}
.margin-standart {
margin-bottom:
1rem;
}
.img-responsive {
max-width: 100%;
}
.notification-badge
{
background: #ed5564;
padding: 2px 6px 3.5px 5px;
color:
#FFFFFF;
font-weight: 600;
font-size: 8px;
float:
right;
margin-left: -20px;
margin-top: -3px;
border-radius:
216px;
z-index: 10;
}
.notification-badge-sub {
background:
#ed5564;
padding: 2px 7px 3px 8px;
color: #FFFFFF;
font-weight:
600;
font-size: 11px;
float: right;
margin-left: 120px;
margin-top:
15px;
border-radius: 216px;
}
.badge-notification {
display:
inline-block;
padding: .4em;
border-radius: 50%;
line-height: 1;
background-color: #D9534F;
color: #fff;
font-weight:
bold;
}
.badge-notification::before{
content: "";
display:
inline-block;
vertical-align: middle;
padding-top: 100%;
}
.NavGroup
.badge {
z-index: 1;
margin-left: -15px;
font-size: 8px;
}
.img-circle
{
width: 35px;
border-radius: 50%;
}
.switchery {
background-color:
#fff;
border: 1px solid #dfdfdf;
border-radius: 20px;
cursor:
pointer;
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 50px;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select:
none;
user-select: none;
box-sizing: content-box;
background-clip:
content-box;
}
.switchery > small {
background: #fff;
border-radius: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
height:
30px;
position: absolute;
top: 0;
width: 30px;
}
/* Switchery sizes.
*/
.switchery-small {
border-radius: 20px;
height: 20px;
width:
33px;
}
.switchery-small > small {
height: 20px;
width:
20px;
}
.switchery-large {
border-radius: 40px;
height: 40px;
width:
66px;
}
.switchery-large > small {
height: 40px;
width:
40px;
}
.card-title .badge {
font-size: 50%;
}
.card-title-mini .badge
{
font-size: 50%;
}
.blur {
-webkit-filter: blur(5px);
-moz-filter:
blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter:
blur(5px);
}
.flex {
min-height: 100vh;
display: flex;
align-items:
center;
justify-content: center;
}
.modalcontainer {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.58);
}
.modalcontainer.active {
display: block;
}
.modal {
display: none;
position: relative;
width:
600px;
height: 330px;
background-color: #FFF;
}
.modal.active {
display: block;
}
.modal .content {
padding: 30px;
}
.modal .close {
font-family: "Source Sans Pro", sans-serif;
cursor: pointer;
color: #FFF;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
position: absolute;
right: 0;
color: #999;
font-size: 40px;
}
.modal .close span {
transform: rotate(45deg);
display: block;
}
.modal .buttons {
width: 600px;
position: absolute;
bottom: 0;
height: 50px;
background-color: #FFF;
}
.modal .buttons a {
width: 50%;
height: 50px;
line-height: 50px;
text-align: center;
float: left;
background-color: #EEE;
color: #4d5c6e;
transition:
0.3s;
text-transform: uppercase;
font-weight: bold;
}
.modal .buttons
a:hover {
background-color: #e1e1e1;
}
.modal .buttons a:nth-of-type(2)
{
float: right;
color: #FFF;
background-color: #00c06d;
}
.modal
.buttons a:nth-of-type(2):hover {
background-color: #00a75f;
}
.modal
.buttons button {
width: 50%;
height: 50px;
line-height: 50px;
text-align: center;
float: left;
background-color: #EEE;
color:
#4d5c6e;
transition: 0.3s;
text-transform: uppercase;
font-weight:
bold;
}
.modal .buttons button:hover {
background-color:
#e1e1e1;
}
.modal .buttons button:nth-of-type(2) {
float: right;
color:
#FFF;
background-color: #00c06d;
}
.modal .buttons
button:nth-of-type(2):hover {
background-color: #00a75f;
}
.modalbttn
{
}
.modalbttn:hover {
}
.mb-modal {
margin-bottom:
4rem;
}
.mb-modal-btn {
margin-top: 60px;
}
.mt-tab {
margin-top:
10px;
}
.mt-tab-2 {
margin-top: 60px;
}
.mt-tab-3 {
margin-top:
30px;
}
.f-size {
font-size: 50%;
}
.mb-1 {
margin-bottom: 1rem;
}
.mt-3
{
margin-top: 3rem;
}
.bg-success {
background-color:
#28a745;
}
.bg-primary {
background-color: #7867a7;
}
.bg-warning
{
background-color: #ffc107;
}
.bg-info {
background-color:
#17a2b8;
}
.bg-danger {
background-color: #dc3545 !important;
}
.bg-gray
{
background-color: #607d8b;
}
.text-primary {
color:
#7867a7;
}
.text-info {
color: #17a2b8;
}
.text-gray {
color:
#607d8b;
}
.img-item {
max-width: 50px;
}
.focuscard {
background-color:
#fff8bf;
}