/**ICONS**/
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #6c757d;
    --light-gray: #bbbbbb;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --black: #000000;
}
.icon.icon-black {
    background-color: var(--black);
}
.icon.icon-primary {
    background-color: var(--primary);
}
.icon.icon-secondary {
    background-color: var(--secondary);
}
.icon.icon-light-gray {
    background-color: var(--light-gray);
}
.icon.icon-success {
    background-color: var(--success);
}
.icon.icon-info {
    background-color: var(--info);
}
.icon.icon-warning {
    background-color: var(--warning);
}
.icon.icon-danger {
    background-color: var(--danger);
}
.icon.icon-light {
    background-color: var(--light);
}
.icon.icon-dark {
    background-color: var(--dark);
}
.icon.icon-orange {
    background-color: var(--orange);
}

.icon-hover-black:hover i{
    background-color: var(--black);
}
.icon-hover-white:hover i{
    background-color: var(--white);
}
.icon-hover-gray:hover i{
    background-color: var(--gray);
}

.icon {
    background-color: #ffffff;
}
.icon.icon-bug {
    -webkit-mask-image: url(../images/icons/bug.svg);
    mask-image: url(../images/icons/bug.svg);
}
.icon.icon-location {
    -webkit-mask-image: url(../images/icons/location.svg);
    mask-image: url(../images/icons/location.svg);
}
.icon.icon-settings {
    -webkit-mask-image: url(../images/icons/settings.svg);
    mask-image: url(../images/icons/settings.svg);
}
.icon.icon-search {
    -webkit-mask-image: url(../images/icons/search.svg);
    mask-image: url(../images/icons/search.svg);
}
.icon.icon-plus {
    -webkit-mask-image: url(../images/icons/plus.svg);
    mask-image: url(../images/icons/plus.svg);
}
.icon.icon-dot-circle {
    -webkit-mask-image: url(../images/icons/dot-circle.svg);
    mask-image: url(../images/icons/dot-circle.svg);
}
.icon.icon-information {
    -webkit-mask-image: url(../images/icons/info.svg);
    mask-image: url(../images/icons/info.svg);
}

.icon.icon-globe {
    -webkit-mask-image: url(../images/icons/globe.svg);
    mask-image: url(../images/icons/globe.svg);
}
.icon.icon-checked {
    -webkit-mask-image: url(../images/icons/checked.svg);
    mask-image: url(../images/icons/checked.svg);
}
.icon.icon-cross-mark {
    -webkit-mask-image: url(../images/icons/cross-mark.svg);
    mask-image: url(../images/icons/cross-mark.svg);
}
.icon.icon-loading {
    -webkit-mask-image: url(../images/icons/loading-sign.svg);
    mask-image: url(../images/icons/loading-sign.svg);
    animation:loading-icon 1s infinite steps(8);
}

.icon.icon-circled-loading {
    -webkit-mask-image: url(../images/icons/circled-loading.svg);
    mask-image: url(../images/icons/circled-loading.svg);
    animation:circled-loading-icon 1s infinite steps(8);
}
@keyframes loading-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@keyframes circled-loading-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

.icon.icon-external-link {
    -webkit-mask-image: url(../images/icons/external-link.svg);
    mask-image: url(../images/icons/external-link.svg);
    vertical-align: top;
}
.icon-colored.icon-exclamation-triangle {
    background-image: url(../images/icons/exclamation-triangle-colored.svg);
    vertical-align: top;
}
.icon.icon-exclamation-triangle {
    -webkit-mask-image: url(../images/icons/exclamation-triangle.svg);
    mask-image: url(../images/icons/exclamation-triangle.svg);
    vertical-align: top;
}
.icon.icon-pin {
    -webkit-mask-image: url(../images/icons/pin.svg);
    mask-image: url(../images/icons/pin.svg);
}
.icon.icon-trash-can {
    -webkit-mask-image: url(../images/icons/trash-can.svg);
    mask-image: url(../images/icons/trash-can.svg);
}
.icon.icon-banned {
    -webkit-mask-image: url(../images/icons/banned.svg);
    mask-image: url(../images/icons/banned.svg);
}
.icon.icon-checked-circle {
    -webkit-mask-image: url(../images/icons/checked-circle.svg);
    mask-image: url(../images/icons/checked-circle.svg);
}
.icon.icon-envelope {
    -webkit-mask-image: url(../images/icons/envelope.svg);
    mask-image: url(../images/icons/envelope.svg);
}
.icon.icon-bell {
    -webkit-mask-image: url(../images/icons/bell.svg);
    mask-image: url(../images/icons/bell.svg);
}
.icon.icon-arrow-left {
    -webkit-mask-image: url(../images/icons/arrow-left.svg);
    mask-image: url(../images/icons/arrow-left.svg);
    vertical-align: text-bottom;
}
.icon.icon-arrow-right {
    -webkit-mask-image: url(../images/icons/arrow-right.svg);
    mask-image: url(../images/icons/arrow-right.svg);
    vertical-align: text-bottom;
}
.icon.icon-radio-tower {
    -webkit-mask-image: url(../images/icons/radio-tower.svg);
    mask-image: url(../images/icons/radio-tower.svg);
}
.icon-colored.icon-internet {
    background-image: url(../images/icons/internet.png);
}
.icon.icon-monitor {
    -webkit-mask-image: url(../images/icons/monitor.svg);
    mask-image: url(../images/icons/monitor.svg);
}
.icon.icon-stethoscope {
    -webkit-mask-image: url(../images/icons/stethoscope.svg);
    mask-image: url(../images/icons/stethoscope.svg);
}
.icon.icon-reset {
    -webkit-mask-image: url(../images/icons/reset.svg);
    mask-image: url(../images/icons/reset.svg);
}
.icon.icon-server {
    -webkit-mask-image: url(../images/icons/server.svg);
    mask-image: url(../images/icons/server.svg);
}
.icon.icon-reload {
    -webkit-mask-image: url(../images/icons/reload.svg);
    mask-image: url(../images/icons/reload.svg);
}
.icon.icon-question-mark-circle {
    -webkit-mask-image: url(../images/icons/question-mark-circle.svg);
    mask-image: url(../images/icons/question-mark-circle.svg);
}
.icon.icon-exchange {
    -webkit-mask-image: url(../images/icons/exchange.svg);
    mask-image: url(../images/icons/exchange.svg);
}
.icon.icon-key {
    -webkit-mask-image: url(../images/icons/key.svg);
    mask-image: url(../images/icons/key.svg);
}
.icon.icon-dns {
    -webkit-mask-image: url(../images/icons/dns.svg);
    mask-image: url(../images/icons/dns.svg);
}
.icon.icon-ethernet-off {
    -webkit-mask-image: url(../images/icons/ethernet-off.svg);
    mask-image: url(../images/icons/ethernet-off.svg);
}
.icon.icon-data-transfer {
    -webkit-mask-image: url(../images/icons/data-transfer.svg);
    mask-image: url(../images/icons/data-transfer.svg);
}
.icon.icon-network-cable {
    -webkit-mask-image: url(../images/icons/network-cable.svg);
    mask-image: url(../images/icons/network-cable.svg);
}
.icon.icon-search-location {
    -webkit-mask-image: url(../images/icons/search-location.svg);
    mask-image: url(../images/icons/search-location.svg);
}
.icon.icon-link {
    -webkit-mask-image: url(../images/icons/link.svg);
    mask-image: url(../images/icons/link.svg);
}
.icon.icon-link-alt {
    -webkit-mask-image: url(../images/icons/link-alt.svg);
    mask-image: url(../images/icons/link-alt.svg);
}
.icon.icon-google {
    -webkit-mask-image: url(../images/icons/google.svg);
    mask-image: url(../images/icons/google.svg);
}
.icon.icon-menu-bars {
    -webkit-mask-image: url(../images/icons/menu-bars.svg);
    mask-image: url(../images/icons/menu-bars.svg);
}
.icon.icon-vimeo {
    -webkit-mask-image: url(../images/icons/vimeo.svg);
    mask-image: url(../images/icons/vimeo.svg);
}
.icon.icon-facebook-circled {
    -webkit-mask-image: url(../images/icons/facebook-circled.svg);
    mask-image: url(../images/icons/facebook-circled.svg);
}
.icon.icon-spy {
    -webkit-mask-image: url(../images/icons/spy.svg);
    mask-image: url(../images/icons/spy.svg);
}
.icon.icon-expand {
    -webkit-mask-image: url(../images/icons/expand.svg);
    mask-image: url(../images/icons/expand.svg);
}
.icon.icon-collapse {
    -webkit-mask-image: url(../images/icons/collapse.svg);
    mask-image: url(../images/icons/collapse.svg);
}
.icon.icon-lock {
    -webkit-mask-image: url(../images/icons/lock.svg);
    mask-image: url(../images/icons/lock.svg);
}
.icon.icon-wrench {
    -webkit-mask-image: url(../images/icons/wrench.svg);
    mask-image: url(../images/icons/wrench.svg);
}
.icon.icon-approval {
    -webkit-mask-image: url(../images/icons/approval.svg);
    mask-image: url(../images/icons/approval.svg);
}
.icon.icon-software {
    -webkit-mask-image: url(../images/icons/software.svg);
    mask-image: url(../images/icons/software.svg);
}
.icon.icon-home {
    -webkit-mask-image: url(../images/icons/home.svg);
    mask-image: url(../images/icons/home.svg);
    vertical-align:top;
}
.icon-colored.icon-windows-10 {
    background-image: url(../images/icons/windows-10.svg);
}
.icon.icon-apple-logo {
    -webkit-mask-image: url(../images/icons/apple.svg);
    mask-image: url(../images/icons/apple.svg);
}
.icon-colored.icon-linux-colored {
    background-image: url(../images/icons/linux-colored.svg);
    vertical-align: middle;
}
.icon.icon-ios {
    -webkit-mask-image: url(../images/icons/ios.svg);
    mask-image: url(../images/icons/ios.svg);
    vertical-align: middle;
}
.icon-colored.icon-android-colored {
    background-image: url(../images/icons/android-colored.svg);
    vertical-align: middle;
}
.icon-colored.icon-chrome-colored {
    background-image: url(../images/icons/chrome-colored.svg);
}
.icon-colored.icon-firefox-colored {
    background-image: url(../images/icons/firefox-colored.svg);
}
.icon-colored.icon-microsoft-edge-colored {
    background-image: url(../images/icons/microsoft-edge-colored.svg);
}
.icon-colored.icon-crown {
    background-image: url(../images/icons/crown.svg);
}
.icon.icon-star-filled {
    -webkit-mask-image: url(../images/icons/star-filled.svg);
    mask-image: url(../images/icons/star-filled.svg);
}
.icon.icon-star-half {
    -webkit-mask-image: url(../images/icons/star-half.svg);
    mask-image: url(../images/icons/star-half.svg);
}
.icon-colored.icon-star-half-empty-colored {
    background-image: url(../images/icons/star-half-empty.svg);
}
.icon.icon-barcode {
    -webkit-mask-image: url(../images/icons/barcode.svg);
    mask-image: url(../images/icons/barcode.svg);
}
.icon.icon-invisible {
    -webkit-mask-image: url(../images/icons/invisible.svg);
    mask-image: url(../images/icons/invisible.svg);
}
.icon.icon-eye {
    -webkit-mask-image: url(../images/icons/eye.svg);
    mask-image: url(../images/icons/eye.svg);
}
.icon.icon-identity-card {
    -webkit-mask-image: url(../images/icons/identity-card.svg);
    mask-image: url(../images/icons/identity-card.svg);
}
.icon.icon-text {
    -webkit-mask-image: url(../images/icons/text.svg);
    mask-image: url(../images/icons/text.svg);
}
.icon.icon-sms {
    -webkit-mask-image: url(../images/icons/sms.svg);
    mask-image: url(../images/icons/sms.svg);
}
.icon.icon-download {
    -webkit-mask-image: url(../images/icons/download.svg);
    mask-image: url(../images/icons/download.svg);
}
.icon.icon-copy {
    -webkit-mask-image: url(../images/icons/copy.svg);
    mask-image: url(../images/icons/copy.svg);
}
.icon.icon-broken-link {
    -webkit-mask-image: url(../images/icons/broken-link.svg);
    mask-image: url(../images/icons/broken-link.svg);
}
.icon.icon-user {
    -webkit-mask-image: url(../images/icons/user.svg);
    mask-image: url(../images/icons/user.svg);
}
.icon.icon-ip {
    -webkit-mask-image: url(../images/icons/ip.svg);
    mask-image: url(../images/icons/ip.svg);
}
.icon.icon-trace {
    -webkit-mask-image: url(../images/icons/trace.svg);
    mask-image: url(../images/icons/trace.svg);
}
.icon.icon-qr-code {
    -webkit-mask-image: url(../images/icons/qr-code.svg);
    mask-image: url(../images/icons/qr-code.svg);
}
/**ICONS**/