Angular material mat-icon 资源参考

ul,li>ol {
margin-bottom: 0
}

dt {
font-weight: 700
}

dd {
margin: 0 1.5em 1.5em
}

img {
height: auto;
max-width: 100%
}

table {
margin: 0 0 1.5em;
width: 100%
}

button,input[type=button],input[type=reset],input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5),inset 0 15px 17px rgba(255,255,255,.5),inset 0 -5px 12px rgba(0,0,0,.05);
color: rgba(0,0,0,.8);
font-size: 12px;
font-size: .75rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255,255,255,.8)
}

button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8),inset 0 15px 17px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,0,0,.02)
}

button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255,255,255,.5),inset 0 2px 5px rgba(0,0,0,.15)
}

input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px
}

select {
border: 1px solid #ccc
}

input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus {
color: #111
}

textarea {
padding-left: 3px;
width: 100%
}

a:hover,a:focus,a:active {
color: #191970
}

a:hover,a:active {
outline: 0
}

.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0
}

.main-navigation li {
position: relative
}

.main-navigation a {
display: block;
text-decoration: none
}

.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0,0,0,.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999
}

.main-navigation ul ul ul {
left: -999em;
top: 0
}

.main-navigation ul ul a {
width: 200px
}

.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul {
left: auto
}

.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul {
left: 100%
}

.menu-toggle,.main-navigation.toggled ul {
display: block
}

@media screen and (min-width: 37.5em) {
.menu-toggle {
display:none
}

.main-navigation ul {
display: block
}
}

.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden
}

.screen-reader-text {
clip: rect(1px,1px,1px,1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}

#content[tabindex="-1"]:focus {
outline: 0
}

.alignleft {
display: inline;
float: left;
margin-right: 1.5em
}

.alignright {
display: inline;
float: right;
margin-left: 1.5em
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}

.clearfix:before,.clearfix:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
content: "";
display: table;
table-layout: fixed
}

.clearfix:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
clear: both
}

.widget {
margin: 0 0 1.5em
}

.widget select {
max-width: 100%
}

.sticky {
display: block
}

.hentry {
margin: 0 0 1.5em
}

.byline,.updated:not(.published) {
display: none
}

.single .byline,.group-blog .byline {
display: inline
}

.page-content,.entry-content,.entry-summary {
margin: 1.5em 0 1.5em
}

.page-links {
clear: both;
margin: 0 0 1.5em
}

.blog .format-aside .entry-title,.archive .format-aside .entry-title {
display: none
}

.comment-content a {
word-wrap: break-word
}

.bypostauthor {
display: block
}

.comments-area ol.children {
margin: 0 0 0 25px
}

.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {
display: none
}

.infinity-end.neverending .site-footer {
display: block
}

.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}

embed,iframe,object {
max-width: 100%
}

.wp-caption {
margin-bottom: 1.5em;
max-width: 100%
}

.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto
}

.wp-caption .wp-caption-text {
margin: .8075em 0
}

.wp-caption-text {
text-align: center
}

.vmag-container {
max-width: 1070px;
margin: 0 auto
}

p {
margin: 0
}

a {
text-decoration: none
}

img {
vertical-align: top;
max-width: 100%
}

h1,h2,h3,h4,h5,h6 {
margin: 0;
line-height: 1.2
}

body {
line-height: 1.5
}

.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-top: 1.5em
}

.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-top: 1.5em
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 1.5em;
margin-bottom: 1.5em
}

.vmag-top-header {
background: #4db2ec;
color: #fff;
font-size: 13px
}

.vmag-top-header .vmag-current-date {
float: left;
font-family: Verdana;
padding: 13px 0
}

.vmag-top-header .top-navigation {
float: right;
font-family: Verdana;
font-weight: 500;
padding: 8px 0
}

.vmag-top-header .top-navigation li {
position: relative
}

.vmag-top-header .top-navigation .menu {
padding: 5px 0 0
}

.vmag-top-header .top-navigation .menu li {
border-left: 1px solid #fff;
display: inline-block
}

.vmag-top-header .top-navigation .menu li:first-child {
border-left: none
}

.vmag-top-header .top-navigation .menu li>a {
color: #fff;
text-transform: capitalize;
padding: 0 15px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
font-weight: 300;
font-family: Verdana
}

.vmag-top-header .top-navigation ul ul a {
padding: 0 !important
}

.vmag-top-header .top-navigation .menu a:hover {
color: #e5e5e5;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s
}

.vmag-top-header .top-navigation .menu ul {
background: #4db2ec;
left: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 50px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
visibility: hidden;
width: 200px
}

.vmag-top-header .top-navigation ul li:hover ul {
left: 0;
opacity: 1;
top: 32px;
visibility: visible;
z-index: 9
}

.vmag-top-header .top-navigation .menu ul li {
width: 100%;
padding: 5px 10px
}

.vmag-top-header .top-navigation .menu ul li a {
color: #fff;
text-transform: capitalize;
font-weight: 400
}

.vmag-top-header .top-navigation .menu ul li {
border-left: none
}

.vmag-top-header .top-navigation ul li:hover>ul {
opacity: 1;
visibility: visible;
z-index: 9
}

.vmag-top-header .top-navigation ul ul ul {
left: 100% !important;
top: 0 !important;
opacity: 1;
visibility: visible;
display: none
}

.vmag-top-header .top-navigation ul ul li:hover>ul {
display: block
}

.site-header {
padding: 18px 0 0;
margin: 0 0 10px
}

.site-header .logo-ad-wrapper .vmag-container {
padding: 0
}

.site-header .logo-ad-wrapper {
margin: 0 0 18px
}

.site-header .site-branding {
float: left;
max-width: 28%
}

.boxed_layout .site-header .site-branding {
max-width: 28.5%
}

.site-header .site-branding a.custom-logo-link,.site-header .site-branding .site-title-wrapper {
display: inline-block;
vertical-align: middle
}

.site-header .site-branding a.custom-logo-link {
width: 90%
}

.site-header .site-branding a.custom-logo-link img {
vertical-align: top;
width: 100%
}

.header-ad-wrapper .vmag_leaderboard_ad {
margin: 0
}

.site-header .site-branding .site-title-wrapper p.site-title a {
text-transform: uppercase;
color: #000;
font-weight: 700;
font-family: Verdana
}

.site-header .header-ad-wrapper {
float: right;
width: auto;
max-width: 728px
}

.site-header .main-navigation {
border: 1px solid #d9d8d8;
background: #f6f6f6;
position: relative
}

.nav-wrapper {
float: left;
width: 82%
}

.site-header .main-navigation li {
float: left
}

.site-header .main-navigation li a {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
padding: 0 17.5px;
color: #333;
position: relative;
border-right: 1px solid #d9d8d8;
line-height: 55px
}

.site-header .main-navigation li a:hover:before {
content: '';
border-top: 4px solid #4db2ec;
position: absolute;
top: 0;
width: 100%;
left: 0
}

.site-header .main-navigation .menu-primary-menu-container {
float: left;
width: 90%
}

@-moz-document url-prefix() {
.site-header .main-navigation .icons-wrapper {
line-height: 30px
}
}

.site-header .main-navigation .icons-wrapper .icon-random {
color: #000
}

.site-header .main-navigation .icons-wrapper .icon-search,.site-header .main-navigation .icons-wrapper .icon-random {
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0 13px
}

.site-header .main-navigation .icons-wrapper .icon-search:before {
content: '\f002';
position: absolute;
top: 0
}

.site-header .main-navigation .icons-wrapper .icon-random:before {
content: '\f074';
position: absolute;
top: 0
}

.site-header .main-navigation .vmag-search-form-primary .search-form {
right: 0;
position: absolute;
top: 100px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
visibility: hidden;
opacity: 0;
width: 300px;
background: #f6f6f6;
border-top: 1px solid #4db2ec;
box-shadow: 0 2px 6px rgba(0,0,0,.2);
padding: 20px;
border-radius: 0;
z-index: 999999
}

.site-header .main-navigation .vmag-search-form-primary.search-in .search-form {
right: 0;
opacity: 1;
top: 56px;
visibility: visible;
z-index: 999999
}

.site-header .main-navigation .vmag-search-form-primary .search-form .search-field {
border-radius: 0;
height: 32px;
float: left
}

.site-header .main-navigation .vmag-search-form-primary .search-form .search-submit {
background: #000;
box-shadow: none;
text-shadow: none;
border: none;
border-radius: 0;
color: #fff;
height: 32px;
float: left;
padding: 10px 0 12px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
width: 57px
}

@-moz-document url-prefix() {
.site-header .main-navigation .vmag-search-form-primary .search-form .search-submit {
width: 70px
}
}

.site-header .main-navigation .vmag-search-form-primary.search-in .search-form .search-submit:hover {
background: #4db2ec;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s
}

.site-header .main-navigation ul ul {
background: #f6f6f6;
left: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 70px;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
visibility: hidden;
width: 200px
}

.site-header .main-navigation ul li:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
z-index: 9
}

.site-header .main-navigation ul ul ul {
left: 100%;
top: 0 !important;
opacity: 1;
visibility: visible;
display: none
}

.site-header .main-navigation ul ul li:hover>ul {
display: block
}

.main-navigation .current_page_item>a:before,.main-navigation .current-menu-item>a:before,.main-navigation .current_page_ancestor>a:before,.main-navigation .current-menu-ancestor>a:before {
border-top: 4px solid #4db2ec;
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%
}

.site-header .main-navigation ul li ul li a {
border: none
}

.site-header .main-navigation ul li ul li a {
padding: 0 10px;
font-size: 12px;
border-bottom: 1px solid #d9d8d8;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
line-height: 36px
}

.site-header .main-navigation ul li ul li:last-child a {
border: none
}

.site-header .main-navigation ul li ul li a:hover {
color: #4db2ec;
border-color: #4db2ec;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s
}

.site-header .main-navigation li ul a:hover:before {
border: none
}

.nav-wrapper .current-menu-item a {
position: relative
}

.nav-wrapper .current-menu-item a:before,.nav-wrapper .current-menu-ancestor a:before {
content: '';
border-top: 4px solid #4db2ec;
position: absolute;
top: 0;
width: 100%;
left: 0
}

.nav-wrapper .current-menu-ancestor ul li a:before {
border-top: 0
}

.site-content {
padding: 10px 0
}

.widget .post-tags-links {
position: absolute;
bottom: 15px;
left: 15px
}

.widget .slider-fullwidth .post-tags-links {
bottom: 55px
}

.site-content .homepage-slider-section .widget_vmag_featured_slider .slider-caption .post-tags-links a,.site-content .homepage-slider-section .widget_vmag_featured_slider .post-caption .post-tags-links a {
position: static
}

.footer-widgets-wrapper .widget.widget_tag_cloud .tagcloud a {
color: #fff
}

.homepage-content-wrapper {
padding: 40px 0 0
}

.homepage-content-wrapper .vmag-main-content {
width: 65%;
float: left
}

.widget .vmag-main-content h4.block-title {
font-family: Verdana;
font-size: 20px;
color: #333;
font-weight: 400;
margin: 0 0 29px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 15px;
text-transform: uppercase
}

.widget .post-meta span.comments-count {
float: right
}

.widget .single-post .post-meta span.comments-count a {
background: #4db2ec none repeat scroll 0 0;
padding: 3px 6px;
position: relative;
color: #fff
}

.widget .single-post .post-meta span.comments-count a:before {
border-color: #4db2ec transparent transparent;
border-style: solid;
border-width: 10px 6.5px 0 0;
bottom: -7px;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0
}

.widget .single-post .post-meta .post-author {
float: none
}

.widget .single-post .post-meta a:hover {
color: #4db2ec
}

.widget.vmag_category_posts_list {
float: right;
width: 46.5%
}

.widget.vmag_category_posts_list .single-post .post-thumb {
float: left;
width: 30%;
position: relative;
vertical-align: top;
margin-right: 5%
}

.widget.vmag_category_posts_list .single-post .post-thumb:before {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 6px 6px 6px 0;
content: "";
height: 0;
position: absolute;
right: 0;
top: 6px;
width: 0;
z-index: 999999
}

.widget.vmag_category_posts_list .single-post {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 14px
}

.widget.vmag_category_posts_list div+div.single-post {
padding-top: 15px
}

.widget.vmag_category_posts_list .single-post:last-child {
border: none
}

.widget.vmag_category_posts_list .single-post .post-caption {
width: 63.51%;
float: left
}

.widget.vmag_category_posts_list .single-post .post-meta a {
color: #aaa;
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
margin-right: 5px
}

.footer-widgets-wrapper .widget.vmag_category_posts_list .single-post .post-caption h3 a {
color: #aaa
}

.vmag-home-aside .widget.vmag_category_posts_list,#secondary .widget.vmag_category_posts_list {
width: 100%;
float: none
}

.vmag-home-aside,#secondary {
width: 30%;
float: right;
font-size: 13px;
font-family: Verdana;
color: #777
}

.widget h4.block-title,.widget h4.widget-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 29px;
padding-bottom: 10px;
text-transform: uppercase
}

.widget.widget_rss h4 a {
color: #333;
display: inline-block;
vertical-align: middle;
line-height: .5;
margin-right: 5px
}

.block-header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 29px;
padding-bottom: 10px
}

.block-header h4.block-title {
border: none;
padding: 0;
margin: 0;
float: left
}

.block-header .view-all {
float: right
}

.block-header .view-all a {
color: #777;
font-size: 16px;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.block-header .view-all a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.widget h4.block-title a {
color: #333;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.widget h4.block-title a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.widget .block-post-wrapper .single-post {
width: 100%;
padding-bottom: 14px
}

.vmag_category_posts_list .block-post-wrapper .single-post {
padding-bottom: 14px
}

.widget .single-post:last-child {
border: none
}

.widget .single-post .post-thumb {
position: relative
}

.vmag_block_posts_style3 .post-thumb {
margin-bottom: 19px
}

.vmag_block_posts_style2 .post-thumb:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 7px 7px;
bottom: 0;
content: "";
height: 0;
position: absolute;
left: 10px;
width: 0;
z-index: 999999
}

.widget .single-post .post-thumb .widget .single-post .post-thumb img {
width: 100%
}

.widget .single-post.first-post h3 a {
font-size: 20px
}

.widget .single-post .post-meta {
margin: 0 0 5px
}

.widget .single-post .post-meta .post-author,.homepage-content-wrapper .vmag-home-aside .single-post .post-meta .posted-on {
display: inline-block;
margin-right: 7px
}

.widget .single-post .post-meta .comments-count {
float: right
}

.widget_tag_cloud .tagcloud a,.tags-links a {
border: 1px solid #cecccc;
color: #333;
display: inline-block;
font-size: 12px !important;
line-height: 12px;
margin: 0 5px 9px 0;
padding: 9px 15px 9px;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.widget_tag_cloud .tagcloud a:hover,.tags-links a:hover {
background: #4db2ec;
color: #fff;
border: 1px solid #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.vmag-footer-widget .widget_tag_cloud .tagcloud a,.tags-links a {
color: #fff
}

h4.block-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 29px;
padding-bottom: 15px;
text-transform: uppercase
}

.lSAction .lSPrev {
background: rgba(255,255,255,.7);
width: 31px;
height: 31px;
opacity: 1;
left: 0;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.lSAction .lSNext {
right: 0;
background: rgba(255,255,255,.7);
width: 31px;
height: 31px;
opacity: 1;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.lSAction .lSPrev:hover,.lSAction .lSNext:hover {
background: rgba(255,255,255,1);
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.vmag_block_posts_carousel .lSAction .lSPrev,.widget_vmag_featured_slider .lSAction .lSPrev {
left: 0
}

.vmag_block_posts_carousel .lSAction .lSNext,.widget_vmag_featured_slider .lSAction .lSNext {
right: 0
}

.widget.vmag_block_posts_column {
color: #777;
font-size: 13px
}

.widget.vmag_block_posts_column .single-post {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 10px;
padding-bottom: 10px;
width: 100%
}

.widget.vmag_block_posts_column .single-post:last-child {
border: none
}

.widget-column-3 .vmag_block_posts_column {
float: left;
margin-right: 29px;
width: 31.5%
}

.widget-column-4 .vmag_block_posts_column {
float: left;
margin-right: 13px;
width: 24%
}

.widget-column-3 .vmag_block_posts_column:last-child {
margin-right: 0
}

.widget-column-4 .vmag_block_posts_column:last-child {
margin-right: 0
}

.widget.vmag_block_posts_column .block-post-wrapper .post-thumb {
position: relative;
margin-bottom: 19px
}

.widget.vmag_block_posts_column .block-post-wrapper .post-thumb:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 10px 10px;
bottom: 0;
content: "";
height: 0;
position: absolute;
left: 10px;
width: 0;
z-index: 999999
}

.widget.vmag_block_posts_column .block-post-wrapper .post-thumb img {
width: 100%
}

.widget.vmag_block_posts_column .vmag_block_posts_column .post-tags-links a {
background: rgba(0,0,0,.6) none repeat scroll 0 0;
color: #fff;
display: block;
float: left;
font-family: Verdana;
font-size: 12px;
font-weight: 500;
padding: 3px 10px;
text-transform: uppercase;
position: absolute;
bottom: 15px;
left: 15px
}

.widget .post-tags-links a:hover {
background: #000
}

.widget .single-post.first-post h3 a {
font-size: 20px
}

.widget .single-post .post-meta {
margin: 0 0 5px
}

.widget .single-post .post-meta a {
color: #aaa;
font-size: 12px;
text-transform: capitalize
}

.widget.vmag_block_posts_column .single-post .post-meta .post-author,.widget.vmag_block_posts_column .single-post .post-meta .posted-on {
margin-right: 5px
}

.widget.vmag_block_posts_column .single-post .post-meta .comments-count {
float: right
}

.widget.vmag_block_posts_column .single-post .post-meta .comments-count {
display: none
}

.footer-widgets-wrapper {
background: #222;
padding: 45px 0 40px;
font-size: 13px;
font-family: Verdana;
color: #aaa
}

.footer-widgets-wrapper ul {
padding: 0;
margin: 0
}

.footer-widgets-wrapper ul li {
list-style: none
}

.footer-widgets-wrapper h4.widget-title,.footer-widgets-wrapper .widget h4.block-title {
font-family: Verdana;
font-weight: 700;
color: #fff;
font-size: 21px;
margin: 0 0 15px;
border: none
}

.footer-widgets-wrapper .widget_categories li a,.footer-widgets-wrapper .widget_nav_menu li a {
display: inline-block;
color: #aaa;
font-size: 14px;
margin-bottom: 5px;
position: relative;
padding-left: 10px
}

.widget_categories li a,.widget_archive li a {
width: calc(100% - 28px);
width: -moz-calc(100% - 28px);
width: -webkit-calc(100% - 28px)
}

.widget_categories li {
color: #aaa
}

.footer-widgets-wrapper .widget_categories li a:hover,.footer-widgets-wrapper .widget_nav_menu li a:hover,.footer-widgets-wrapper .widget .single-post h3 a:hover,.footer-widgets-wrapper .widget .single-post .post-meta .post-author a:hover {
color: #4db2ec
}

.vmag-footer-widget h4.widget-title,.vmag-footer-widget h4.block-title,.vmag-footer-widget .block-header {
border: medium none;
color: #fff;
font-family: Verdana;
font-size: 21px;
font-weight: 700;
margin: 0 0 15px
}

.vmag-top-footer {
padding: 20px 0
}

.vmag-top-footer.footer_column_two .vmag-footer-widget {
width: 49%
}

.vmag-top-footer.footer_column_two .vmag-footer-widget.column-first {
float: left
}

.vmag-top-footer.footer_column_two .vmag-footer-widget.column-second {
float: right
}

.vmag-top-footer.footer_column_three .vmag-footer-widget-wrapper {
margin-left: -3%
}

.vmag-top-footer.footer_column_three .vmag-footer-widget {
width: 30%;
float: left;
margin-left: 3%
}

.vmag-top-footer.footer_column_four .vmag-footer-widget-wrapper {
margin-left: -3%
}

.vmag-top-footer.footer_column_four .vmag-footer-widget {
width: 22%;
float: left;
margin-left: 3%
}

.vmag-footer-widget .menu li a {
color: #aaa;
display: inline-block;
font-size: 14px;
margin-bottom: 11px;
padding-left: 15px;
position: relative
}

.vmag-footer-widget .widget_text {
font-size: 14px
}

.vmag-footer-widget .widget.vmag_category_posts_list {
width: 100%
}

.vmag-footer-widget .vmag_category_posts_list .single-post .post-thumb:before {
right: 2px
}

.site-footer {
background: #000;
color: #aaa;
font-size: 12px;
font-family: Verdana;
padding: 10px 0
}

.site-footer span,.site-footer a {
padding: 0 2px
}

.site-footer a {
color: #aaa
}

.site-footer a:hover {
color: #4db2ec
}

.site-footer .site-info {
float: left
}

.site-footer .footer-menu-wrapper {
float: right
}

.site-footer .footer-menu-wrapper li {
display: inline-block;
margin-left: 3px
}

#primary {
width: 65%;
float: left;
padding: 10px 0 20px
}

#primary .entry-header {
margin-bottom: 15px
}

#primary .entry-title {
font-family: Verdana;
font-size: 30px;
font-weight: 400;
text-transform: capitalize;
color: #000;
margin-bottom: 5px;
word-wrap: break-word
}

#primary .entry-header span a {
font-size: 13px;
text-transform: capitalize;
font-family: Verdana;
margin: 0 5px 0 0;
display: inline-block;
color: #777
}

#primary .entry-header span a:hover {
color: #4db2ec
}

#primary .entry-thumb {
margin: 0 0 20px;
position: relative
}

#primary .entry-content {
margin: 0 0 10px
}

#primary .entry-footer {
font-size: 13px;
font-family: Verdana;
font-weight: 400;
font-style: italic
}

#primary .entry-footer .cat-links,#primary .entry-footer .tags-links {
display: block;
position: relative;
padding-left: 20px;
color: #404040
}

#primary .entry-footer .tags-links:before {
content: '\f02c'
}

#primary .entry-footer a:hover {
color: #777
}

#primary h3.comment-reply-title small a {
color: red;
padding: 0 10px
}

#primary .comment-notes {
color: red;
font-size: 12px;
margin-bottom: 15px
}

#primary .comments-area {
overflow: hidden;
padding-bottom: 10px
}

#primary .comments-area span.required {
color: red
}

#primary .comments-area input[type=text],#primary .comments-area input[type=email],#primary .comments-area input[type=url],#primary .comments-area textarea {
width: 100%;
border-radius: 0
}

#primary .comments-area input[type=text],#primary .comments-area input[type=email],#primary .comments-area input[type=url] {
height: 38px
}

#primary .comments-area .comment-form-author,#primary .comments-area .comment-form-email,#primary .comments-area .comment-form-url {
float: left;
width: 32%;
margin-right: 13px;
margin-bottom: 10px
}

#primary .comments-area .comment-form-comment {
margin-bottom: 10px
}

#primary .comments-area .comment-form-url {
margin-right: 0
}

#primary .comments-area .comment-form-author label,#primary .comments-area .comment-form-email label,#primary .comments-area .comment-form-url label,#primary .comments-area .comment-form-comment label {
width: 100%;
margin-bottom: 5px;
display: block;
cursor: pointer
}

#primary .comments-area .form-submit input[type=submit] {
background: #4db2ec none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: #fff;
float: none;
padding: 10px;
box-shadow: none;
text-shadow: none;
display: inline-block
}

#primary .comment-respond {
margin-bottom: 15px
}

#secondary {
width: 30%;
float: right;
padding: 10px 0 0
}

#secondary ul {
padding: 0;
margin: 0
}

#secondary ul li {
list-style: none
}

#secondary .widget_search {
overflow: hidden;
margin: 0 0 25px
}

#secondary .widget_search label {
width: 245px;
float: left
}

#secondary .widget_search input.search-field {
border-radius: 0;
color: #000;
font-size: 12px;
height: 35px;
padding: 0 10px;
width: 100%
}

#secondary .widget_search input.search-submit {
float: left;
background: #4db2ec;
border-radius: 0;
box-shadow: none;
border: none;
color: #fff;
text-shadow: none;
width: 75px;
padding: 9px 10px
}

#secondary .widget_search input.search-submit:hover {
background: #0497eb
}

#secondary .widget-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 15px;
padding-bottom: 10px;
text-transform: uppercase
}

.widget_recent_entries li a,.widget_archive li a,.widget_categories li a,.widget_meta li a {
color: #000;
display: inline-block;
font-size: 14px;
margin-bottom: 11px;
padding-left: 15px;
position: relative
}

.widget_recent_comments li a {
color: #aaa
}

.widget_recent_entries li a {
margin-bottom: 0
}

.widget_recent_entries li {
margin-bottom: 11px
}

.widget_recent_entries span {
display: inline-block;
width: 100%;
padding-left: 32px;
position: relative
}

.widget_recent_entries span:before {
padding-left: 15px
}

.widget_recent_entries li a:hover,.widget_archive li a:hover,.widget_categories li a:hover,.widget_meta li a:hover,.widget_recent_comments li a:hover,.vmag-footer-widget .menu li a:hover {
color: #4db2ec
}

.page-header h1.page-title {
font-family: Verdana;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 15px;
font-size: 32px;
color: #000
}

h2.entry-title a {
color: #000;
display: block;
margin-bottom: 10px;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

h2.entry-title a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.archive #primary article {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 20px;
margin-bottom: 30px
}

.archive #primary article:last-child {
border: none
}

.archive #primary .taxonomy-description {
margin-bottom: 25px;
font-style: italic
}

.archive #primary h3.entry-title a,.single #primary h2.entry-title a {
font-size: 26px;
font-weight: 400;
margin-bottom: 10px
}

article .entry-meta .posted-on a {
position: relative;
padding-left: 15px
}

article .entry-meta .post-author a {
position: relative;
padding-left: 15px
}

#primary .vmag-author-metabox {
border: 1px solid #d9d8d8;
padding: 15px;
margin: 0 0 30px
}

#primary .vmag-author-metabox .author-avatar {
float: left;
width: 20%;
border: 1px solid #d9d8d8
}

#primary .vmag-author-metabox .author-avatar a {
display: block
}

#primary .vmag-author-metabox .author-avatar a {
width: 100%;
height: auto;
vertical-align: top
}

#primary .vmag-author-metabox .author-desc-wrapper {
float: left;
width: 65%;
margin-left: 40px;
padding-top: 10px;
font-size: 12px
}

#primary .vmag-author-metabox .author-desc-wrapper .author-description {
margin: 0 0 10px
}

#primary .vmag-author-metabox .author-desc-wrapper a.author-title {
font-weight: 700;
font-size: 16px;
font-family: Verdana;
color: #000;
display: block;
margin-bottom: 10px;
font-style: normal
}

#primary .vmag-author-metabox .author-desc-wrapper a.author-title:hover,#primary .vmag-author-metabox .author-desc-wrapper a:hover {
color: #4db2ec
}

#primary .vmag-author-metabox .author-desc-wrapper a {
color: #777;
font-style: italic
}

.vmag-related-wrapper {
overflow: hidden;
margin: 0 0 30px
}

.vmag-related-wrapper h4.related-title,h3.comment-reply-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: uppercase
}

.vmag-related-wrapper .post-thumb {
margin: 0 0 10px
}

.vmag-related-wrapper .single-post {
float: left;
width: 32%;
margin: 0 2% 0 0
}

.vmag-related-wrapper .single-post:last-child {
margin-right: 0
}

.vmag-related-wrapper .post-meta span a {
color: #aaa;
font-size: 12px;
text-transform: capitalize
}

.vmag-related-wrapper .post-meta span a:hover {
color: #4db2ec
}

.vmag-related-wrapper .post-meta .post-author a {
color: #000;
margin: 0 5px 0 0
}

.vmag-related-wrapper .post-meta .posted-on a {
padding-left: 15px;
position: relative
}

.comments-area h2.comments-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 20px;
padding-bottom: 15px;
text-transform: uppercase;
font-style: italic
}

.comments-area ol {
margin: 0;
padding: 0;
list-style: none
}

.comments-area ol li .comment-body {
background: #f1f1f1;
padding: 10px 60px 10px 10px;
margin-bottom: 10px
}

.comments-area ol li .comment-author {
float: left;
width: 100%;
margin-bottom: 10px
}

.comments-area ol li .comment-metadata {
float: left;
width: 100%;
margin-bottom: 5px
}

.comments-area ol li .comment-author img {
width: 32px;
height: 32px;
margin-right: 10px
}

.comment-author .fn a,.comment-author .says {
display: inline-block;
font-size: 14px;
font-style: normal;
font-weight: 700;
margin-top: 6px;
text-transform: capitalize;
color: #000;
padding-top: 10px
}

.comments-area .comment-metadata a {
color: #777;
font-size: 12px;
text-transform: uppercase;
position: relative;
padding-left: 15px
}

.comments-area .comment-metadata a:hover {
color: #4db2ec
}

.comments-area .comment-content {
font-size: 12px;
margin: 0 0 10px
}

.comments-area .reply a {
display: inline-block;
background: #4db2ec;
padding: 5px 10px;
font-size: 12px;
color: #fff
}

.comments-area .reply a:hover {
background: #0497eb
}

article span.comments-count {
float: right;
line-height: 18px
}

article span.comments-count a {
position: relative;
padding-left: 18px
}

.error-404 {
padding: 20px 0 40px;
text-align: center;
color: #777;
font-style: italic
}

.vmag-404 {
font-size: 160px;
display: inline-block;
margin-bottom: 20px;
color: #777;
font-weight: 700;
line-height: 90px
}

.vmag-404 span {
border-radius: 5px;
display: inline-block;
line-height: 73px;
margin: 0 -5px;
text-align: center;
vertical-align: top;
font-style: italic
}

.error-404 .page-header h1.page-title {
color: #777;
margin: 0 0 10px
}

.error-404 .page-content {
font-style: italic;
font-size: 14px;
margin: 0
}

span.edit-link a.post-edit-link {
background: #000;
padding: 3px 6px 3px 27px;
border-radius: 3px;
color: #fff !important;
display: inline-block;
font-style: normal;
position: relative;
margin-top: 5px
}

.widget_recent_comments .recentcomments {
margin-bottom: 11px;
font-size: 14px;
color: #aaa !important
}

.widget_recent_comments .recentcomments span {
color: #aaa;
display: inline-block;
font-size: 14px
}

.widget_recent_comments .recentcomments {
position: relative;
padding-left: 15px !important;
color: #000
}

.widget_pages li {
margin-bottom: 11px
}

.widget_pages li a {
position: relative;
padding-left: 15px !important;
color: #aaa;
font-size: 14px
}

.widget_pages li ul {
padding-left: 10px !important;
margin-top: 10px !important
}

.widget_pages ul ul a {
font-size: 12px
}

.vmag_authors_list .single-user {
display: inline-block;
position: relative;
cursor: pointer;
height: auto;
margin-bottom: 15px
}

.vmag_authors_list .single-user:hover .user-name {
opacity: 1;
visibility: visible
}

.vmag_authors_list .single-user .user-name {
background: rgba(103,103,103,.7) none repeat scroll 0 0;
color: #fff;
font-size: 14px;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 30px 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
transition: all .5s ease 0s;
visibility: hidden;
width: 100%
}

h3 a {
color: #333;
font-family: Verdana;
font-weight: 500;
margin-bottom: 5px;
display: block;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

h3 a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

h3.large-font a {
font-size: 20px
}

h3.small-font a {
font-size: 13px;
font-weight: 500
}

h3.featured-large-font a {
font-family: Verdana;
font-size: 26px;
font-weight: 500;
margin: 0 0 5px;
text-transform: capitalize;
color: #fff
}

h3.featured-small-font a {
font-family: Verdana;
font-size: 16px;
font-weight: 500;
margin: 0 0 5px;
text-transform: capitalize
}

.post-meta a,.entry-meta a {
color: #777;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
font-size: 12px
}

#primary .entry-footer a {
font-size: 14px;
color: #777
}

.post-meta a:hover,.entry-meta a:hover,#primary .entry-footer a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.entry-meta {
margin-bottom: 18px
}

.entry-meta a {
font-size: 13px
}

.entry-meta>span {
margin-right: 16px
}

.post-tags-links a {
background: rgba(0,0,0,.8) none repeat scroll 0 0;
color: #fff;
display: block;
float: left;
font-family: Verdana;
font-size: 12px;
font-weight: 500;
margin: 0 5px 5px 0;
padding: 5px 10px;
text-transform: uppercase;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.post-tags-links a:hover {
background: #000;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

#vmag-breadcrumbs {
margin-bottom: 20px
}

#vmag-breadcrumbs span a {
color: #777;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

#vmag-breadcrumbs span a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

article p {
margin-bottom: 20px
}

.archive .vmag-archive-more,.search .vmag-archive-more,.blog .vmag-archive-more {
display: inline-block;
padding: 6px 15px 4px;
color: #777;
border: 1px solid #ddd;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.archive .vmag-archive-more:hover,.search .vmag-archive-more:hover,.blog .vmag-archive-more:hover {
background: #4db2ec;
border: 1px solid #4db2ec;
color: #fff;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.archive .tags-links {
display: block
}

.entry-meta .cat-links {
position: relative;
padding-left: 18px
}

.entry-meta .cat-links:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.pagination .nav-links span,.pagination .nav-links a {
border: 1px solid #ddd;
text-align: center;
padding: 5px 10px;
color: #333;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.pagination .nav-links span:hover,.pagination .nav-links a:hover {
color: #fff;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
background: #4db2ec;
border-color: #4db2ec
}

.pagination .nav-links span.current {
background: #4db2ec;
border-color: #4db2ec;
color: #fff
}

.post-navigation .nav-links {
margin: 0 auto 40px;
overflow: hidden;
display: table;
width: 100%;
border-bottom: 1px solid #efefef;
border-top: 1px solid #efefef;
padding: 20px 0
}

.post-navigation .nav-links a {
color: #777
}

.post-navigation .nav-links .nav-previous,.post-navigation .nav-links .nav-next {
padding-bottom: 15px;
padding-top: 15px;
float: left;
vertical-align: middle;
width: 50%
}

.post-navigation .nav-links .nav-next {
float: right;
border-left: 1px solid #efefef
}

.post-navigation .nav-links .nav-previous {
border-right: 1px solid #efefef;
padding-right: 30px;
text-align: right
}

.post-navigation .nav-links .nav-next {
padding-left: 30px;
text-align: left
}

.post-navigation .nav-links .nav-previous a {
color: #777;
display: block;
float: right;
width: 78%
}

.post-navigation .nav-links .nav-next a {
color: #777;
display: block;
float: left;
width: 78%
}

.post-navigation .nav-links .nav-previous a,.post-navigation .nav-links .nav-next a {
position: relative;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.post-navigation .nav-links .nav-previous a:hover,.post-navigation .nav-links .nav-next a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.post-navigation .nav-links .nav-previous a:before {
content: '\f104';
left: -30px;
font-size: 20px
}

.post-navigation .nav-links .nav-next a:before {
content: '\f105';
right: -30px;
font-size: 20px
}

.single .entry-content p img.aligncenter {
margin: 15px auto
}

.single .entry-content p img.alignright,.single .entry-content p img.alignleft {
margin-top: 15px;
margin-bottom: 15px
}

.sub-toggle,.sub-toggle-children {
display: none
}

.left-sidebar #secondary {
float: left
}

.left-sidebar #primary {
float: right
}

.no-sidebar-center #primary {
margin: 0 auto;
float: none;
width: 70%
}

.no-sidebar #primary {
width: 100%
}

.no-sidebar #primary article .entry-thumb img {
width: 100%
}

span.format-icon {
background: rgba(0,0,0,.7) none repeat scroll 0 0;
border-radius: 6px;
bottom: 10px;
box-shadow: 0 0 2px rgba(255,255,255,.4);
color: #fff;
display: block;
height: 32px;
right: 10px;
position: absolute;
transition: all .7s ease 0s;
width: 32px;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 999
}

span.format-icon:hover {
background: #4db2ec
}

.post-thumb {
overflow: hidden
}

.post-thumb a img {
display: inline-block;
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-property: transform;
-webkit-transition-property: transform;
vertical-align: middle
}

.post-thumb a:hover img {
display: inline-block;
transform: scale(1.3);
-webkit-transform: scale(1.3)
}

#scroll-up {
background: rgba(0,0,0,.4) none repeat scroll 0 0;
border-radius: 3px;
bottom: 15px;
color: #fff;
display: block;
font-size: 33px;
height: 45px;
line-height: 45px;
position: fixed;
right: 15px;
text-align: center;
width: 50px;
z-index: 999999;
padding: 7px
}

#scroll-up:hover {
background: rgba(77,178,236,1) none repeat scroll 0 0;
color: #fff;
transition: all .7s ease-in-out 0s
}

.vmag_block_posts_style3 .single-post.no-thumb {
border-top: 1px solid #e1e1e1;
padding-top: 14px
}

.archive .tags-links,.single-post .tags-links,.search .tags-links,.blog .tags-links {
display: block;
position: relative;
border: none;
font-size: 13px !important;
padding: 0 0 0 20px;
margin-bottom: 17px;
color: #777
}

.archive .tags-links a:hover,.single-post .tags-links a:hover,.search .tags-links a:hover,.blog .tags-links a:hover {
background: 0 0;
border: none;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
color: #4db2ec
}

.archive .tags-links a,.single-post .tags-links a,.search .tags-links a,.blog .tags-links a {
display: inline-block;
border: none;
padding: 0;
font-size: 13px !important;
color: #777
}

.boxed_layout .site {
max-width: 1100px;
margin: 0 auto;
background: #fff
}

.boxed_layout .widget.vmag_category_posts_slider .single-post .post-caption {
margin-left: 159px
}

.boxed_layout .widget-column-3 .vmag_block_posts_column {
width: 31%
}

.footer-menu-wrapper ul ul {
display: none
}

.footer-menu-wrapper ul li.current-menu-item a {
color: #4db2ec
}

.widget_archive select,.widget_categories select,.widget_text select {
padding: 8px 7px;
width: 100%
}

.widget_rss ul li {
margin-bottom: 15px
}

.widget_rss ul li:last-child {
margin-bottom: 0
}

.widget_rss ul li a.rsswidget {
color: #000;
display: block;
font-size: 14px;
font-weight: 600;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s
}

.widget_rss ul li a.rsswidget:hover {
color: #4db2ec;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s
}

.widget_rss ul li span {
margin-bottom: 10px;
display: block;
position: relative;
padding-left: 18px
}

.widget_rss ul li .rssSummary {
margin-bottom: 5px
}

.widget_rss ul li cite {
position: relative;
color: #4db2ec;
padding-left: 12px;
display: block
}

.widget_rss ul li cite:before {
position: absolute;
content: '';
left: 0;
display: block;
background: #4db2ec;
width: 8px;
height: 1px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}

.widget_search input {
border-radius: 0;
padding: 8px 10px;
line-height: 1.2;
height: 35px;
font-size: 14px
}

.widget_search input.search-submit {
box-shadow: none;
text-shadow: none;
background: #4db2ec;
border: 1px solid #4db2ec;
color: #fff;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s
}

.widget_search input.search-submit:hover {
transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s;
background: 0 0;
color: #4db2ec
}

.widget_text .textwidget strong {
font-size: 14px;
display: block;
margin-bottom: 15px
}

.widget_text .textwidget p img {
display: block;
margin-bottom: 10px
}

.vmag_block_posts_carousel .post-tags-links,.vmag_category_posts_slider .post-tags-links {
position: static
}

.boxed_layout .site {
max-width: 1100px;
width: 100%;
margin: 0 auto;
background: #fff;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1)
}

@media (max-width: 1090px) {
body {
overflow-x:hidden
}

.vmag-container {
padding: 0 10px
}

.site-content .vmag-newsticker-wrapper .vmag-container {
padding: 0 10px
}

.site-header .logo-ad-wrapper .vmag-container {
padding: 0 10px
}

.widget .right-posts-wrapper .single-post .post-thumb,.widget.vmag_category_posts_list .single-post .post-thumb {
width: 30%
}

.widget .right-posts-wrapper .single-post .post-caption-wrapper {
width: 100%;
margin-left: 0
}

.widget.vmag_block_posts_list .single-post .post-thumb {
width: 33%
}

.widget .right-posts-wrapper .single-post .post-caption-wrapper,.widget.vmag_category_posts_list .single-post .post-caption {
width: 56%;
margin-left: 3%;
padding-top: 5px
}

.widget.vmag_category_posts_list .single-post .post-caption {
width: 63%
}

.widget.vmag_category_posts_list .single-post .post-caption {
margin-left: 0
}

.widget .right-posts-wrapper .single-post .post-caption-wrapper h3 a,.widget.vmag_block_posts_style2 .block-post-wrapper.column3-layout .single-post h3 a,.widget.vmag_category_posts_list .single-post .post-caption h3 a {
font-size: 16px
}

.widget.vmag_category_posts_slider .single-post .post-caption {
margin-left: 55%;
width: 89%
}

.widget-column-3 .vmag_block_posts_column {
margin-right: 2.7%
}

.footer-widgets-wrapper.widget-column-3 .widget {
margin-right: 1.8%
}

#secondary .widget_search input.search-field {
width: 99%;
margin-bottom: 5px
}

.widget.vmag_block_posts_style3 .block-post-wrapper.column4-layout .single-post {
width: 48%;
margin-right: 2%
}

.footer-widgets-wrapper.widget-column-4 .widget {
width: 48%;
float: left;
margin-right: 10px
}
}

@media (max-width: 1045px) {
.footer-widgets-wrapper.widget-column-2 .widget {
width:47%;
float: left;
margin-right: 41px
}

.footer-widgets-wrapper.widget-column-2 .widget {
width: 100%;
margin-right: 0
}
}

@media (max-width: 1020px) {
#primary .comments-area .comment-form-url {
width:100%
}

#primary .comments-area .comment-form-comment {
display: inline-block;
width: 100%
}

#primary .comments-area .comment-form-email,#primary .comments-area .comment-form-author {
width: 49%;
margin-right: 0
}

#primary .comments-area .comment-form-email {
float: right
}
}

@media (min-width: 1005px) {
.site-header .main-navigation .menu {
display:block !important
}
}

@media (max-width: 1004px) {
.site-header .main-navigation .menu {
display:none !important
}

.site-header .main-navigation .nav-wrapper.active .menu {
display: block !important
}

.site-header .main-navigation {
padding: 6px 6px 1px
}

.nav-toggle {
height: 35px;
width: 35px;
display: inline-block;
cursor: pointer;
border-radius: 4px
}

.nav-toggle span {
background: #4db2ec;
display: block;
height: 4px;
margin: 5.6px auto 0;
width: 77%;
border-radius: 2px
}

.site-header .main-navigation .icons-wrapper {
position: absolute;
right: -10px;
line-height: 10px;
width: 100px;
line-height: 16px
}

@-moz-document url-prefix() {
.site-header .main-navigation .icons-wrapper {
line-height: 19px
}
}

.site-header .main-navigation {
position: relative
}

.site-header .main-navigation .menu-primary-menu-container {
width: auto;
float: none
}

.nav-wrapper {
text-align: left;
width: 100%;
vertical-align: middle;
display: inline-block
}

.site-header .main-navigation li:last-child a,.site-header .main-navigation ul ul li:last-child a {
border-bottom: 0 !important
}

.site-header .main-navigation li a {
border-bottom: 1px solid #e1e1e1;
border-right: medium none;
line-height: 26px;
margin-bottom: 0;
padding: 5px 0;
width: 100%;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
color: #000
}

.site-header .main-navigation li a:hover {
border-color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.site-header .main-navigation li a:hover {
color: #4db2ec
}

.site-header .main-navigation li.current_page_item a {
border-color: #4db2ec;
color: #4db2ec
}

.site-header .main-navigation li a:hover:before,.nav-wrapper .current-menu-item a:before {
border: none !important
}

.site-header .main-navigation .icons-wrapper .vmag-search-form-primary .search-field {
top: 0
}

.site-header {
margin-bottom: 0
}

.site-header .main-navigation li {
width: 100%
}

.nav-wrapper #primary-menu {
display: none
}

.nav-wrapper.active #primary-menu {
display: block
}

.sub-toggle,.sub-toggle-children {
background: #4db2ec none repeat scroll 0 0;
color: #fff;
cursor: pointer;
display: block;
height: 20px;
line-height: 20px;
position: absolute;
right: 5px;
text-align: center;
top: 7px;
width: 20px
}

#site-navigation ul.sub-menu,#site-navigation ul.children {
box-shadow: none;
display: none;
opacity: 1;
padding: 0;
position: static;
visibility: visible;
width: 100%;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}

.site-header .main-navigation ul li ul {
background: 0 0;
overflow: hidden
}

.site-header .main-navigation ul li ul li a {
margin: 0 0 0 27px;
font-size: 12px;
border-bottom: 1px solid #d9d8d8 !important;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
line-height: 36px;
overflow: hidden
}

.site-header .main-navigation ul li ul li a:hover {
border-color: #4db2ec !important
}

span.sub-toggle {
display: block
}

.site-header .main-navigation .vmag-search-form-primary.search-in .search-form {
top: 47px
}

@media (max-width: 860px) {
.site-header .header-ad-wrapper {
float:none;
margin: 0 auto
}

.site-header .site-branding {
float: none;
margin: 0 auto 30px;
max-width: 30%
}
}

@media (max-width: 830px) {
.widget.vmag_block_posts_style1 .right-posts-wrapper .single-post .post-caption-wrapper {
margin-left:5px;
padding-top: 0
}

.widget.vmag_block_posts_style1 .right-posts-wrapper .single-post .post-thumb {
margin-bottom: 10px
}

.site-header .logo-ad-wrapper {
margin-bottom: 15px
}

.site-header {
padding: 0
}

.site-header .logo-ad-wrapper {
margin-bottom: 15px
}
}

@media (max-width: 768px) {
body {
overflow-x:hidden
}

.vmag-container {
padding: 0 10px
}

.site-header .logo-ad-wrapper .vmag-container {
padding: 0 10px
}

.vmag-top-header .main-navigation.top-navigation ul.menu,#footer-menu {
display: block
}

.homepage-content-wrapper .vmag-main-content,.vmag-home-aside {
width: 100%
}

.widget .right-posts-wrapper .single-post .post-caption-wrapper,.widget.vmag_category_posts_list .single-post .post-caption {
width: 60%
}

.footer-widgets-wrapper.widget-column-3 .widget {
width: 100%;
margin-right: 0;
margin-bottom: 20px
}

.footer-widgets-wrapper h4.widget-title {
margin-bottom: 15px
}

.vmag-top-header .vmag-current-date,.vmag-top-header .main-navigation.top-navigation,.site-footer .site-info,.site-footer .footer-menu-wrapper {
float: none
}

.site-footer .site-info {
margin-bottom: 5px
}

.vmag-top-header .vmag-current-date {
padding-bottom: 0
}

.vmag-top-header {
text-align: center
}

.site-footer {
text-align: left
}

.widget.vmag_block_posts_column .single-post h3 a {
font-size: 16px
}

.widget .right-posts-wrapper .single-post .post-thumb,.widget.vmag_category_posts_list .single-post .post-thumb {
width: 30%
}

.widget .right-posts-wrapper .single-post .post-caption-wrapper,.widget.vmag_category_posts_list .single-post .post-caption {
margin-left: 0
}

.footer-widgets-wrapper {
padding-bottom: 20px
}

.vmag-top-header .main-navigation.top-navigation .menu a {
padding: 0 10px
}

.logo-ad-wrapper {
text-align: center
}

.site-header .site-branding {
float: none;
width: 100%;
padding: 15px 0 0;
margin-bottom: 15px
}

.site-header .header-ad-wrapper {
width: 100%;
max-width: 100%;
float: none
}

#primary,#secondary {
width: 100%
}

#primary-menu .current_page_item a:before {
border-top: none
}

#primary-menu ul {
display: block
}

.site-header .main-navigation .icons-wrapper .vmag-search-form-primary.search-in .search-field {
top: 7px
}

.site-header .main-navigation .menu ul li.page_item_has_children ul.children {
width: 100%;
top: 17px;
padding: 10px
}

li.slide .slider-img img {
width: 100%
}

.vmag-top-header .main-navigation.top-navigation ul li:hover ul {
top: 26px
}

.vmag-top-header .main-navigation.top-navigation ul li ul li {
text-align: left
}

#primary .comments-area .comment-form-author,#primary .comments-area .comment-form-email,#primary .comments-area .comment-form-url {
width: 100%
}

.vmag-newsticker-wrapper {
display: none
}

.vmag-home-aside .vmag_category_posts_slider .post-thumb a img {
display: block;
margin: 0 auto;
max-width: 500px;
transform: translateZ(0px);
transition-duration: 1s;
transition-property: transform;
vertical-align: middle
}

.vmag-top-footer.footer_column_four .vmag-footer-widget {
width: 100%;
margin-left: 0
}

.vmag-top-footer.footer_column_four .vmag-footer-widget-wrapper {
margin-left: 0
}
}

@media (max-width: 700px) {
.widget-column-3 .vmag_block_posts_column {
width:100%
}
}

@media (max-width: 600px) {
.widget.vmag_block_posts_style1 .right-posts-wrapper,.vmag_block_posts_style1 .left-post-wrapper {
width:100%
}

.widget.vmag_category_posts_list {
width: 100%
}

.widget.vmag_block_posts_style1 .right-posts-wrapper .post-thumb img {
width: 100%
}

.widget.vmag_category_posts_slider {
width: 100%;
margin-right: 0
}

.widget.vmag_block_posts_style2 .block-post-wrapper.column4-layout .single-post {
width: 48.7%;
margin: 0 .5%
}

.vmag_category_posts_slider .post-thumb a img {
display: block;
max-width: 500px;
margin: 0 auto
}
}

@media (max-width: 520px) {
.footer-widgets-wrapper.widget-column-4 .widget {
width:100%;
float: left;
margin-right: 0
}
}

@media (max-width: 480px) {
.widget.vmag_block_posts_list .single-post .post-thumb {
width:100%;
margin-right: 0
}

.vmag-related-wrapper .single-post {
float: left;
margin: 0 0 15px;
width: 100%
}

.widget.vmag_block_posts_style3 .block-post-wrapper.column3-layout .single-post {
width: 100%;
margin-right: 0
}

.widget.vmag_block_posts_style1 .right-posts-wrapper .single-post .post-thumb {
width: 100%
}

h3.featured-large-font a {
font-size: 18px
}

h3.featured-small-font a {
font-size: 13px
}

.widget.vmag_block_posts_style2 .block-post-wrapper.column3-layout .single-post,.widget.vmag_block_posts_style3 .block-post-wrapper.column4-layout .single-post {
margin: 0;
width: 100%
}

.widget.vmag_block_posts_style2 .block-post-wrapper.column3-layout .block-column-wrapper {
margin: 0
}

.widget.vmag_block_posts_list .single-post .post-content-wrapper {
width: 100%
}

.vmag-top-footer.footer_column_two .vmag-footer-widget,.vmag-top-footer.footer_column_three .vmag-footer-widget,.vmag-top-footer.footer_column_four .vmag-footer-widget {
width: 100%
}
}

@media (max-width: 400px) {
.post-navigation .nav-links .nav-previous,.post-navigation .nav-links .nav-next {
width:100%;
display: inline-block
}

.post-navigation .nav-links .nav-previous {
border-bottom: 1px solid #efefef;
border-right: none
}

.post-navigation .nav-links {
padding: 0
}

.post-navigation .nav-links .nav-next {
border-left: none
}
}

@font-face {
font-family: TablePress;
src: url(//www.angularjswiki.com/wp-content/plugins/tablepress/css/tablepress.eot);
src: url(//www.angularjswiki.com/wp-content/plugins/tablepress/css/tablepress.eot?#ie) format('embedded-opentype'),url(data:application/x-font-woff;base64,d09GRgABAAAAAAXYAAwAAAAACXwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABHAAAABwAAAAcZInHOk9TLzIAAAE4AAAAPgAAAGB7NXPDY21hcAAAAXgAAABMAAABUvD45QVnYXNwAAABxAAAAAgAAAAIAAAAEGdseWYAAAHMAAABKQAAAgjYVHFyaGVhZAAAAvgAAAAvAAAANv2jaBNoaGVhAAADKAAAAB0AAAAkCk0F6GhtdHgAAANIAAAAIAAAACgoAADqbG9jYQAAA2gAAAAWAAAAFgJWAbxtYXhwAAADgAAAAB0AAAAgAE4AH25hbWUAAAOgAAAB3AAAA43ZugaUcG9zdAAABXwAAABZAAAAgeNVfAkAAAABAAAAAMwXcmMAAAAAy1XFoAAAAADNHI82eJxjYGbexjiBgZWBhaWHxZiBgaENQjMVM0SB+ThBQWVRMYPDh+APd9gY/gP5bAyMykCKEUmJAgMjAC56Ct8AAHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwMDB9CPtz6cOf/fyAr+MN1EIt/A78evy5UFxgwsjHAuYxAPSB9KICRYdgDAL67D8kAAQAB//8AD3icXU/NTsJAEJ5ZFggxxmCbkiwHAzLTowlu4ejeyxPwCOBR7r3rE/geeubuG3i3TyGts12MtT18ndnd7w8QsvpdX/Q/IAboI9s1rpY3mMTDkcAVDuaqPD0RqRfaU05UGSxJhj2p5wDNUplqyjsZQT6EQ/2mc9GcyBIPReQOObPrkccHMZhgonMS3R1tiLCsDNFm8bgQF3W06ekgqqnN5Aa//D9nlrOgDeg09Aq4lK3RTiX16n621BBVLrIe2PQK09s2c4THyPIvF4TrAndwO5uHvhPUwOa7MNw8FsCtZfZDJBKB66BQhW58cRwHW09OVMEtI+3aOhEHX+E63crM2dh6X+WazMFLvf6F57OvAqiPGvo+87Tb+LrT4X9/7lT6bKXs9vsByDlkyAAAAHicY2BkYGAA4mO9Sxji+W2+MnCzM4DAWZl+bwT9fyuLN+tpIJeDgQkkCgAbqgoOAHicY2BkYGBj+HeXgYGdAQRYvBkYGVABFwA+hgJEAAAAeJxjZ4AAdiBmaWAwBeJSFhAbiJkaGByAGMwGADa+AxEAAAAAAAAAAAAqAFgAdgCUALIA0AEEAAB4nGNgZGBg4GKQYWBiAAEQycgAEnMA8xkABjEAbgAAAHicjZJBaxNBFMf/u0mbJoig5KC3QcRblt2tFCm9lEp701iKIHiZJLPJ0mSnzE5S8h38BB79Nn4ab94E/zN9JVB7MCEzv/3Pm/f+720ADPEbCe4/qXCCAV4Kp+jhrXAHGb4Ld/Ecv4T38Cx5I7yPQfJBuIdPyR/hAzxJa+E+Buk3Zku6fal8xwn9dIRTPMVr4Q6+4kS4S/Wn8B5eJanwPobJO+EefiRfhA/wIv0o3Mcw3YRyV9CYYAmDMRzXll9c6cnSjJ1pyZcU51gzRDMAl2a+XmrCOSwa+Lg7RhgolJxKzv2Yv8cSqwfZ7iILHGHEdcT7OfdDJreNP7dublSZ5epY7QwpMUCxOBoVozIvDh/v4mEx/JsE+MwQx+A6dhO8hA7y2EvwUjLEuLa2jSqyPFcsV/7H0MbxUFMOYwkhVSykODAb10U8OePTDbY8qel0QV3FO1PSvaUqDnh3p5LBB8WxxozqKnZ4TU1T9THfhJ3vsjTcw9M02s1ocWl0a5QzlXHKW+UXRp3Zm62r5wuvWjP1oenKunhS8YUo7/TMrLS7Vtp7V0/WMaSxvp6aNoP8FYKzU9zGOpbOTHidzqvTW9PaFZ/e0+QmtnJBatjAlqLeGHWhm9kWfwGPR6C4eJxjYGIAg/9VDFEM2AAXEDMyMDEyMTIzsjCyMrIxsjNy8CRnpJYV5efF56SmlfDCOEWZ6RklXMmJRakl8Sn55XkcEGZpAVQMpJgbwgQrZSnOLyoBACnGHqgAAAA=) format('woff'),url(//www.angularjswiki.com/wp-content/plugins/tablepress/css/tablepress.ttf) format('truetype'),url(//www.angularjswiki.com/wp-content/plugins/tablepress/css/tablepress.svg#TablePress) format('svg');
font-weight: 400;
font-style: normal
}

.tablepress-table-description {
clear: both;
display: block
}

.tablepress {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 1em;
border: none
}

.tablepress td,.tablepress th {
padding: 8px;
border: none;
background: 0 0;
text-align: left;
float: none!important
}

.tablepress tbody td {
vertical-align: top
}

.tablepress tbody td,.tablepress tfoot th {
border-top: 1px solid #ddd
}

.tablepress tbody tr:first-child td {
border-top: 0
}

.tablepress thead th {
border-bottom: 1px solid #ddd
}

.tablepress tfoot th,.tablepress thead th {
background-color: #d9edf7;
font-weight: 700;
vertical-align: middle
}

.tablepress .odd td {
background-color: #f9f9f9
}

.tablepress .even td {
background-color: #fff
}

.tablepress .row-hover tr:hover td {
background-color: #f3f3f3
}

.tablepress img {
margin: 0;
padding: 0;
border: none;
max-width: none
}

.dataTables_wrapper {
clear: both;
margin-bottom: 1em
}

.dataTables_wrapper .tablepress {
clear: both;
margin: 0!important
}

.dataTables_length {
float: left;
white-space: nowrap
}

.dataTables_filter {
float: right;
white-space: nowrap
}

.dataTables_wrapper .dataTables_filter input {
margin-left: .5em
}

.dataTables_info {
clear: both;
float: left;
margin: 4px 0 0
}

.dataTables_paginate {
float: right;
margin: 4px 0 0
}

.dataTables_paginate a {
color: #111!important;
display: inline-block;
outline: 0;
position: relative;
text-decoration: underline;
margin: 0 5px
}

.dataTables_paginate a:first-child {
margin-left: 0
}

.dataTables_paginate a:last-child {
margin-right: 0
}

.paginate_button:hover {
cursor: pointer;
text-decoration: none
}

.paginate_button.disabled {
color: #999!important;
text-decoration: none;
cursor: default
}

.paginate_button.current {
font-weight: 700;
text-decoration: none;
cursor: default
}

.dataTables_paginate.paging_simple {
padding: 0 15px
}

.paging_simple .paginate_button.next:after,.paging_simple .paginate_button.previous:before {
text-align: left;
font-family: TablePress;
font-size: 14px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
content: "\f053";
text-shadow: .1em .1em #666;
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: -14px;
margin: auto;
height: 14px;
width: 14px;
line-height: 1
}

.paging_simple .paginate_button.next:after {
text-align: right;
content: "\f054";
left: auto
}

.paginate_button:after,.paginate_button:before {
color: #d9edf7
}

.paginate_button:hover:after,.paginate_button:hover:before {
color: #049cdb
}

.paginate_button.disabled:after,.paginate_button.disabled:before {
color: #f9f9f9
}

.dataTables_processing {
display: none
}

.dataTables_scroll {
clear: both
}

.dataTables_scrollBody {
-webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0!important;
padding: 0!important
}

.tablepress .sorting,.tablepress .sorting_asc,.tablepress .sorting_desc {
position: relative;
padding-right: 20px;
cursor: pointer;
outline: 0
}

.tablepress .sorting:after,.tablepress .sorting_asc:after,.tablepress .sorting_desc:after {
font-family: TablePress;
font-weight: 400;
font-size: 14px;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 6px;
margin: auto;
height: 14px;
line-height: 1
}

.tablepress .sorting:after {
content: "\f0dc"
}

.tablepress .sorting_asc:after {
content: "\f0d8";
padding: 0 0 2px
}

.tablepress .sorting_desc:after {
content: "\f0d7"
}

.tablepress .sorting:hover,.tablepress .sorting_asc,.tablepress .sorting_desc {
background-color: #049cdb
}

.dataTables_scrollBody .tablepress thead th:after {
content: ""
}

.dataTables_wrapper:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

.dataTables_wrapper label input,.dataTables_wrapper label select {
display: inline;
margin: 2px;
width: auto
}

p#subscribe-email {
margin-top: 5px;
margin-bottom: 10px
}

.post-thumb {
display: none !important
}

body {
color: #000 !important;
font-size: 15px
}

.vmag-home-aside,#secondary {
color: #000 !important
}

.site-title-wrapper .site-title a {
color: #4db2ec !important
}

pre {
background: 0 0;
font-family: monospace;
border: 1px;
border-style: inset
}

h2,h3 {
margin-bottom: 10px !important
}

.post-navigation {
display: none
}

#primary .vmag-author-metabox .author-desc-wrapper {
width: 73%;
font-size: 15px;
padding-top: 0;
margin-left: 10px
}

#primary .vmag-author-metabox .author-desc-wrapper a.author-title {
margin-bottom: 0
}

#primary .vmag-author-metabox {
padding: 5px;
border: none
}

.site-header .site-branding .site-title-wrapper p.site-title a {
text-transform: none;
font-size: 2em
}

ul {
list-style: inside
}

.site-header .main-navigation li a {
text-transform: none
}

#secondary .widget-title {
text-transform: none
}

.vmag-home-aside,#secondary {
font-size: 15px
}

.vmag-container .site-branding {
margin-left: 10px;
max-width: 100%
}

#primary p a {
text-decoration: underline;
color: #f16334
}

#primary .vmag-author-metabox .author-desc-wrapper a {
color: #f16334
}

#primary .entry-thumb {
display: none
}

.vmag-top-header .top-navigation .menu li>a {
padding: 0 5px
}

.entry-content ul {
margin-bottom: 20px;
margin-left: 20px;
list-style: circle
}

em {
font-style: inherit;
background: #e6e6fa;
font-family: monospace
}

code {
background: #eff0f1
}

.top-navigation ul {
margin-left: 0 !important
}

.vmag-top-header .top-navigation {
padding: 0 !important
}

.top-navigation ul {
padding: 0 !important
}

#subscribecustom #subscribe-email {
height: 35px !important;
float: left !important;
margin-right: 40px !important
}

#subscribecustom .jetpack_subscription_widget h2 {
display: none
}

#subscribecustom #subscribe-submit input[type=submit] {
padding: 0 5px !important
}

.default-wp-page {
display: none
}

.author-box {
box-shadow: none;
padding: 20px 0 0
}

@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2')
}

.material-icons {
font-family: 'Material Icons';
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}

div.dataTables_wrapper {
margin-top: 20px;
margin-bottom: 20px
}
-->

Icon	Icon Name	mat-icon code
3d_rotation	3d rotation icon	<mat-icon> 3d_rotation </mat-icon>
accessibility	accessibility icon	<mat-icon>accessibility</mat-icon>
accessibility_new	accessibility new icon	<mat-icon>accessibility_new</mat-icon>
accessible	accessible icon	<mat-icon>accessible</mat-icon>
accessible_forward	accessible forward icon	<mat-icon>accessible_forward</mat-icon>
account_balance	account balance icon	<mat-icon>account_balance</mat-icon>
account_balance_wallet	account balance wallet icon	<mat-icon>account_balance_wallet</mat-icon>
account_box	account box icon	<mat-icon>account_box</mat-icon>
account_circle	account circle icon	<mat-icon>account_circle</mat-icon>
add_shopping_cart	add shopping cart icon	<mat-icon>add_shopping_cart</mat-icon>
alarm	alarm icon	<mat-icon>alarm</mat-icon>
alarm_add	alarm add icon	<mat-icon>alarm_add</mat-icon>
alarm_off	alarm off icon	<mat-icon>alarm_off</mat-icon>
alarm_on	alarm on icon	<mat-icon>alarm_on</mat-icon>
all_out	all out icon	<mat-icon>all_out</mat-icon>
android	android icon	<mat-icon>android</mat-icon>
announcement	announcement icon	<mat-icon>announcement</mat-icon>
arrow_right_alt	arrow right alt icon	<mat-icon>arrow_right_alt</mat-icon>
aspect_ratio	aspect ratio icon	<mat-icon>aspect_ratio</mat-icon>
assessment	assessment icon	<mat-icon>assessment</mat-icon>
assignment	assignment icon	<mat-icon>assignment</mat-icon>
assignment_ind	assignment ind icon	<mat-icon>assignment_ind</mat-icon>
assignment_late	assignment late icon	<mat-icon>assignment_late</mat-icon>
assignment_return	assignment return icon	<mat-icon>assignment_return</mat-icon>
assignment_returned	assignment returned icon	<mat-icon>assignment_returned</mat-icon>
assignment_turned_in	assignment turned in icon	<mat-icon>assignment_turned_in</mat-icon>
autorenew	autorenew icon	<mat-icon>autorenew</mat-icon>
backup	backup icon	<mat-icon>backup</mat-icon>
book	book icon	<mat-icon>book</mat-icon>
bookmark	bookmark icon	<mat-icon>bookmark</mat-icon>
bookmark_border	bookmark border icon	<mat-icon>bookmark_border</mat-icon>
bug_report	bug report icon	<mat-icon>bug_report</mat-icon>
build	build icon	<mat-icon>build</mat-icon>
cached	cached icon	<mat-icon>cached</mat-icon>
calendar_today	calendar today icon	<mat-icon>calendar_today</mat-icon>
calendar_view_day	calendar view day icon	<mat-icon>calendar_view_day</mat-icon>
camera_enhance	camera enhance icon	<mat-icon>camera_enhance</mat-icon>
card_giftcard	card giftcard icon	<mat-icon>card_giftcard</mat-icon>
card_membership	card membership icon	<mat-icon>card_membership</mat-icon>
card_travel	card travel icon	<mat-icon>card_travel</mat-icon>
change_history	change history icon	<mat-icon>change_history</mat-icon>
check_circle	check circle icon	<mat-icon>check_circle</mat-icon>
check_circle_outline	check circle outline icon	<mat-icon>check_circle_outline</mat-icon>
chrome_reader_mode	chrome reader mode icon	<mat-icon>chrome_reader_mode</mat-icon>
class	class icon	<mat-icon>class</mat-icon>
code	code icon	<mat-icon>code</mat-icon>
commute	commute icon	<mat-icon>commute</mat-icon>
compare_arrows	compare arrows icon	<mat-icon>compare_arrows</mat-icon>
contact_support	contact support icon	<mat-icon>contact_support</mat-icon>
copyright	copyright icon	<mat-icon>copyright</mat-icon>
credit_card	credit card icon	<mat-icon>credit_card</mat-icon>
dashboard	dashboard icon	<mat-icon>dashboard</mat-icon>
date_range	date range icon	<mat-icon>date_range</mat-icon>
delete	delete icon	<mat-icon>delete</mat-icon>
delete_forever	delete forever icon	<mat-icon>delete_forever</mat-icon>
delete_outline	delete outline icon	<mat-icon>delete_outline</mat-icon>
description	description icon	<mat-icon>description</mat-icon>
dns	dns icon	<mat-icon>dns</mat-icon>
done	done icon	<mat-icon>done</mat-icon>
done_all	done all icon	<mat-icon>done_all</mat-icon>
done_outline	done outline icon	<mat-icon>done_outline</mat-icon>
donut_large	donut large icon	<mat-icon>donut_large</mat-icon>
donut_small	donut small icon	<mat-icon>donut_small</mat-icon>
drag_indicator	drag indicator icon	<mat-icon>drag_indicator</mat-icon>
eject	eject icon	<mat-icon>eject</mat-icon>
euro_symbol	euro symbol icon	<mat-icon>euro_symbol</mat-icon>
event	event icon	<mat-icon>event</mat-icon>
event_seat	event seat icon	<mat-icon>event_seat</mat-icon>
exit_to_app	exit to app icon	<mat-icon>exit_to_app</mat-icon>
explore	explore icon	<mat-icon>explore</mat-icon>
extension	extension icon	<mat-icon>extension</mat-icon>
face	face icon	<mat-icon>face</mat-icon>
favorite	favorite icon	<mat-icon>favorite</mat-icon>
favorite_border	favorite border icon	<mat-icon>favorite_border</mat-icon>
feedback	feedback icon	<mat-icon>feedback</mat-icon>
find_in_page	find in page icon	<mat-icon>find_in_page</mat-icon>
find_replace	find replace icon	<mat-icon>find_replace</mat-icon>
fingerprint	fingerprint icon	<mat-icon>fingerprint</mat-icon>
flight_land	flight land icon	<mat-icon>flight_land</mat-icon>
flight_takeoff	flight takeoff icon	<mat-icon>flight_takeoff</mat-icon>
flip_to_back	flip to back icon	<mat-icon>flip_to_back</mat-icon>
flip_to_front	flip to front icon	<mat-icon>flip_to_front</mat-icon>
g_translate	g translate icon	<mat-icon>g_translate</mat-icon>
gavel	gavel icon	<mat-icon>gavel</mat-icon>
get_app	get app icon	<mat-icon>get_app</mat-icon>
gif	gif icon	<mat-icon>gif</mat-icon>
grade	grade icon	<mat-icon>grade</mat-icon>
group_work	group work icon	<mat-icon>group_work</mat-icon>
help	help icon	<mat-icon>help</mat-icon>
help_outline	help outline icon	<mat-icon>help_outline</mat-icon>
highlight_off	highlight off icon	<mat-icon>highlight_off</mat-icon>
history	history icon	<mat-icon>history</mat-icon>
home	home icon	<mat-icon>home</mat-icon>
horizontal_split	horizontal split icon	<mat-icon>horizontal_split</mat-icon>
hourglass_empty	hourglass empty icon	<mat-icon>hourglass_empty</mat-icon>
hourglass_full	hourglass full icon	<mat-icon>hourglass_full</mat-icon>
http	http icon	<mat-icon>http</mat-icon>
https	https icon	<mat-icon>https</mat-icon>
important_devices	important devices icon	<mat-icon>important_devices</mat-icon>
info	info icon	<mat-icon>info</mat-icon>
input	input icon	<mat-icon>input</mat-icon>
invert_colors	invert colors icon	<mat-icon>invert_colors</mat-icon>
label	label icon	<mat-icon>label</mat-icon>
label_important	label important icon	<mat-icon>label_important</mat-icon>
language	language icon	<mat-icon>language</mat-icon>
launch	launch icon	<mat-icon>launch</mat-icon>
line_style	line style icon	<mat-icon>line_style</mat-icon>
line_weight	line weight icon	<mat-icon>line_weight</mat-icon>
list	list icon	<mat-icon>list</mat-icon>
lock	lock icon	<mat-icon>lock</mat-icon>
lock_open	lock open icon	<mat-icon>lock_open</mat-icon>
loyalty	loyalty icon	<mat-icon>loyalty</mat-icon>
markunread_mailbox	markunread mailbox icon	<mat-icon>markunread_mailbox</mat-icon>
maximize	maximize icon	<mat-icon>maximize</mat-icon>
minimize	minimize icon	<mat-icon>minimize</mat-icon>
motorcycle	motorcycle icon	<mat-icon>motorcycle</mat-icon>
note_add	note add icon	<mat-icon>note_add</mat-icon>
offline_bolt	offline bolt icon	<mat-icon>offline_bolt</mat-icon>
offline_pin	offline pin icon	<mat-icon>offline_pin</mat-icon>
opacity	opacity icon	<mat-icon>opacity</mat-icon>
open_in_browser	open in browser icon	<mat-icon>open_in_browser</mat-icon>
open_in_new	open in new icon	<mat-icon>open_in_new</mat-icon>
open_with	open with icon	<mat-icon>open_with</mat-icon>
pageview	pageview icon	<mat-icon>pageview</mat-icon>
pan_tool	pan tool icon	<mat-icon>pan_tool</mat-icon>
payment	payment icon	<mat-icon>payment</mat-icon>
perm_camera_mic	perm camera mic icon	<mat-icon>perm_camera_mic</mat-icon>
perm_contact_calendar	perm contact calendar icon	<mat-icon>perm_contact_calendar</mat-icon>
perm_data_setting	perm data setting icon	<mat-icon>perm_data_setting</mat-icon>
perm_device_information	perm device information icon	<mat-icon>perm_device_information</mat-icon>
perm_identity	perm identity icon	<mat-icon>perm_identity</mat-icon>
perm_media	perm media icon	<mat-icon>perm_media</mat-icon>
perm_phone_msg	perm phone msg icon	<mat-icon>perm_phone_msg</mat-icon>
perm_scan_wifi	perm scan wifi icon	<mat-icon>perm_scan_wifi</mat-icon>
pets	pets icon	<mat-icon>pets</mat-icon>
picture_in_picture	picture in picture icon	<mat-icon>picture_in_picture</mat-icon>
picture_in_picture_alt	picture in picture alt icon	<mat-icon>picture_in_picture_alt</mat-icon>
play_for_work	play for work icon	<mat-icon>play_for_work</mat-icon>
polymer	polymer icon	<mat-icon>polymer</mat-icon>
power_settings_new	power settings new icon	<mat-icon>power_settings_new</mat-icon>
pregnant_woman	pregnant woman icon	<mat-icon>pregnant_woman</mat-icon>
print	print icon	<mat-icon>print</mat-icon>
query_builder	query builder icon	<mat-icon>query_builder</mat-icon>
question_answer	question answer icon	<mat-icon>question_answer</mat-icon>
receipt	receipt icon	<mat-icon>receipt</mat-icon>
record_voice_over	record voice over icon	<mat-icon>record_voice_over</mat-icon>
redeem	redeem icon	<mat-icon>redeem</mat-icon>
remove_shopping_cart	remove shopping cart icon	<mat-icon>remove_shopping_cart</mat-icon>
reorder	reorder icon	<mat-icon>reorder</mat-icon>
report_problem	report problem icon	<mat-icon>report_problem</mat-icon>
restore	restore icon	<mat-icon>restore</mat-icon>
restore_from_trash	restore from trash icon	<mat-icon>restore_from_trash</mat-icon>
restore_page	restore page icon	<mat-icon>restore_page</mat-icon>
room	room icon	<mat-icon>room</mat-icon>
rounded_corner	rounded corner icon	<mat-icon>rounded_corner</mat-icon>
rowing	rowing icon	<mat-icon>rowing</mat-icon>
schedule	schedule icon	<mat-icon>schedule</mat-icon>
search	search icon	<mat-icon>search</mat-icon>
settings	settings icon	<mat-icon>settings</mat-icon>
settings_applications	settings applications icon	<mat-icon>settings_applications</mat-icon>
settings_backup_restore	settings backup restore icon	<mat-icon>settings_backup_restore</mat-icon>
settings_bluetooth	settings bluetooth icon	<mat-icon>settings_bluetooth</mat-icon>
settings_brightness	settings brightness icon	<mat-icon>settings_brightness</mat-icon>
settings_cell	settings cell icon	<mat-icon>settings_cell</mat-icon>
settings_ethernet	settings ethernet icon	<mat-icon>settings_ethernet</mat-icon>
settings_input_antenna	settings input antenna icon	<mat-icon>settings_input_antenna</mat-icon>
settings_input_component	settings input component icon	<mat-icon>settings_input_component</mat-icon>
settings_input_composite	settings input composite icon	<mat-icon>settings_input_composite</mat-icon>
settings_input_hdmi	settings input hdmi icon	<mat-icon>settings_input_hdmi</mat-icon>
settings_input_svideo	settings input svideo icon	<mat-icon>settings_input_svideo</mat-icon>
settings_overscan	settings overscan icon	<mat-icon>settings_overscan</mat-icon>
settings_phone	settings phone icon	<mat-icon>settings_phone</mat-icon>
settings_power	settings power icon	<mat-icon>settings_power</mat-icon>
settings_remote	settings remote icon	<mat-icon>settings_remote</mat-icon>
settings_voice	settings voice icon	<mat-icon>settings_voice</mat-icon>
shop	shop icon	<mat-icon>shop</mat-icon>
shop_two	shop two icon	<mat-icon>shop_two</mat-icon>
shopping_basket	shopping basket icon	<mat-icon>shopping_basket</mat-icon>
shopping_cart	shopping cart icon	<mat-icon>shopping_cart</mat-icon>
speaker_notes	speaker notes icon	<mat-icon>speaker_notes</mat-icon>
speaker_notes_off	speaker notes off icon	<mat-icon>speaker_notes_off</mat-icon>
spellcheck	spellcheck icon	<mat-icon>spellcheck</mat-icon>
stars	stars icon	<mat-icon>stars</mat-icon>
store	store icon	<mat-icon>store</mat-icon>
subject	subject icon	<mat-icon>subject</mat-icon>
supervised_user_circle	supervised user circle icon	<mat-icon>supervised_user_circle</mat-icon>
supervisor_account	supervisor account icon	<mat-icon>supervisor_account</mat-icon>
swap_horiz	swap horiz icon	<mat-icon>swap_horiz</mat-icon>
swap_horizontal_circle	swap horizontal circle icon	<mat-icon>swap_horizontal_circle</mat-icon>
swap_vert	swap vert icon	<mat-icon>swap_vert</mat-icon>
swap_vertical_circle	swap vertical circle icon	<mat-icon>swap_vertical_circle</mat-icon>
tab	tab icon	<mat-icon>tab</mat-icon>
tab_unselected	tab unselected icon	<mat-icon>tab_unselected</mat-icon>
text_rotate_up	text rotate up icon	<mat-icon>text_rotate_up</mat-icon>
text_rotate_vertical	text rotate vertical icon	<mat-icon>text_rotate_vertical</mat-icon>
text_rotation_down	text rotation down icon	<mat-icon>text_rotation_down</mat-icon>
text_rotation_none	text rotation none icon	<mat-icon>text_rotation_none</mat-icon>
theaters	theaters icon	<mat-icon>theaters</mat-icon>
thumb_down	thumb down icon	<mat-icon>thumb_down</mat-icon>
thumb_up	thumb up icon	<mat-icon>thumb_up</mat-icon>
thumbs_up_down	thumbs up down icon	<mat-icon>thumbs_up_down</mat-icon>
timeline	timeline icon	<mat-icon>timeline</mat-icon>
toc	toc icon	<mat-icon>toc</mat-icon>
today	today icon	<mat-icon>today</mat-icon>
toll	toll icon	<mat-icon>toll</mat-icon>
touch_app	touch app icon	<mat-icon>touch_app</mat-icon>
track_changes	track changes icon	<mat-icon>track_changes</mat-icon>
translate	translate icon	<mat-icon>translate</mat-icon>
trending_down	trending down icon	<mat-icon>trending_down</mat-icon>
trending_flat	trending flat icon	<mat-icon>trending_flat</mat-icon>
trending_up	trending up icon	<mat-icon>trending_up</mat-icon>
turned_in	turned in icon	<mat-icon>turned_in</mat-icon>
turned_in_not	turned in not icon	<mat-icon>turned_in_not</mat-icon>
update	update icon	<mat-icon>update</mat-icon>
verified_user	verified user icon	<mat-icon>verified_user</mat-icon>
vertical_split	vertical split icon	<mat-icon>vertical_split</mat-icon>
view_agenda	view agenda icon	<mat-icon>view_agenda</mat-icon>
view_array	view array icon	<mat-icon>view_array</mat-icon>
view_carousel	view carousel icon	<mat-icon>view_carousel</mat-icon>
view_column	view column icon	<mat-icon>view_column</mat-icon>
view_day	view day icon	<mat-icon>view_day</mat-icon>
view_headline	view headline icon	<mat-icon>view_headline</mat-icon>
view_list	view list icon	<mat-icon>view_list</mat-icon>
view_module	view module icon	<mat-icon>view_module</mat-icon>
view_quilt	view quilt icon	<mat-icon>view_quilt</mat-icon>
view_stream	view stream icon	<mat-icon>view_stream</mat-icon>
view_week	view week icon	<mat-icon>view_week</mat-icon>
visibility	visibility icon	<mat-icon>visibility</mat-icon>
visibility_off	visibility off icon	<mat-icon>visibility_off</mat-icon>
voice_over_off	voice over off icon	<mat-icon>voice_over_off</mat-icon>
watch_later	watch later icon	<mat-icon>watch_later</mat-icon>
work	work icon	<mat-icon>work</mat-icon>
work_off	work off icon	<mat-icon>work_off</mat-icon>
work_outline	work outline icon	<mat-icon>work_outline</mat-icon>
youtube_searched_for	youtube searched for icon	<mat-icon>youtube_searched_for</mat-icon>
zoom_in	zoom in icon	<mat-icon>zoom_in</mat-icon>
zoom_out	zoom out icon	<mat-icon>zoom_out</mat-icon>

Angular material mat-icon 资源参考_Action的更多相关文章

Angular Material 按钮图标系列
工做中经常用到Angular Material 中的好多按钮素材,奈何官网经常上不去,所以只能自己把这些常用的按钮扒下来了,留给自己同时也留给大家方便查看. Angular material mat- ...
Angular Material design设计
官网: https://material.io/design/ https://meterial.io/components 优秀的Meterial design站点: http://material ...
Angular Material & Hello World
前言 Angular Material(下称Material)的组件样式至少是可以满足一般的个人开发需求(我真是毫无设计天赋),也是Angular官方推荐的组件.我们通过用这个UI库来快速实现自己的i ...
Ng-Matero：基于 Angular Material 搭建的中后台管理框架
前言目前市面上关于 Angular Material 的后台框架比较少,大多都是收费主题,而且都不太好用. 很多人都说 Material 是一个面向 C 端的框架,其实在使用其它框架做管理系统的时候 ...
Icon资源详解[1]
本文分享&备忘最近了解到的icon资源在windows平台下相关的一部分知识,所有测试代码都尽可能的依赖win32 API实现.更全面的知识,参考文末列出的”参考资料“. 关键字:I ...
Angular Material 白天模式和黑夜模式
Material design调色板 https://www.materialpalette.com/ 明暗:虽然颜色不变,但是针对白天黑夜有做不同处理. 叠加:对话框,弹出菜单,事先是没有加载的.是 ...
ASP.NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material 实战小项目视频
视频简介 ASP.NET Core Web API + Angular 6的教学视频我是后端开发人员, 前端的Angular部分讲的比较差一些, 可以直接看代码!!!! 这是一个小项目的实战视频, ...
Angular 2 to Angular 4 with Angular Material UI Components
Download Source - 955.2 KB Content Part 1: Angular2 Setup in Visual Studio 2017, Basic CRUD applicat ...
[转]VS Code 扩展 Angular 6 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout
本文转自:https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode VSCode Angular Typ ...

随机推荐

tp5写日志
srand()、rand()、time()函数的用法
srand()就是给rand()提供种子seed. 如果srand每次输入的数值是一样的,那么每次运行产生的随机数也是一样的. 以一个固定的数值作为种子是一个缺点.通常的做法是 :以这样一句srand ...
2015-08-13T17:39:15
ACTION里 Date upateTime; 有setter getter 页面字符串是'2015-08-13T17:39:15' 该字符串可以直接映射成Date .
a 标签 name 属性页面定位（二）
<a href="to_url#somewhere">名字</a> <a name="somewhere">名字</a ...
zrender源码分析--初探如何画一个圆
今天是想看看使用zrender框架如何去,画一个圆,再加“circle”的文字在圆心. 然后开始代码: 如何部署代码,让zrender跑起来这边就不说了,官方例子就有写,地址是:https://git ...
JavaEE互联网轻量级框架整合开发（书籍）阅读笔记（9）：通过XML装配Bean
一.通过XML装配Bean 装配简易值装配集合命名空间装配(暂不测试) 二.测试例子创建一个用户类:UserBean.java package com.xfwl.spring.assem; /* ...
编写高质量代码改善C#程序的157个建议——建议82：Parallel简化但不等同于Task默认行为
建议82:Parallel简化但不等同于Task默认行为建议81说到了Parallel的使用方法,不知道大家是否注意到文中使用的字眼:在同步状态下简化了Task的使用.也就是说,在运行Paralle ...
Utimate Visual 2013 突然间无法新建项目工程解决
问题: 我用的Win7 安装的VS2013,这一段时间用的好好的,突然间新建工程师向导页面跳转不过去... 解决: 参考:http://stackoverflow.com/questions/1225 ...
【targeting学习笔记】Display Advertising Targeting
背景:stanford的计算广告学(computational advertising)课程,yahoo的人主讲,课程链接:http://www.stanford.edu/class/msande23 ...
Linq实战之 DataSet操作详解
Linq实战之 DataSet操作详解一:linq to Ado.Net 1. linq为什么要扩展ado.net,原因在于给既有代码增加福利.FCL中在ado.net上扩展了一些方法. 简单一 ...

Angular material mat-icon 资源参考_Action

Angular material mat-icon 资源参考_Action的更多相关文章

随机推荐

热门专题