body{
	padding-top:70px;
}
body, .navbar {
	min-width:350px;
}
.thumbnail {
	xmargin-bottom:0px;
}
.alert {
	padding:10px 15px !important;
}
#main-wrapper {
	display:none;
}
#directives{
	margin-top:15px;
}
.modal-footer .alert{
	position:relative;
	top:7px !important;
	padding:8px;
}
.dropdown-menu .glyphicon, .alert .glyphicon{
	margin-right:5px;
}
.dropdown-menu > li > div {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.dropup{
	-webkit-box-shadow: unset !important;
	-moz-box-shadow: none !important;
	box-shadow: unset !important;
}

/*.dropdown{text-align:center;}
.button, .dropdown-menu{margin:10px auto}
.dropdown-menu{width:200px; left:50%; margin-left:-100px;}
*/




#directions.col-sm-4, #directions.col-md-3
{
	padding-left:0px !important;
}
@media screen and (max-width: 767px) 
{
	#directions.col-xs-12 
	{
		padding-left:15px !important;
	}
	
	.dropdown-menu-map
	{
		width:219px !important;
		overflow-x:hidden;
	}
	.dropdown-menu-map a
	{
		width: 230px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.well-map-search {
	margin-bottom:0px !important;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.nav-tabs-wrapper {
	border:0px !important;
}
.nav-tabs-wrapper .nav-tabs > li.active > a, .nav-tabs-wrapper .nav-tabs > li.active > a:focus, .nav-tabs-wrapper .nav-tabs > li.active > a:hover {
	border-bottom-color:#ddd;
}
.form-group {
	xmargin-bottom:0px !important;
}
.page-header {
	margin-top:10px !important;
}
.page-header h1 {
	margin-top:0px !important;
}
.h1, .h2, .h3, h1, h2, h3 {
	margin-top:0px !important;
}
.tab-pane {
	padding-top:20px;
}
.fileinput {
	margin-bottom:0px;
	display:block;
}
.fileinput .well {
	margin-bottom:13px !important;
	cursor:hand;
	cursor:pointer;
	overflow:hidden;
}
.fileinput-filename {
	display:inline-block;
	width:80%;
	white-space:nowrap !important;
	overflow:hidden;
	text-overflow:ellipsis;
}
div#chat-panels div:last-child {
	margin:0px !important;
}

/* GROUP NAME */
@media (max-width: 449px) { 

	.truncate {
	  width: 250px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	
}
@media (min-width: 450px) and (max-width: 549px) { 

	.truncate {
	  width: 350px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	
}
@media (min-width: 550px) and (max-width: 649px) { 

	.truncate {
	  width: 450px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	
}
@media (min-width: 650px) and (max-width: 4000px) { 

	.truncate {
	  width: 550px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	
}

/* blur bar */
.btn-bar {
	line-height:35px;
}
.btn-bar-top {
	margin-bottom:15px;
}
.btn-bar-bottom {
	margin-top:13px;
	margin-bottom:15px;
}
.btn-bar-bottom-grid {
	position:relative;
	z-index:1;
	top:-7px;
	margin-top:0px;
	margin-bottom:15px;
}
.table-nomarg {
	margin:0px !important;
}

.map-container { 
	height: 500px; 
}

/* AUTH */
.auth{
	padding-top:20px;
}

/* CREATE GROUP WIZARD */
.board{
	margin: 20px;
	background: #fff;
	position:relative;
}
.board .nav-tabs {
    position: relative;
    margin-bottom: 0;
    box-sizing: border-box;
}

.board > div.board-inner{
   background-color:#f3f3f3;
}

.board p.narrow{
    width: 60%;
    margin: 10px auto;
}

.board .liner{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.board .nav-tabs > li.active > a, .board .nav-tabs > li.active > a:hover, .board .nav-tabs > li.active > a:focus {
    color: #555555;
    outline:0;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.board span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

.board span.round-tabs.one{
    color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

.board li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #ddd;
    color: rgb(34, 194, 34);
}
.board span.round-tabs.two{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

.board li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

.board span.round-tabs.three{
    color: #febe29;border: 2px solid #febe29;
}

.board li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

.board span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}

.board li.active span.round-tabs.four{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #f1685e;
}

.board span.round-tabs.five{
    color: #999;border: 2px solid #999;
}

.board li.active span.round-tabs.five{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}

.board .nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}
.board .nav-tabs > li {
    width: 20%;
}
.board .nav-tabs > li:after {
    content: " ";
    position: absolute;
    left: 45%;
   	opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;

}
.board .nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 44%;
   	opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;

}
.board .nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
}

.board .nav-tabs > li a:hover{
    background: transparent;
}

.board .tab-content{

}
.board .tab-pane{
   position: relative;
	min-height:250px;
}
.board .tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

@media( max-width : 585px ){

    .board {
width: 90%;
height:auto !important;
}
    .board span.round-tabs {
        font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
    }
    .board .tab-content .head{
        font-size:20px;
        }
    .board .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}

.board .nav-tabs > li.active:after {
content: " ";
position: absolute;
left: 35%;
}

}


/* btn-block */
@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}