.col-xs-2 {
	max-width: 16.67%;
	min-width: 180px;
}
.col-md-2{
	max-width: 16.67%;
	min-width: 180px;
}
/* navbar */
.navbar-default {
    background-color: #dceaf4;
    border-color: #dceaf4;
}
/* title */
.navbar-default .navbar-brand {
	color: #6caedf;
	-webkit-text-shadow: 0 1px 2px rgba(0,0,0,.375);
    -moz-text-shadow: 0 1px 2px rgba(0,0,0,.375);
    text-shadow: 0 1px 2px rgba(0,0,0,.375);
    
    border-right-style:solid;
    border-color:silver;
    border-width:1px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #6caedf;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
    
    
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: #ebeff9;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #DDBBBB;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
    

}

@media (min-width: 0px) {
	.navbar-header {
	        float: left;
	}
	.navbar-toggle {
	    display: none;
	}
	.navbar-collapse {
	    border-top: 0 none;
	    box-shadow: none;
	    width: auto;
	}
	.navbar-collapse.collapse {
	    display: block !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	}
	.navbar-nav {
	    float: left;// !important;
	    margin: 0px;
	}
	.navbar-nav>li {
	    float: left;
	}
	.navbar-nav>li>a {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
}