/* .icons {
        margin-bottom: 40px;
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .icons__item,
    .icons__item i {
        line-height: 2em;
        cursor: pointer;
    }

    .icons__item:hover {
        color: #3c90be;
    }

    .icons__item i {
        display: inline-block;
        width: 32px;
        text-align: center;
    }

    .icons__item:hover i {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    } */

     .mdi:before{
        /*font-size:26px!important;*/
       
    }
.cyan{
	background:#e1e5e6;
}
.cyan #main-navbar{
	background: #394f99;
}
.cyan .flat{
	background: transparent;
	color: #444;
}
.cyan .flat:hover{
	background: #394f99;
	color: #fff;
}
.cyan .raised{
    background: #394f99;
    color:#fff;
    margin: 0 5px;
}
.cyan .notification{
	color:#fff;
	margin: 5px 5px;
}
.cyan .raised:hover{
	background: #394f99;
	color:#fff;
}
.cyan .option-btns li:first-child{
    	border-left: none;
    }
.cyan .option-btns li{
	   	
    }
    .cyan .option-btns li a{
    		color: #fff;
		}
	.cyan .option-btns li a:hover{
	    	background: #394f99;
	    }
	.cyan .option-btns > li > a > i{
    		color: #fff;
    	}
  	.cyan .option-btns input, .option-btns textarea{
    		border: 1px #fff solid;
  		}
.cyan .tile-header-control:hover{
	color: #394f99;
}
.cyan .form-control:focus {
  border-color: #394f99;
  outline: 0;
}