.nav-row {
	text-align: center; border-radius:5px;
}

.nav-row h3 {border-bottom:1px solid;}


.nav-row p {
padding: 5px; text-align:center;
min-height:52px;
}

.nav-row .col-md-2 {
	background-color: #eee; 
        margin:10px !important;
	border: 0px solid #e0e1db;
	border-right: none;
	float:right; margin:2px; 
	color:#666;
    transition:.5s;
}

@media (max-width: 768px) {
  	.nav-row .col-md-2 {
 	 font-size:12px; width:120px;
	}
	.nav-row .col-md-2 i {
 	 font-size:18px; 
	}
	.nav-row .col-md-2 span {font-size:32px;}
}

/* Phones.... */
@media (max-width: 668px) {
  	.nav-row .col-md-2 {
 	 font-size:12px; width:100% !important;
         ma-x-height:98px !important;
		margin:1px !important; 
	}
	.nav-row .col-md-2 span {font-size:22px;}
}


@media (max-width: 1200px) {
  	.nav-row .col-md-2 {
 	 font-size:13px; width:130px;
         max-height:98px !important;
	}
	.nav-row .col-md-2 span {font-size:28px;}
}

.nav-row .col-md-2:hover {
	background: #1693A5;
	color: white;
	text-shadow:0px 1px 1px #333;
    cursor: pointer;
	
}

.nav-row .fa {
	padding-top: 15px;
	font-size: 40px;
}

/* ribbon style */

.ribbon {position:relative; direction:rtl;}
.has-ribbon>img {position:relative;z-index:0}
.has-ribbon:after,.has-ribbon:before {
	display:inline-block;
	position:absolute;
	top:20%;
	left:-6px;
	z-index:10
}
.has-ribbon:after{ opacity:0.95;
	content:attr(data-text);min-width:40px;
	color:#fff;
	background-color:#ff4136;
	padding:2px 6px; font-size:12px;
	border-radius:0 1px 1px 2px; box-shadow:inset -1px 1px 2px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(100,100,100,0.25);
	box-shadow:inset -1px 1px 2px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(100,100,100,0.25)}
.has-ribbon:before{
	content:""; width:0; height:0; margin-top:-10px; border-width:0 6px 10px 0; border-style:solid; border-color:#CC342B transparent; border-width:0 0 10px 6px}
.has-ribbon-right:after,.has-ribbon-right:before{right:-6px;left:auto}
.has-ribbon-right:after {border-radius:1px 0 2px 1px;padding-right:8px}
.has-ribbon-right:before{ border-width:0 6px 10px 0}

.has-ribbon-danger:after{ background-color:#FF8080; }
.has-ribbon-danger:before{ border-color:#CC6666 transparent; }

.has-ribbon-info:after{ background-color:#87CEEB; }
.has-ribbon-info:before{ border-color:#4682B4 transparent; }

.has-ribbon-hot:after{ background-color:#EE0000; }
.has-ribbon-hot:before{ border-color:#CC0000 transparent; }


.sidebar .panel {box-shadow:0px 0px 0px !important; }