1074 lines
38 KiB
CSS
1074 lines
38 KiB
CSS
/*region Base style*/
|
|
.bx-ie .ui-btn,
|
|
.bx-ie .ui-btn-main,
|
|
.bx-ie .ui-btn-extra,
|
|
.bx-ie .ui-btn-menu {
|
|
height: 39px;
|
|
border: 1px solid #868d95;
|
|
background: #868d95;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
transition: 160ms background-color linear, 160ms color linear, 160ms opacity linear, 160ms border-color linear;
|
|
}
|
|
|
|
.bx-ie .ui-btn,
|
|
.bx-ie .ui-btn-main {
|
|
padding: 0 19px;
|
|
color: #fff;
|
|
font: 600 12px/37px "OpenSans-SemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.bx-ie .ui-btn { min-width: 80px; }
|
|
|
|
.bx-ie .ui-btn-main { padding-right: 20px; }
|
|
|
|
.bx-ie .ui-btn:hover,
|
|
.bx-ie a.ui-btn:focus,
|
|
.bx-ie .ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #5b6573;
|
|
background: #5b6573;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn:active,
|
|
.bx-ie .ui-btn-wait.ui-btn,
|
|
.bx-ie .ui-btn-wait.ui-btn:hover,
|
|
.bx-ie .ui-btn-wait .ui-btn-main,
|
|
.bx-ie .ui-btn-wait .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-wait .ui-btn-main:active,
|
|
.bx-ie .ui-btn-clock.ui-btn,
|
|
.bx-ie .ui-btn-clock.ui-btn:hover,
|
|
.bx-ie .ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-clock .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-clock .ui-btn-main:active,
|
|
.bx-ie .ui-btn-active.ui-btn,
|
|
.bx-ie .ui-btn-active.ui-btn:hover,
|
|
.bx-ie .ui-btn-main:active,
|
|
.bx-ie .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-active .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-main-active .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-active .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-extra-active .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-active .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-menu-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-menu-active .ui-btn-menu:hover {
|
|
border-color: #3b506e;
|
|
background: #3b506e;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-menu:after {
|
|
background-color: #fff;
|
|
opacity: .8;
|
|
}
|
|
|
|
.bx-ie .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-menu:before { border-top-color: #fff; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Size*/
|
|
.bx-ie .ui-btn.ui-btn-md { min-width: 80px; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-md,
|
|
.bx-ie .ui-btn-md .ui-btn-main { padding: 0 19px; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-md,
|
|
.bx-ie .ui-btn-md .ui-btn-main,
|
|
.bx-ie .ui-btn-md .ui-btn-extra,
|
|
.bx-ie .ui-btn-md .ui-btn-menu {
|
|
height: 39px;
|
|
font-size: 12px;
|
|
line-height: 39px;
|
|
}
|
|
|
|
.bx-ie .ui-btn.ui-btn-lg { min-width: 90px; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-lg,
|
|
.bx-ie .ui-btn-lg .ui-btn-main { padding: 0 26px; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-lg,
|
|
.bx-ie .ui-btn-lg .ui-btn-main,
|
|
.bx-ie .ui-btn-lg .ui-btn-extra,
|
|
.bx-ie .ui-btn-lg .ui-btn-menu {
|
|
height: 47px;
|
|
font-size: 12px;
|
|
line-height: 47px;
|
|
}
|
|
|
|
.bx-ie .ui-btn.ui-btn-sm { min-width: 70px; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-sm,
|
|
.bx-ie .ui-btn-sm .ui-btn-main { padding: 0 17px; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-sm,
|
|
.bx-ie .ui-btn-sm .ui-btn-main,
|
|
.bx-ie .ui-btn-sm .ui-btn-extra,
|
|
.bx-ie .ui-btn-sm .ui-btn-menu {
|
|
height: 31px;
|
|
font-size: 12px;
|
|
line-height: 31px;
|
|
}
|
|
|
|
.bx-ie .ui-btn.ui-btn-xs { min-width: 66px; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-xs,
|
|
.bx-ie .ui-btn-xs .ui-btn-main { padding: 0 15px; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-xs,
|
|
.bx-ie .ui-btn-xs .ui-btn-main,
|
|
.bx-ie .ui-btn-xs .ui-btn-extra,
|
|
.bx-ie .ui-btn-xs .ui-btn-menu {
|
|
height: 26px;
|
|
font-size: 11px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
/*endregion*/
|
|
|
|
/*region Colors*/
|
|
|
|
/* region Default */
|
|
.bx-ie .ui-btn-default.ui-btn,
|
|
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-split .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-split .ui-btn-menu { background-color: #868d95; }
|
|
|
|
.bx-ie .ui-btn-default.ui-btn,
|
|
.bx-ie a.ui-btn-default.ui-btn:focus,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-split .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-default.ui-btn-split .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-default.ui-btn-split.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-split.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-default.ui-btn-split.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-split.ui-btn-menu-hover .ui-btn-menu { background-color: #5b6573; }
|
|
|
|
.bx-ie .ui-btn-default.ui-btn:active,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-main:active,
|
|
.bx-ie .ui-btn-default.ui-btn-double .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-double.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-split .ui-btn-main:active,
|
|
.bx-ie .ui-btn-default.ui-btn-split .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-default.ui-btn-split.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-split.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-default.ui-btn-split.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-split.ui-btn-menu-active .ui-btn-menu { background-color: #3b506e; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Default button */
|
|
.bx-ie .ui-btn-default.ui-btn,
|
|
.bx-ie .ui-btn-default .ui-btn-main,
|
|
.bx-ie .ui-btn-default .ui-btn-extra,
|
|
.bx-ie .ui-btn-default .ui-btn-menu {
|
|
border-color: #868d95;
|
|
background-color: #868d95;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie a.ui-btn-default.ui-btn:focus,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-default .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-default .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-default .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-default.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-default.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #5b6573;
|
|
background-color: #5b6573;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-default.ui-btn:active,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-default.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-default .ui-btn-main:active,
|
|
.bx-ie .ui-btn-default .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-default .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-default.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-default.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-default.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #3b506e;
|
|
background-color: #3b506e;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-success .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-success .ui-btn-menu:after { background-color: #fff; }
|
|
|
|
.bx-ie .ui-btn-success .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-success .ui-btn-menu:before { border-top-color: #fff; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Success button */
|
|
.bx-ie .ui-btn-success.ui-btn,
|
|
.bx-ie .ui-btn-success .ui-btn-main,
|
|
.bx-ie .ui-btn-success .ui-btn-extra,
|
|
.bx-ie .ui-btn-success .ui-btn-menu {
|
|
border-color: #bbed21;
|
|
background-color: #bbed21;
|
|
color: #535c69;
|
|
}
|
|
|
|
.bx-ie a.ui-btn-success.ui-btn:focus,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-success .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-success .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-success .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-success.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-success.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-success.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-success.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-success.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-success.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #d2f95f;
|
|
background-color: #d2f95f;
|
|
color: #535c69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-success.ui-btn:active,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-success.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-success .ui-btn-main:active,
|
|
.bx-ie .ui-btn-success .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-success .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-success.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-success.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-success.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-success.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-success.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-success.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #b2e232;
|
|
background-color: #b2e232;
|
|
color: #535c69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-success .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-success .ui-btn-menu:after { background-color: #535c69; }
|
|
|
|
.bx-ie .ui-btn-success .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-success .ui-btn-menu:before { border-top-color: #535c69; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Success Light button */
|
|
.bx-ie .ui-btn-success-light.ui-btn,
|
|
.bx-ie .ui-btn-success-light .ui-btn-main,
|
|
.bx-ie .ui-btn-success-light .ui-btn-extra,
|
|
.bx-ie .ui-btn-success-light .ui-btn-menu {
|
|
border-color: #e1f0b1;
|
|
background-color: #e1f0b1;
|
|
color: #668d13;
|
|
}
|
|
|
|
.bx-ie .ui-btn-success-light.ui-btn:hover,
|
|
.bx-ie a.ui-btn-success-light.ui-btn:focus,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-success-light .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-success-light .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-success-light .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-success-light.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-success-light.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-success-light.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-success-light.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-success-light.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-success-light.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #eaf5c5;
|
|
background-color: #eaf5c5;
|
|
color: #668d13;
|
|
}
|
|
|
|
.bx-ie .ui-btn-success-light.ui-btn:active,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-success-light.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-success-light .ui-btn-main:active,
|
|
.bx-ie .ui-btn-success-light .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-success-light .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-success-light.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-success-light.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-success-light.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-success-light.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-success-light.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-success-light.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #d3e59a;
|
|
background-color: #d3e59a;
|
|
color: #668d13;
|
|
}
|
|
|
|
.bx-ie .ui-btn-success-light .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-success-light .ui-btn-menu:after { background-color: #668d13; }
|
|
|
|
.bx-ie .ui-btn-success-light .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-success-light .ui-btn-menu:before { border-top-color: #668d13; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Danger button */
|
|
.bx-ie .ui-btn-danger.ui-btn,
|
|
.bx-ie .ui-btn-danger .ui-btn-main,
|
|
.bx-ie .ui-btn-danger .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger .ui-btn-menu {
|
|
border-color: #f1361a;
|
|
background-color: #f1361a;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger.ui-btn:hover,
|
|
.bx-ie a.ui-btn-danger.ui-btn:focus,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-danger .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-danger .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-danger .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-danger.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-danger.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-danger.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-danger.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #cc1c00;
|
|
background-color: #cc1c00;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger.ui-btn:active,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-danger.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-danger .ui-btn-main:active,
|
|
.bx-ie .ui-btn-danger .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-danger .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-danger.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-danger.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-danger.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-danger.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #d24430;
|
|
background-color: #d24430;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-danger .ui-btn-menu:after { background-color: #fff; }
|
|
|
|
.bx-ie .ui-btn-danger .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-danger .ui-btn-menu:before { border-top-color: #fff; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Danger Dark button */
|
|
.bx-ie .ui-btn-danger-dark.ui-btn,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-menu {
|
|
border-color: #a21529;
|
|
background-color: #a21529;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger-dark.ui-btn:hover,
|
|
.bx-ie a.ui-btn-danger-dark.ui-btn:focus,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #c53e51;
|
|
background-color: #c53e51;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger-dark.ui-btn:active,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-main:active,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-dark.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #c53e51;
|
|
background-color: #c53e51;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-menu:after { background-color: #fff; }
|
|
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-danger-dark .ui-btn-menu:before { border-top-color: #fff; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Danger Light button */
|
|
.bx-ie .ui-btn-danger-light.ui-btn,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-menu {
|
|
border-color: #ffccca;
|
|
background-color: #ffccca;
|
|
color: #d7413c;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger-light.ui-btn:hover,
|
|
.bx-ie a.ui-btn-danger-light.ui-btn:focus,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #ffdcdb;
|
|
background-color: #ffdcdb;
|
|
color: #d7413c;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger-light.ui-btn:active,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-danger-light.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-main:active,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-danger-light.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #f2b6b3;
|
|
background-color: #f2b6b3;
|
|
color: #d7413c;
|
|
}
|
|
|
|
.bx-ie .ui-btn-danger-light .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-menu:after { background-color: #d7413c; }
|
|
|
|
.bx-ie .ui-btn-danger-light .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-danger-light .ui-btn-menu:before { border-top-color: #d7413c; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Primary button */
|
|
.bx-ie .ui-btn-primary.ui-btn,
|
|
.bx-ie .ui-btn-primary .ui-btn-main,
|
|
.bx-ie .ui-btn-primary .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary .ui-btn-menu {
|
|
border-color: #3bc8f5;
|
|
background-color: #3bc8f5;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-primary.ui-btn:hover,
|
|
.bx-ie a.ui-btn-primary.ui-btn:focus,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-primary .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-primary .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-primary .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-primary.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-primary.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-primary.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-primary.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #3eddff;
|
|
background-color: #3eddff;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-primary.ui-btn:active,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-primary.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-primary .ui-btn-main:active,
|
|
.bx-ie .ui-btn-primary .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-primary .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-primary.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-primary.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-primary.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-primary.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #12b1e3;
|
|
background-color: #12b1e3;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-primary .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-primary .ui-btn-menu:after { background-color: #fff; }
|
|
|
|
.bx-ie .ui-btn-primary .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-primary .ui-btn-menu:before { border-top-color: #fff; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Primary Dark button */
|
|
.bx-ie .ui-btn-primary-dark.ui-btn,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-main,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-menu {
|
|
border-color: #3a9fc2;
|
|
background-color: #3a9fc2;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-primary-dark.ui-btn:hover,
|
|
.bx-ie a.ui-btn-primary-dark.ui-btn:focus,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #38aed5;
|
|
background-color: #38aed5;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-primary-dark.ui-btn:active,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-main:active,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-primary-dark.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #38aed5;
|
|
background-color: #38aed5;
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-menu:after { background-color: #fff; }
|
|
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-primary-dark .ui-btn-menu:before { border-top-color: #fff; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Secondary button */
|
|
.bx-ie .ui-btn-secondary.ui-btn,
|
|
.bx-ie .ui-btn-secondary .ui-btn-main,
|
|
.bx-ie .ui-btn-secondary .ui-btn-extra,
|
|
.bx-ie .ui-btn-secondary .ui-btn-menu {
|
|
border-color: #c5e7f4;
|
|
background-color: #c5e7f4;
|
|
color: #535c69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-secondary.ui-btn:hover,
|
|
.bx-ie a.ui-btn-secondary.ui-btn:focus,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-secondary .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-secondary .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-secondary .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-secondary.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-secondary.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-secondary.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-secondary.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-secondary.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-secondary.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #d1eef9;
|
|
background-color: #d1eef9;
|
|
color: #535c69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-secondary.ui-btn:active,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-secondary.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-secondary .ui-btn-main:active,
|
|
.bx-ie .ui-btn-secondary .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-secondary .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-secondary.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-secondary.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-secondary.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-secondary.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-secondary.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-secondary.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #aee0f2;
|
|
background-color: #aee0f2;
|
|
color: #535c69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-secondary .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-secondary .ui-btn-menu:after { background-color: #535c69; }
|
|
|
|
.bx-ie .ui-btn-secondary .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-secondary .ui-btn-menu:before { border-top-color: #535c69; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Link button */
|
|
.bx-ie .ui-btn-link.ui-btn,
|
|
.bx-ie .ui-btn-link .ui-btn-main,
|
|
.bx-ie .ui-btn-link .ui-btn-extra,
|
|
.bx-ie .ui-btn-link .ui-btn-menu {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: #000;
|
|
}
|
|
|
|
.bx-ie .ui-btn-link.ui-btn:hover,
|
|
.bx-ie a.ui-btn-link.ui-btn:focus,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-link .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-link .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-link .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-link.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-link.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-link.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-link.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-link.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-link.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: #000;
|
|
}
|
|
|
|
.bx-ie .ui-btn-link.ui-btn:active,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-link.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-link .ui-btn-main:active,
|
|
.bx-ie .ui-btn-link .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-link .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-link.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-link.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-link.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-link.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-link.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-link.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: #000;
|
|
}
|
|
|
|
.bx-ie .ui-btn-link .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-link .ui-btn-menu:after { background-color: #535c69; }
|
|
|
|
.bx-ie .ui-btn-link .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-link .ui-btn-menu:before { border-top-color: #535c69; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Light button */
|
|
.bx-ie .ui-btn-light.ui-btn,
|
|
.bx-ie .ui-btn-light .ui-btn-main,
|
|
.bx-ie .ui-btn-light .ui-btn-extra,
|
|
.bx-ie .ui-btn-light .ui-btn-menu {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: #535c69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-light.ui-btn:hover,
|
|
.bx-ie a.ui-btn-light.ui-btn:focus,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-hover,
|
|
.bx-ie .ui-btn-light .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-light .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-light .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-light.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-light.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-light.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-light.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-light.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-light.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #f6f8f9;
|
|
background-color: #f6f8f9;
|
|
color: #333;
|
|
}
|
|
|
|
.bx-ie .ui-btn-light.ui-btn:active,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-active,
|
|
.bx-ie .ui-btn-light.ui-btn.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-light .ui-btn-main:active,
|
|
.bx-ie .ui-btn-light .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-light .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-light.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-light.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-light.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-light.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-light.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-light.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #d6f1fb;
|
|
background-color: #d6f1fb;
|
|
color: #000;
|
|
}
|
|
|
|
.bx-ie .ui-btn-light .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-light .ui-btn-menu:after { background-color: #535c69; }
|
|
|
|
.bx-ie .ui-btn-light .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-light .ui-btn-menu:before { border-top-color: #535c69; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Light-border button*/
|
|
.bx-ie .ui-btn-light-border.ui-btn,
|
|
.bx-ie .ui-btn-light-border .ui-btn-main,
|
|
.bx-ie .ui-btn-light-border .ui-btn-extra,
|
|
.bx-ie .ui-btn-light-border .ui-btn-menu {
|
|
border-color: #c4cace;
|
|
background-color: transparent;
|
|
color: #535b69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-light-border.ui-btn:hover,
|
|
.bx-ie a.ui-btn-light-border.ui-btn:focus,
|
|
.bx-ie .ui-btn-light-border.ui-btn-hover,
|
|
.bx-ie .ui-btn-light-border .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-light-border .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-light-border .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-light-border.ui-btn-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-light-border.ui-btn-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-light-border.ui-btn-hover .ui-btn-menu,
|
|
.bx-ie .ui-btn-light-border.ui-btn-main-hover .ui-btn-main,
|
|
.bx-ie .ui-btn-light-border.ui-btn-extra-hover .ui-btn-extra,
|
|
.bx-ie .ui-btn-light-border.ui-btn-menu-hover .ui-btn-menu {
|
|
border-color: #9fa4ab;
|
|
background-color: #f6f8f9;
|
|
color: #535b69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-light-border.ui-btn:active,
|
|
.bx-ie .ui-btn-light-border.ui-btn-wait,
|
|
.bx-ie .ui-btn-light-border.ui-btn-wait:hover,
|
|
.bx-ie .ui-btn-light-border.ui-btn-wait:active,
|
|
.bx-ie .ui-btn-light-border.ui-btn-clock,
|
|
.bx-ie .ui-btn-light-border.ui-btn-clock:hover,
|
|
.bx-ie .ui-btn-light-border.ui-btn-clock:active,
|
|
.bx-ie .ui-btn-light-border.ui-btn-active,
|
|
.bx-ie .ui-btn-light-border.ui-btn-active:hover,
|
|
.bx-ie .ui-btn-light-border .ui-btn-main:active,
|
|
.bx-ie .ui-btn-light-border .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-light-border .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-light-border.ui-btn-active .ui-btn-main,
|
|
.bx-ie .ui-btn-light-border.ui-btn-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-light-border.ui-btn-active .ui-btn-menu,
|
|
.bx-ie .ui-btn-light-border.ui-btn-main-active .ui-btn-main,
|
|
.bx-ie .ui-btn-light-border.ui-btn-extra-active .ui-btn-extra,
|
|
.bx-ie .ui-btn-light-border.ui-btn-menu-active .ui-btn-menu {
|
|
border-color: #9fa4ab;
|
|
background-color: #d6f1fb;
|
|
color: #535b69;
|
|
}
|
|
|
|
.bx-ie .ui-btn-light-border .ui-btn-extra:after,
|
|
.bx-ie .ui-btn-light-border .ui-btn-menu:after { background-color: #535c69; }
|
|
|
|
.bx-ie .ui-btn-light-border .ui-btn-extra:before,
|
|
.bx-ie .ui-btn-light-border .ui-btn-menu:before { border-top-color: #535c69; }
|
|
|
|
/*region Fix for Themes*/
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light,
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light-border {
|
|
background-color: rgba(255, 255, 255, .15);
|
|
color: #fff;
|
|
}
|
|
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light-border { border-color: rgba(255, 255, 255, .4); }
|
|
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light:hover,
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light-border:hover { background-color: rgba(255, 255, 255, .3); }
|
|
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light:active,
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light-border:active { background-color: rgba(255, 255, 255, .4); }
|
|
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light.ui-btn-dropdown:before,
|
|
.bx-ie .bitrix24-light-theme .ui-btn-themes.ui-btn-light-border.ui-btn-dropdown:before { border-color: #fff; }
|
|
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light,
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light-border {
|
|
background-color: rgba(0, 0, 0, .07);
|
|
color: rgba(51, 51, 51, .8);
|
|
}
|
|
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light-border { border-color: rgba(0, 0, 0, .06); }
|
|
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light:hover,
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light-border:hover { background-color: rgba(0, 0, 0, .1); }
|
|
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light:active,
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light-border:active { background-color: rgba(0, 0, 0, .15); }
|
|
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-link.ui-btn-dropdown:before,
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light.ui-btn-dropdown:before,
|
|
.bitrix24-dark-theme .ui-btn-themes.ui-btn-light-border.ui-btn-dropdown:before { border-color: rgba(51, 51, 51, .8); }
|
|
|
|
/*endregion*/
|
|
|
|
/*endregion*/
|
|
|
|
/*endregion*/
|
|
|
|
/*region Others*/
|
|
|
|
/*region Border radius */
|
|
.bx-ie .ui-btn-round,
|
|
.bx-ie .ui-btn-round.ui-btn-md { border-radius: 19.5px; }
|
|
|
|
.bx-ie .ui-btn-round.ui-btn-lg { border-radius: 23.5px; }
|
|
|
|
.bx-ie .ui-btn-round.ui-btn-sm { border-radius: 16.5px; }
|
|
|
|
.bx-ie .ui-btn-round.ui-btn-xs { border-radius: 13px; }
|
|
|
|
/*endregion*/
|
|
|
|
|
|
/*region Dropdown*/
|
|
.bx-ie .ui-btn.ui-btn-link.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn.ui-btn-secondary.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn.ui-btn-light.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn.ui-btn-success.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn.ui-btn-light-border.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn-link.ui-btn-dropdown .ui-btn-main:before,
|
|
.bx-ie .ui-btn-secondary.ui-btn-dropdown .ui-btn-main:before,
|
|
.bx-ie .ui-btn-light.ui-btn-dropdown .ui-btn-main:before,
|
|
.bx-ie .ui-btn-success.ui-btn-dropdown .ui-btn-main:before,
|
|
.bx-ie .ui-btn-light-border.ui-btn-dropdown .ui-btn-main:before { border-color: #535c69; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn.ui-btn-danger.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn.ui-btn-primary.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn.ui-btn-default.ui-btn-dropdown:before,
|
|
.bx-ie .ui-btn-dropdown .ui-btn-main:before,
|
|
.bx-ie .ui-btn-danger.ui-btn-dropdown .ui-btn-main:before,
|
|
.bx-ie .ui-btn-primary.ui-btn-dropdown .ui-btn-main:before,
|
|
.bx-ie .ui-btn-default.ui-btn-dropdown .ui-btn-main:before { border-color: #fff; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-dropdown,
|
|
.bx-ie .ui-btn-dropdown .ui-btn-main { padding-right: 29px; }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Disabled*/
|
|
.bx-ie .ui-btn.ui-btn-disabled,
|
|
.bx-ie .ui-btn.ui-btn-disabled:hover,
|
|
.bx-ie .ui-btn.ui-btn-disabled:active,
|
|
.bx-ie .ui-btn-disabled .ui-btn-main,
|
|
.bx-ie .ui-btn-disabled .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-disabled .ui-btn-main:active,
|
|
.bx-ie .ui-btn-disabled .ui-btn-extra,
|
|
.bx-ie .ui-btn-disabled .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-disabled .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-disabled .ui-btn-menu,
|
|
.bx-ie .ui-btn-disabled .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-disabled .ui-btn-menu:active,
|
|
.bx-ie .ui-btn-main-disabled .ui-btn-main,
|
|
.bx-ie .ui-btn-main-disabled .ui-btn-main:hover,
|
|
.bx-ie .ui-btn-main-disabled .ui-btn-main:active,
|
|
.bx-ie .ui-btn-extra-disabled .ui-btn-extra,
|
|
.bx-ie .ui-btn-extra-disabled .ui-btn-extra:hover,
|
|
.bx-ie .ui-btn-extra-disabled .ui-btn-extra:active,
|
|
.bx-ie .ui-btn-menu-disabled .ui-btn-menu,
|
|
.bx-ie .ui-btn-menu-disabled .ui-btn-menu:hover,
|
|
.bx-ie .ui-btn-menu-disabled .ui-btn-menu:active {
|
|
/*border-color: #3b506e;*/
|
|
/*background-color: #3b506e;*/
|
|
/*color: #fff;*/
|
|
opacity: .4;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/*endregion*/
|
|
|
|
/*region Wait*/
|
|
.bx-ie .ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-wait .ui-btn-main {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
color: transparent !important;
|
|
}
|
|
|
|
.bx-ie .ui-btn.ui-btn-wait:after,
|
|
.bx-ie .ui-btn-wait .ui-btn-main:after { opacity: 0; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn-wait .ui-btn-main { background-image: url(images/ui-loader-wait-white.min.svg?v=1.1); }
|
|
|
|
.bx-ie .ui-btn.ui-btn-wait,
|
|
.bx-ie .ui-btn.ui-btn-danger.ui-btn-wait,
|
|
.bx-ie .ui-btn.ui-btn-primary.ui-btn-wait,
|
|
.bx-ie .ui-btn.ui-btn-default.ui-btn-wait,
|
|
.bx-ie .ui-btn-wait .ui-btn-main,
|
|
.bx-ie .ui-btn-danger.ui-btn-wait .ui-btn-main,
|
|
.bx-ie .ui-btn-primary.ui-btn-wait .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-wait .ui-btn-main { background-image: url(images/ui-loader-wait-white.min.svg?v=1.1); }
|
|
|
|
.bx-ie .ui-btn.ui-btn-link.ui-btn-wait,
|
|
.bx-ie .ui-btn.ui-btn-secondary.ui-btn-wait,
|
|
.bx-ie .ui-btn.ui-btn-light.ui-btn-wait,
|
|
.bx-ie .ui-btn.ui-btn-success.ui-btn-wait,
|
|
.bx-ie .ui-btn.ui-btn-light-border.ui-btn-wait,
|
|
.bx-ie .ui-btn-link.ui-btn-wait .ui-btn-main,
|
|
.bx-ie .ui-btn-secondary.ui-btn-wait .ui-btn-main,
|
|
.bx-ie .ui-btn-light.ui-btn-wait .ui-btn-main,
|
|
.bx-ie .ui-btn-success.ui-btn-wait .ui-btn-main,
|
|
.bx-ie .ui-btn-light-border.ui-btn-wait .ui-btn-main { background-image: url(images/ui-loader-wait-black.min.svg?v=1.1); }
|
|
|
|
/*endregion*/
|
|
|
|
/*region Clock*/
|
|
.bx-ie .ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-double.ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-split.ui-btn-clock .ui-btn-main {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
color: transparent !important;
|
|
}
|
|
|
|
.bx-ie .ui-btn.ui-btn-clock:after,
|
|
.bx-ie .ui-btn-double.ui-btn-clock .ui-btn-main:after,
|
|
.bx-ie .ui-btn-split.ui-btn-clock .ui-btn-main:after { opacity: 0; }
|
|
|
|
.bx-ie .ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn-clock .ui-btn-main { background-image: url(images/ui-loader-clock-white.min.svg?v=1.1); }
|
|
|
|
.bx-ie .ui-btn.ui-btn-clock,
|
|
.bx-ie .ui-btn.ui-btn-danger.ui-btn-clock,
|
|
.bx-ie .ui-btn.ui-btn-primary.ui-btn-clock,
|
|
.bx-ie .ui-btn.ui-btn-default.ui-btn-clock,
|
|
.bx-ie .ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-danger.ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-primary.ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-default.ui-btn-clock .ui-btn-main { background-image: url(images/ui-loader-clock-white.min.svg?v=1.1); }
|
|
|
|
.bx-ie .ui-btn.ui-btn-link.ui-btn-clock,
|
|
.bx-ie .ui-btn.ui-btn-secondary.ui-btn-clock,
|
|
.bx-ie .ui-btn.ui-btn-light.ui-btn-clock,
|
|
.bx-ie .ui-btn.ui-btn-success.ui-btn-clock,
|
|
.bx-ie .ui-btn.ui-btn-light-border.ui-btn-clock,
|
|
.bx-ie .ui-btn-link.ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-secondary.ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-light.ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-success.ui-btn-clock .ui-btn-main,
|
|
.bx-ie .ui-btn-light-border.ui-btn-clock .ui-btn-main { background-image: url(images/ui-loader-clock-black.min.svg?v=1.1); }
|
|
|
|
/*endregion*/
|
|
|
|
/*endregion*/ |