@font-face {
  font-family: 'cdns-icons';
  src:  url('../fonts/cdns-icons.eot?4jcsym');
  src:  url('../fonts/cdns-icons.eot?4jcsym#iefix') format('embedded-opentype'),
    url('../fonts/cdns-icons.ttf?4jcsym') format('truetype'),
    url('../fonts/cdns-icons.woff?4jcsym') format('woff'),
    url('../fonts/cdns-icons.svg?4jcsym#cdns-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


.icon:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    
    font-family: 'cdns-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: bottom;
    margin-right: 10px;
    display: inline-block;
    transition: all .15s ease;
    /* Better Font Rendering =========== */
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button.icon {
    background-color: transparent;
    cursor: pointer;
    font-size: 1em;
    margin-right: -10px;
}

button.icon::before {
    margin-right: 0px;
}

.domains-button-menu button.icon::before {
    margin-right: 15px;
}

table:not(.dashboard-table) .icon-ok::before,
table.cart-table .icon-ok::before {
    content: "\e908";
    color: #48d494;
    font-size: 1.3em;
    margin-right: 0;
}
/* --- Icons color --- */

.icon-white:before {
    color: #fff;
}

.icon-whiter:before {
    color: #fff !important;
}

.icon-brighter:before {
	color: #b9b9b9;
}


.icon-bright:before {
	color: #a7a7a7;
}

.icon-dark:before {
    color: #555;
}

.icon-darker:before {
    color: #333;
}

.icon-color:before {
    color: #ff6e2c;
}

/* --- Icons simbol --- */
.icon-custom-geo-dns-1:before {
  content: "\ebd12";
}

.icon-custom-geo-dns:before {
  content: "\e94f";
}

.icon-cloud-based:before {
  content: "\e950";
}

.icon-ssl_tls-monitoring:before {
  content: "\e951";
}

.icon-firewall-monitoring:before {
  content: "\e952";
}

.icon-dns-monitoring:before {
  content: "\e953";
}

.icon-udp-monitoring:before {
  content: "\e954";
}

.icon-tsp-monitoring:before {
  content: "\e955";
}

.icon-icmp-ping-monitoring:before {
  content: "\e956";
}

.icon-web-monitoring:before {
  content: "\e957";
}

.icon-heartbeat-monitoring:before {
  content: "\e958";
}

.icon-heartbeat-monitoring-2:before {
  content: "\e959";	
}

.icon-ssl:before {
  content: "\e94e";
}

.icon-person:before {
  content: "\e94d";
}

.icon-email-history:before {
  content: "\e94a";
}

.icon-log:before {
  content: "\e94b";
}

.icon-thumb-up:before {
  content: "\e94c";
}

.icon-contact-details:before {
  content: "\e946";
}

.icon-child-name-service:before {
  content: "\e947";
}

.icon-domain-secret:before {
  content: "\e948";
}

.icon-theft-protection:before {
  content: "\e949";
}

.icon-privacy-protection:before {
  content: "\e945";
}

.icon-update3:before {
  content: "\e944";
}

.icon-pdf:before {
  content: "\e943";
}

.icon-dynamic-url:before {
  content: "\e942";
}

.icon-xls:before {
  content: "\e941";
}

.icon-name-servers:before {
  content: "\e93e";
}

.icon-geodns-zone:before {
  content: "\e93f";
}

.icon-slave-dns-zone:before {
  content: "\e940";
}

.icon-csv:before {
  content: "\e93d";
}

.icon-key:before {
  content: "\e939";
}

.icon-menu-v:before {
  content: "\e93a";
}

.icon-menu-h:before {
  content: "\e93b";
}

.icon-copy:before {
  content: "\e93c";
}

.icon-zone-move:before {
  content: "\e932";
}

.icon-zone-export:before {
  content: "\e933";
}

.icon-zone-import:before {
  content: "\e934";
}

.icon-zone-transfers:before {
  content: "\e935";
}

.icon-delete2:before {
  content: "\e936";
}

.icon-zone-share2:before {
  content: "\e937";
}

.icon-update2:before {
  content: "\e938";
}

.icon-link:before {
  content: "\e930";
}

.icon-facebook:before {
  content: "\e928";
}

.icon-twitter:before {
  content: "\e929";
}

.icon-stumbleupon:before {
  content: "\e92a";
}

.icon-gplus:before {
  content: "\e92b";
}

.icon-youtube:before {
  content: "\e92c";
}

.icon-vkontakte:before {
  content: "\e92d";
}

.icon-linkedin:before {
  content: "\e92e";
}

.icon-github:before {
  content: "\e92f";
}

.icon-start:before {
  content: "\e924";
}

.icon-pause:before {
  content: "\e925";
}

.icon-stop:before {
  content: "\e926";
}

.icon-notes:before {
  content: "\e927";
}

.icon-delete:before {
  content: "\e923";
}

.icon-cloud-domains:before {
  content: "\e91d";
}

.icon-soa:before {
  content: "\e91e";
}

.icon-zone-share:before {
  content: "\e91f";
}

.icon-statistics:before {
  content: "\e920";
}

.icon-access-control:before {
  content: "\e921";
}

.icon-update:before {
  content: "\e922";
}

.icon-setup:before {
    content: "\e919";
}

.icon-performance:before {
    content: "\e91a";
}

.icon-security:before {
    content: "\e91b";
}

.icon-monitoring:before {
    content: "\e91c";
}

.icon-close:before {
    content: "\e917";
}

.icon-edit:before {
    content: "\e918";
}

.icon-parked-dns-zone:before {
    content: "\e914";
}

.icon-master-dns-zone:before {
    content: "\e915";
}

.icon-domains:before {
    content: "\e916";
}

.icon-failover:before {
    content: "\e913";
}

.icon-search:before {
    content: "\e912";
}

.icon-pin:before {
    content: "\e911";
}

.icon-ok:before {
    content: "\e908";
}

.icon-on-off:before {
    content: "\e907";
}

.icon-location:before {
    content: "\e909";
}

.icon-shield:before {
    content: "\e90a";
}

.icon-innovation:before {
    content: "\e90b";
}

.icon-revenue:before {
    content: "\e90c";
}

.icon-support:before {
    content: "\e90d";
}

.icon-growth:before {
    content: "\e90e";
}

.icon-scalability:before {
    content: "\e90f";
}

.icon-optimization:before {
    content: "\e910";
}

.icon-cart2:before {
  content: "\e931";
}

.icon-cart:before {
    content: "\e900";
}

.icon-mail2:before {
  content: "\ea84";
}

.icon-user-check:before {
  content: "\e975";
}

.icon-lock:before {
  content: "\e98f";
}

.icon-wrench:before {
  content: "\e991";
}

.icon-rocket:before {
  content: "\e9a5";
}

.icon-power:before {
  content: "\e9b5";
}

.icon-clipboard:before {
  content: "\e9b8";
}

.icon-stopwatch:before {
  content: "\e952";
}

.icon-shield-new:before {
  content: "\e9b4";
}

.icon-sun:before {
  content: "\e9d4";
}

.icon-moon:before {
  content: "\e9d5";
}

.icon-smile:before {
  content: "\e9e1";
}

.main-monitoring .card-title.icon.icon-mail2::before,
.wider-col .card-title.icon.icon-mail2::before {
	font-size: 60px;
	margin-top: 48px;
}

.wider-col .card-title.icon.icon-mail2::before {
	font-size: 60px;
	margin-top: 10px;
}

.icon-dns-zones:before,
.lang-anycast:before {
    content: "\e901";
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.lang-anycast {
	background: none;
	margin-top: 0;
}

.icon-free:before {
    content: "\e902";
}

.icon-mail-forwards:before {
    content: "\e903";
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.icon-settings:before {
    content: "\e904";
}

.icon-templates:before {
    content: "\e905";
}

.icon-wallet:before {
    content: "\e906";
}

.icon-camera:before {
    content: "\e90ff";
}

/* Card title image */

.card-title.icon:before {
    display: block;
    font-size: 80px;
    margin-bottom: 20px;
    color: #ff6921;
    margin-right: 0;
}

.card-title-horizontal.icon:before {
    display: block;
    font-size: 50px;
    color: #ff6921;
    margin-right: 0;
}

/* --- Dashboard icons propertyes --- */


.icon-csv::before,
.icon-xls::before,
.icon-pdf::before{
	font-size: 23px !important;
}

.dashboard-table .icon::before,
.table-records .icon::before,
.table-footer .icon::before{
	font-size: 20px;
	vertical-align: middle;
}

.dashboard-table .icon-settings::before {
	font-size: 19px;
}

.dashboard-table img.icon-status-update {
	border: 0; 
	margin: 4px 10px 0 0;
}

/* --- Search button icon propertyes --- */


.icon-search:hover:before,
.clearable .icon-close:hover:before {
    color: #ff6921;
}

.wiki-search .icon-search,
.dashboard-aside .icon-search{
    position: absolute;
    top: 6px;
    right: 10px;
}

/*
.wiki-mobile-nav-menu .icon-search {
    position: absolute;
    top: 10px;
    right: 20px;
}*/

.clearable {
	position: relative;
}

.clearable .icon-close {
	display: none;
	position: absolute;
	top: 5px;
	right: 10px;
}

.clearable .icon-close.icon::before {
	font-size: 0.8em;
}

/* --- Pin button icon propertyes --- */

.icon-pin::before {
	vertical-align: top;
}

/* --- Icons with no margin-right --- */

.icon-pin::before,
.icon-on-off::before,
.icon-cart::before{
	margin-right: 0;
}

/* --- */

.icon-cart {
    font-size: 1.1em;
    margin: -5px 26px -1px 0;
    display: inline-block;
    position: relative;
}

.icon-person {
    font-size: 1.1em;
}

button.icon-clear:before {
	margin-right: 5px;
}

.sub-header .icon:before{
    font-size: 18px;
}

.dashboard + .sub-header .icon-on-off:before {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    font-size: 1.2em;
}

.dashboard + .sub-header .icon-on-off{
    white-space: nowrap;
}

.pricing .icon-cart2 {
	font-size: 1.4em;
}

/* Cloud domains popup icons */
.popup-content #cloudDomainsContainer .icon-delete::before,
.popup-content #cloudDomainsContainer .icon-cloud-domains::before {
	padding-bottom: 4px;
}

.records-page.icon-notes::before {
	margin-bottom: 3px;
}

/* Dashboard zones table icons, moved from the subheader */
.dashboard-table .zones-subheader-tooltip::before {
	transform: scale(1);
	vertical-align: bottom;
}

.dashboard-table tr th:first-child .icon.zones-subheader-tooltip::before {
	margin-right: 10px;
}

/* CSS Loader */
#loadIcons {
	display: none;
}
