+
+ color: #000 !important;
+ }
+ }
+}
+
+p-tablecheckbox:hover div .ui-chkbox-box {
+ box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
+}
+
+.ui-chkbox {
+
+ &, .ui-chkbox-box {
+ width: 18px !important;
+ height: 18px !important;
+ }
+
+ .ui-chkbox-box {
+ &.ui-state-active {
+ border-color: var(--mainColor) !important;
+ background-color: var(--mainColor) !important;
+ }
+
+ .ui-chkbox-icon {
+ position: relative;
+ overflow: visible !important;
+
+ &:after {
+ content: '';
+ position: absolute;
+ top: 1px;
+ left: 6px;
+ width: 5px;
+ height: 12px;
+ opacity: 0;
+ transform: rotate(45deg) scale(0);
+ border-right: 2px solid var(--mainBackgroundColor);
+ border-bottom: 2px solid var(--mainBackgroundColor);
+ }
+
+ &.pi-check:after {
+ opacity: 1;
+ transform: rotate(45deg) scale(1);
+ }
+ }
+ }
+}
+
+p-inputswitch {
+ height: 26px;
+
+ .ui-inputswitch-checked .ui-inputswitch-slider {
+ background-color: var(--mainColor) !important;
+ }
+
+ &.small {
+ height: 20px;
+
+ .ui-inputswitch {
+ width: 2.5em !important;
+ height: 1.45em !important;
+
+ .ui-inputswitch-slider::before {
+ height: 1em !important;
+ width: 1em !important;
+ }
+ }
+
+ .ui-inputswitch-checked .ui-inputswitch-slider::before {
+ transform: translateX(1em) !important;
+ }
+ }
+}
+
+p-toast {
+ .ui-toast {
+ z-index: z(notification) !important;
+ }
+
+ .ui-toast-close-icon {
+ font-family: "Glyphicons Halflings";
+
+ opacity: .3;
+ &:hover {
+ opacity: .5;
+ }
+
+ &:after {
+ content: "\e014";
+ }
+ }
+
+ .ui-toast-message {
+ font-family: $main-fonts;
+ background-color: var(--mainBackgroundColor) !important;
+ border-radius: 5px;
+ box-sizing: border-box;
+ border: 1px solid #EBEEF5 !important;
+ box-shadow: 0 2px 12px 0 rgba(0, 0 , 0, .1);
+ overflow: hidden;
+
+ &.ui-toast-message-success .glyphicon {
+ color: #8BC34A !important;
+ }
+
+ &.ui-toast-message-error .glyphicon {
+ color: #F44336 !important;
+ }
+
+ &.ui-toast-message-warn .glyphicon {
+ color: #F1680D !important;
+ }
+
+ &.ui-toast-message-info .glyphicon {
+ color: #03A9F4 !important;
+ }
+
+ .notification-block {
+ display: flex;
+ align-items: center;
+ padding: 5px;
+
+ .message {
+ flex-grow: 1;
+
+ h3 {
+ font-size: 21px;
+ }
+
+ p {
+ font-size: 15px;
+ margin-bottom: 0;
+ }
+ }
+
+ .glyphicon {
+ font-size: 32px;
+ margin-right: 5px;
+ }