.blueHoverIcon:hover {
    filter: invert(8%) sepia(78%) saturate(3818%) hue-rotate(213deg) brightness(96%) contrast(101%);
    cursor: pointer;
}

.whiteHoverIcon:hover {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(104%) contrast(107%);
    cursor: pointer;
}

.leftMenuIcon {
    margin-left: 35px;
}

.whiteIcon {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(104%) contrast(107%);
}

.lightGreyIcon {
    filter: invert(96%) sepia(4%) saturate(29%) hue-rotate(131deg) brightness(88%) contrast(100%);
}
.greyIcon {
    filter: invert(44%) sepia(0%) saturate(28%) hue-rotate(194deg) brightness(90%) contrast(91%);
}

.redIcon {
    filter: invert(17%) sepia(65%) saturate(6939%) hue-rotate(356deg) brightness(89%) contrast(118%);
}

.greenIcon {
    filter: invert(47%) sepia(5%) saturate(4152%) hue-rotate(71deg) brightness(100%) contrast(71%);
}

.blueIcon {
    filter: invert(41%) sepia(71%) saturate(507%) hue-rotate(166deg) brightness(91%) contrast(89%);
}

.darkBlueIcon {
    filter: invert(7%) sepia(66%) saturate(4468%) hue-rotate(202deg) brightness(103%) contrast(103%);
}

.placeHolderHover:hover {
    filter: invert(2%) sepia(4%) saturate(29%) hue-rotate(131deg) brightness(100%) contrast(100%);
}

.iconSize4040 {
    display:inline-block;
    width: 2.5rem;
    height: 2.5rem;
}

.iconSize3030 {
    display:inline-block;
    width: 2rem;
    height: 2rem;
}

.iconSize2525 {
    display:inline-block;
    width: 1.75rem;
    height: 1.75rem;
}

.iconSize2020 {
    display:inline-block;
    width: 1.5rem;
    height: 1.5rem;
}

.iconSize1515 {
    display:inline-block;
    width: 1.25rem;
    height: 1.25rem;
}

.iconSize1010 {
    display:inline-block;
    width: 1rem;
    height: 1rem;
}

.flipIcon {
    transform: scaleX(-1);
}

i.ps-eye {
    background-image:  url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMyMzFmMjA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDozcHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Fc3NlbnRpYWxzPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xLDI0YTI2LjU1LDI2LjU1LDAsMCwxLDQ2LDAiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xLDI0YTI2LjU1LDI2LjU1LDAsMCwwLDQ2LDAiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjI0IiBjeT0iMjQiIHI9IjYuOTMiLz48L3N2Zz4=");
}

i.ps-circle-cross {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZmlsbD0iIzAwMCIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMyMzFmMjA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Fc3NlbnRpYWxzPC90aXRsZT48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjI0IiBjeT0iMjQiIHI9IjIzIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTQiIHkxPSIzNCIgeDI9IjM0IiB5Mj0iMTQiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNCIgeTE9IjE0IiB4Mj0iMzQiIHkyPSIzNCIvPjwvc3ZnPg==");
}

i.ps-notes {
   background-image: url("data:image/svg+xml;base64, PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTIsLmNscy0ze2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtMXtzdHJva2Utd2lkdGg6MnB4O30uY2xzLTJ7c3Ryb2tlLXdpZHRoOjEuODFweDt9LmNscy0ze3N0cm9rZS13aWR0aDoxLjgzcHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5FZHVjYXRpb24gPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNiwyMFY0N0g1VjFIMzZWMTMiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIzIiB5MT0iNCIgeDI9IjciIHkyPSI0Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMyIgeTE9IjgiIHgyPSI3IiB5Mj0iOCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSIxMiIgeDI9IjciIHkyPSIxMiIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSIxNiIgeDI9IjciIHkyPSIxNiIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSIyMCIgeDI9IjciIHkyPSIyMCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSIyNCIgeDI9IjciIHkyPSIyNCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSIyOCIgeDI9IjciIHkyPSIyOCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSIzMiIgeDI9IjciIHkyPSIzMiIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSIzNiIgeDI9IjciIHkyPSIzNiIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSI0MCIgeDI9IjciIHkyPSI0MCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjMiIHkxPSI0NCIgeDI9IjciIHkyPSI0NCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEzIiB5MT0iOCIgeDI9IjMwIiB5Mj0iOCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIyMi4zMiAzOS40NiAxOS4xNiAzNy4xMyA0MS44OCA0LjY0IDQ1LjA1IDYuOTcgMjIuMzIgMzkuNDYiLz48cG9seWxpbmUgY2xhc3M9ImNscy0zIiBwb2ludHM9IjE5LjE2IDM3LjEzIDE3LjkgNDIuMzYgMjIuMzIgMzkuNDYiLz48bGluZSBjbGFzcz0iY2xzLTMiIHgxPSIzOS42MSIgeTE9IjcuODkiIHgyPSI0Mi43NyIgeTI9IjEwLjIyIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTMiIHkxPSIxNCIgeDI9IjMwIiB5Mj0iMTQiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMyIgeTE9IjIwIiB4Mj0iMjUiIHkyPSIyMCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEzIiB5MT0iMjYiIHgyPSIyMiIgeTI9IjI2Ii8+PC9zdmc+");
}

i.ps-restore_1 {
   background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHRpdGxlPjEyLiBTaWduIC0gQ29udHJvbDwvdGl0bGU+PHBhdGggZD0iTTI0LDBDMTIuMzIsMCw2LjY1LDYuNzIsMiwxMy4zMVY1SDBWMThIMTNWMTZIMi45MUM3LjYxLDksMTIuNzEsMi4yNSwyNCwyLjI1QTIxLjkxLDIxLjkxLDAsMSwxLDIsMjRIMEEyNCwyNCwwLDEsMCwyNCwwWiIvPjxwb2x5Z29uIHBvaW50cz0iMjYgOSAyNCA5IDI0IDI2IDEzIDI2IDEzIDI4IDI2IDI4IDI2IDkiLz48L3N2Zz4=");
}

i.ps-trash-can {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTE2IDE1MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+VHJhc2g8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxkZWZzPjwvZGVmcz48ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGlkPSJUcmFzaCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiPjxwYXRoIGQ9Ik0zNC43LDE3LjIgTDM0LjcsMTAuMyBDMzQuNyw1LjEgMzguOSwwLjkgNDQuMSwwLjkgTDY3LjYsMC45IEM3Mi44LDAuOSA3Nyw1LjEgNzcsMTAuMyBMNzcsMTYuMiBNNzAuOCwxNi45IEw3MC44LDEwLjMgQzcwLjgsOC41IDY5LjQsNy4xIDY3LjYsNy4xIEw0NC4xLDcuMSBDNDIuMyw3LjEgNDAuOSw4LjUgNDAuOSwxMC4zIEw0MC45LDE2LjkiIGlkPSJTaGFwZSI+PC9wYXRoPjxwYXRoIGQ9Ik04OS45LDE0NS42IEwyMS43LDE0NS42IEMxMy44LDE0NS42IDcuNCwxMzkuMiA3LjQsMTMxLjMgTDcuNCwzNS42IEwxMDQuMiwzNS42IEwxMDQuMiwxMzEuMyBDMTA0LjIsMTM5LjIgOTcuOCwxNDUuNiA4OS45LDE0NS42IFoiIGlkPSJTaGFwZSI+PC9wYXRoPjxwYXRoIGQ9Ik0xMDguNiwzNS43IEwzLjEsMzUuNyBDMS40LDM1LjcgMCwzNC4zIDAsMzIuNiBMMCwyOS44IEMwLDIyLjggNS42LDE3LjIgMTIuNiwxNy4yIEw5OS4xLDE3LjIgQzEwNi4xLDE3LjIgMTExLjcsMjIuOCAxMTEuNywyOS44IEwxMTEuNywzMi42IEMxMTEuNywzNC4zIDExMC4zLDM1LjcgMTA4LjYsMzUuNyBaIiBpZD0iU2hhcGUiPjwvcGF0aD48cGF0aCBkPSJNMjguMSwxMjcgQzI1LjcsMTI3IDIzLjcsMTI1LjIgMjMuNywxMjMgTDIzLjcsNTQuMSBDMjMuNyw1MS45IDI1LjYsNTAuMSAyOC4xLDUwLjEgQzMwLjYsNTAuMSAzMi41LDUxLjkgMzIuNSw1NC4xIEwzMi41LDEyMyBDMzIuNCwxMjUuMiAzMC41LDEyNyAyOC4xLDEyNyBaIiBpZD0iU2hhcGUiPjwvcGF0aD48cGF0aCBkPSJNNTUuMiwxMjcgQzUyLjgsMTI3IDUwLjgsMTI1LjIgNTAuOCwxMjMgTDUwLjgsNTQuMSBDNTAuOCw1MS45IDUyLjcsNTAuMSA1NS4yLDUwLjEgQzU3LjYsNTAuMSA1OS42LDUxLjkgNTkuNiw1NC4xIEw1OS42LDEyMyBDNTkuNSwxMjUuMiA1Ny42LDEyNyA1NS4yLDEyNyBaIiBpZD0iU2hhcGUiPjwvcGF0aD48cGF0aCBkPSJNODIuMywxMjcgQzc5LjksMTI3IDc3LjksMTI1LjIgNzcuOSwxMjMgTDc3LjksNTQuMSBDNzcuOSw1MS45IDc5LjgsNTAuMSA4Mi4zLDUwLjEgQzg0LjcsNTAuMSA4Ni43LDUxLjkgODYuNyw1NC4xIEw4Ni43LDEyMyBDODYuNiwxMjUuMiA4NC43LDEyNyA4Mi4zLDEyNyBaIiBpZD0iU2hhcGUiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==");
}

i.ps-more {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHRpdGxlPjAxLiBHZW5lcmFsPC90aXRsZT48cGF0aCBkPSJNNiwxOGE2LDYsMCwxLDAsNiw2QTYsNiwwLDAsMCw2LDE4Wk02LDI4YTQsNCwwLDEsMSw0LTRBNCw0LDAsMCwxLDYsMjhaIi8+PHBhdGggZD0iTTI0LDE4YTYsNiwwLDEsMCw2LDZBNiw2LDAsMCwwLDI0LDE4Wm0wLDEwYTQsNCwwLDEsMSw0LTRBNCw0LDAsMCwxLDI0LDI4WiIvPjxwYXRoIGQ9Ik00MiwxOGE2LDYsMCwxLDAsNiw2QTYsNiwwLDAsMCw0MiwxOFptMCwxMGE0LDQsMCwxLDEsNC00QTQsNCwwLDAsMSw0MiwyOFoiLz48L3N2Zz4=");
}

.img-crop {
	display: block;
	overflow: hidden;
	border: 2px solid #fff;
	border-radius: 100%;
	position: relative;
	margin-right: 0;
    height: 3.2rem;
    width: 3.2rem;
    top: -3px;
    right: 3px;
}

#userProfileImagePlaceholder {
    position: relative;
    top: 3px;
}