@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-Bold.woff2') format('woff2'),
  url('../fonts/archivo/Archivo-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-ExtraBold.woff2') format('woff2'),
  url('../fonts/archivo/Archivo-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-Black.woff2') format('woff2'),
  url('../fonts/archivo/Archivo-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-Medium.woff2') format('woff2'),
  url('../fonts/archivo/Archivo-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-SemiBold.woff2') format('woff2'),
  url('../fonts/archivo/Archivo-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-ExtraLight.woff2') format('woff2'),
  url('../fonts/archivo/Archivo-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-Light.woff2') format('woff2'),
  url('../fonts/archivo/Archivo-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-Regular.woff2') format('woff2'),
  url('../fonts/archivo/Archivo-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/fonts/icomoon.eot?9bifsr');
  src:  url('../fonts/icomoon/fonts/icomoon.eot?9bifsr#iefix') format('embedded-opentype'),
  url('../fonts/icomoon/fonts/icomoon.ttf?9bifsr') format('truetype'),
  url('../fonts/icomoon/fonts/icomoon.woff?9bifsr') format('woff'),
  url('../fonts/icomoon/fonts/icomoon.svg?9bifsr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon.side-bar-icon span{
  font-family: 'icomoon' !important;

}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-edit-22:before {
  content: "\e200";
  color: #747690;
}
.icon-profile-2user .path1:before {
  content: "\e603";
  color: rgb(142, 144, 170);
}
.icon-profile-2user .path2:before {
  content: "\e604";
  margin-left: -1em;
  color: rgb(221, 222, 230);
}
.icon-profile-2user .path3:before {
  content: "\e605";
  margin-left: -1em;
  color: rgb(142, 144, 170);
}
.icon-profile-2user .path4:before {
  content: "\e606";
  margin-left: -1em;
  color: rgb(221, 222, 230);
}
.icon-Group-35481 .path1:before {
  content: "\e904";
  color: rgb(232, 233, 238);
}
.icon-Group-35481 .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(142, 144, 170);
}
.icon-notification-bing .path1:before {
  content: "\e500";
  color: rgb(221, 222, 230);
}
.icon-notification-bing .path2:before {
  content: "\e501";
  margin-left: -1em;
  color: rgb(142, 144, 170);
}
.icon-notification-bing .path3:before {
  content: "\e502";
  margin-left: -1em;
  color: rgb(142, 144, 170);
}
.icon-Union:before {
  content: "\e703";
}
.icon-user-minus .path1:before {
  content: "\e304";
  color: rgb(232, 233, 238);
}
.icon-user-minus .path2:before {
  content: "\e305";
  margin-left: -0.9599609375em;
  color: rgb(142, 144, 170);
}
.icon-user-minus .path3:before {
  content: "\e306";
  margin-left: -0.9599609375em;
  color: rgb(142, 144, 170);
}
.icon-user:before {
  content: "\9000";
}
.icon-tick-icon:before {
  content: "\9001";
  color: #4caa75;
}
.icon-plus-with-circle-icon:before {
  content: "\9002";
}
.icon-Menu:before {
  content: "\9003";
}
.icon-Notification:before {
  content: "\9004";
  color: #585858;
}
.icon-more-vertical:before {
  content: "\9005";
}
.icon-direct .path1:before {
  content: "\9006";
  color: rgb(232, 232, 232);
}
.icon-direct .path2:before {
  content: "\9007";
  margin-left: -1em;
  color: rgb(147, 153, 160);
}
.icon-direct .path3:before {
  content: "\9008";
  margin-left: -1em;
  color: rgb(147, 153, 160);
}
.icon-direct .path4:before {
  content: "\9009";
  margin-left: -1em;
  color: rgb(147, 153, 160);
}
.icon-filter-icon:before {
  content: "\900a";
}
.icon-plus-icon:before {
  content: "\900b";
}
.icon-upload-icon:before {
  content: "\900c";
}
.icon-calender-icon-new:before {
  content: "\900d";
}
.icon-announcement:before {
  content: "\900e";
}
.icon-logout:before {
  content: "\900f";
}
.icon-calender:before {
  content: "\9010";
}
.icon-Combined-Shape:before {
  content: "\9011";
}
.icon-delete-icon:before {
  content: "\9012";
}
.icon-pencil-icon:before {
  content: "\9013";
}
.icon-user-icon:before {
  content: "\9014";
}
.icon-hierarchy-square .path1:before {
  content: "\9015";
  color: rgb(232, 232, 232);
}
.icon-hierarchy-square .path2:before {
  content: "\9016";
  margin-left: -1em;
  color: rgb(141, 146, 152);
}
.icon-messages .path1:before {
  content: "\9017";
  color: rgb(141, 146, 152);
}
.icon-messages .path2:before {
  content: "\9018";
  margin-left: -1em;
  color: rgb(232, 232, 232);
}
.icon-messages .path3:before {
  content: "\9019";
  margin-left: -1em;
  color: rgb(232, 232, 232);
}
.icon-user-square .path1:before {
  content: "\901a";
  color: rgb(232, 232, 232);
}
.icon-user-square .path2:before {
  content: "\901b";
  margin-left: -1em;
  color: rgb(141, 146, 152);
}
.icon-user-square .path3:before {
  content: "\901c";
  margin-left: -1em;
  color: rgb(141, 146, 152);
}
.icon-Union1:before {
  content: "\901d";
}
.icon-users-1:before {
  content: "\901e";
}
.icon-help-circle-1:before {
  content: "\901f";
}
.icon-Docs:before {
  content: "\9020";
}
.icon-settings-1:before {
  content: "\9021";
}
.icon-copy:before {
  content: "\9022";
}
.icon-edit-color:before {
  content: "\9023";
}
.icon-edit-grey:before {
  content: "\9024";
  color: #8d8293;
}
.icon-eye:before {
  content: "\9025";
}
.icon-grid:before {
  content: "\9026";
}
.icon-Input:before {
  content: "\9027";
}
.icon-play:before {
  content: "\9028";
}
.icon-Star_1:before {
  content: "\9029";
}
.icon-STar_02:before {
  content: "\902a";
}
.icon-Star_03:before {
  content: "\902b";
}
.icon-trash:before {
  content: "\902c";
  color: #747690;
}
.icon-alert-circle:before {
  content: "\902d";
}
.icon-call:before {
  content: "\902e";
}
.icon-check-circle:before {
  content: "\902f";
}
.icon-chevron-stroke:before {
  content: "\9030";
}
.icon-search_field:before {
  content: "\9031";
}
.icon-plus-circle:before {
  content: "\9032";
}
.icon-menu-structure:before {
  content: "\9033";
}
.icon-logo .path1:before {
  content: "\9034";
  color: rgb(55, 53, 53);
}
.icon-logo .path2:before {
  content: "\9035";
  margin-left: -1.7138671875em;
  color: rgb(158, 52, 55);
}
.icon-logo .path3:before {
  content: "\9036";
  margin-left: -1.7138671875em;
  color: rgb(248, 163, 52);
}
.icon-logo .path4:before {
  content: "\9037";
  margin-left: -1.7138671875em;
  color: rgb(248, 163, 52);
}
.icon-logo .path5:before {
  content: "\9038";
  margin-left: -1.7138671875em;
  color: rgb(57, 183, 233);
}
.icon-clock:before {
  content: "\9039";
}
.icon-caret_drop:before {
  content: "\903a";
}
.icon-call_type:before {
  content: "\903b";
}