﻿@charset "utf-8";

html{font:13px Helvetica,Arial,Verdana,sans-serif;}
body{background:#E3E3E3 url("../img/bg.png") repeat 0 0;color:#252C2F;}

/*Anti-Bootstrap*/
a:focus, input:focus, button:focus{outline:0 !important;}
.img-responsive{margin:0 auto;}
label{margin-bottom:0;}
.help-block.with-errors{display:inline;font-weight:bold;font-size:0.8em;}
.help-block.with-errors ul{text-align:right;margin-bottom:-5px;}
.btn-sm{padding:2px 10px;}
.btn-xs{padding:1px 5px;font-size:0.7em;}
.btn-group .btn-xs{margin:2px 0;}
.navbar-toggle .icon-bar{width:18px;}
button.navbar-toggle{
padding:4px !important;
margin:2px !important;
}
@media(min-width:768px){
    #navbar, #navbar_sub{padding:0;}
	nav.navbar .container-fluid{padding:0;}
}
@media(max-width:400px){
    body > .container-fluid{padding:0;}
	
	#table_forecast td:last-of-type{display:none;}
	#h5_forecast{text-align:center;}
}
div.tooltip{white-space:pre;}
.tooltip-inner{max-width:100%;}
.disabled{cursor:default !important;}
.pager li > a{background-color:#f1f1f1;}
.pager li >  a:hover{background-color:#dcdcdc;}
.pager li.disabled > a{background-color:#e2e0e0;color:#2d2d2d;}


/*Site*/
.homepage h5{font-size:1.2em;margin:14px 0 16px;}
#div_weather{display:none;margin-top:30px;}
#div_weather table{width:100%;margin-bottom:8px;}
#img_weatherIcon{max-width:20px;margin:0 15px;}
#div_weatherInfo{font-size:0.8em;text-align:right;}
#table_forecast img{max-width:26px;}
#table_forecast tr{margin-bottom:4px;background-color:#e6e6e6;border:4px solid;border-left:none;border-right:none;}
#table_forecast td{text-align:center;padding:2px 0;}
#table_forecast td:nth-of-type(2){font-weight:bold;}
#table_forecast td:last-of-type{text-align:right;}


.font-bold{font-weight:bold;}
.font-underline{text-decoration:underline;}
ul.ul{list-style:none;}
ul.ul-left{padding-left:0;}
fieldset.fieldset{
margin:4px;
padding:4px 0 6px;
border:1px solid;
border-radius:6px;
}
fieldset.fieldset legend{
font-size:1.25em;
margin:0 0 0 5%;
width:inherit;
}
#div_logo, #div_logo div{min-height:200px;}
#div_logo{
margin:0 auto 8px;
width:100%;
background-repeat:no-repeat;
background-size:cover;
background-position-y:-35px;
opacity:0.7;
}
#img_adklogo{
position:absolute;
top:10px;
opacity:1;
}
img.imghover{opacity:0.9;border:1px solid transparent;}
img.imghover:hover{opacity:1;}
.pointer{cursor:pointer;}
.hoverbtn{opacity:0.8;cursor:pointer;}
.hoverbtn:hover{opacity:1;}
a.hoverbtn, a.hoverbtn:hover, a.hoverbtn:active, a.hoverbtn:visited, a.hoverbtn:focus{color:#252C2F;font-size:12px;text-decoration:none;}
.content-header{border-bottom:2px solid;margin-left:4px;margin-right:4px;padding-bottom:2px;padding-left:4px;}
.content-header .hoverbtn{float:right;margin-right:4px;}
.error{color:#A94442;}
textarea{resize:vertical;max-height:120px;overflow-y:auto;}
div.hr{border-top:1px solid #BFBFBF;margin:12px 0;}
div.hr75{width:75%;margin:12px auto;}
.font-bold{font-weight:bold !important;}
.font-italic{font-style:italic;}
.font-underline{text-decoration:underline;}
.reqNote{font-size:0.7em;font-style:italic;}
.nopadding{padding:0 !important;}
.nomargin{margin:0 !important;}
.lgtext{word-wrap:break-word;white-space:pre-wrap;}
.noselect{cursor:default;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
nav.navbar{
min-height:32px !important;
font-weight:bold;
margin:0;
background:#3F4C6B;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDJkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top, #3f4c6b 0%, #2d2d2d 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#2d2d2d));
background:-webkit-linear-gradient(top, #3f4c6b 0%,#2d2d2d 100%);
background:-o-linear-gradient(top, #3f4c6b 0%,#2d2d2d 100%);
background:-ms-linear-gradient(top, #3f4c6b 0%,#2d2d2d 100%);
background:linear-gradient(to bottom, #3f4c6b 0%,#2d2d2d 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#2d2d2d',GradientType=0 );
}
#navbar a, #navbar-footer a{height:32px;padding-top:6px !important;}
#navbar button{margin:4px 4px 4px 0 !important;}
nav.navbar-default.navbar .navbar-nav>li>a a, nav.navbar-default.navbar .navbar-nav>li>a a:hover, .navbar .navbar-nav>li>a{color:#F5F5F5;}
nav.navbar-default.navbar .navbar-nav>li.active, nav.navbar-default.navbar .navbar-nav>li.active a, .navbar .navbar-nav>.open>a{background-color:#F5F5F5 !important;color:#3f4c6b;background-image:none;}
#navbar_sub .navbar-right{margin-right:0;}

.welcome-bar{
font-weight:normal;
margin-bottom:-2px;
}
.welcome-bar-anon{
background-color:#fffabb;
padding-right:0.5em;
}

#navbar-footer{margin:-5px 0 60px;}
div.content-wrapper{
background-color:#F0F0F0;
display:inline-block;
padding:15px;
padding-bottom:35px;
position:relative;
width:100%;
}
.peaklist{list-style:none;margin:0;}
.peaklist label{font-weight:normal;}

#select_addpeaks{border-top-right-radius:0;border-bottom-right-radius:0;}
#textbox_hikedate{margin-left:-1px;border-radius:0;}
#span_addPeak{width:42px;border-top-left-radius:0;border-bottom-left-radius:0;}

#div_hikertable{max-height:600px;}

.modal-header{background-color:#CECECE;border-top-left-radius:6px;border-top-right-radius:6px;}
#span_modal_hike_date, #span_modal_viewMessage_dte{font-size:1.2em;margin-left:20px;}

@media print{.noprint, .noprint *{display:none !important;}}

.profilephoto{max-height:80px;margin:0 12px 0 0;display:inline;}

/*Gallery*/
#div_photos ul.gallery-photo {
	list-style: none;
}

.photo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-gap: 20px;
	align-items: center;
}
.photo-grid a {
	max-width: 100%;
}
#modal_gallery_desc, #modal_gallery_dl{margin-top:15px;padding:7px 15px;background-color:#CECECE;}
#modal_gallery_desc button{margin:-2px -10px 0 4px;}
#modal_gallery_desc{min-height: 35px;-ms-word-break:break-all;word-break:break-all;}
#modal_gallery .modal-content{background-color:#ECE7CD;}
#modal_gallery_videoerror{text-align:center;font-style:italic;margin:20px 0;width:100%;}
div.scroll{overflow:auto;}
div.scroll100{max-height:100px;}
div.scroll300{max-height:300px;}

div.content{
background-color:#EDEDED;
border:1px solid #BFBFBF;
box-shadow:2px 2px 1px #6e6e6e;
padding-bottom:15px;
}

div.content-max{
max-height:10000px;
transition:max-height 0.8s;
-webkit-transition:max-height 0.8s;
-moz-transition:max-height 0.8s;
}
div.content-min{
overflow:hidden;
max-height:44px;
transition:max-height 0.8s;
-webkit-transition:max-height 0.8s;
-moz-transition:max-height 0.8s;
}

@media(max-width:768px){
    div.content-wrapper{padding:15px 2px;}
    div.content{margin-top:15px;padding:0 0 15px 0 !important;}
    div.content-wrapper div.container-fluid{padding:0 4px;}
}
.control-label-sm{font-size:0.85em;}
.form-control-sm{
height:28px;
padding:4px 8px;
font-size:12px;
}

#div_modal_loading, #div_modal_loading div{background-color:transparent;border:0;box-shadow:none;-webkit-box-shadow:none;}

/*Hike tool*/
#ul_addpeaks{
font-size:0.85em;
list-style-type:none;
padding:0;
}
#ul_addpeaks li a{cursor:pointer;color:#000;}
#ul_addpeaks li a:first-child, #ul_addpeaks li a:first-child:hover{margin-right:4px;text-decoration:none;}
.redhover-on, .redhover-on a, .redhover:hover{color:#B10000 !important;text-decoration:line-through;}
.has-error .redhover, .has-error th{color:#B10000;}

#table_hikespeaks thead tr{font-size:18px !important;line-height:1.2;}
#table_hikespeaks th{padding-top:10px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;}

/*Tables*/
.div_tablewrapper{
width:98%;
margin:0 auto;
border:1px solid #000000;
border-radius:4px;
box-shadow:2px 2px 2px #888888;
padding:5px 8px 5px 4px;
max-height:300px;
overflow-y:auto;
}
.tablewrapper500{max-height:500px;}
.selecttable{width:100%;}
.selecttable span{padding:0 0 0 2px;}
.selecttable th{
font-weight:bold;
font-size:1em;
border-bottom:1px solid #252C2F;
}
.selecttable tbody tr:nth-child(even){background-color:#DCE1F9;}
table.selecttable tbody tr:hover{background-color:#B5BEEA;}
.selecttable td{
font-size:0.9em;
}
.selecttable tr th:first-child, .selecttable tr td:first-child{padding-left:4px;}
.selecttable tr th:last-child, .selecttable tr td:last-child{padding-right:4px;}
.rowselector .glyphicon{display:block;font-size:0.75em;}
/*DataTables*/
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{cursor:pointer;background-repeat:no-repeat;background-position:center right;}
table.dataTable thead .sorting{background-image:url("../img/sort_both.png");}
table.dataTable thead .sorting_asc{background-image:url("../img/sort_asc.png");}
table.dataTable thead .sorting_desc{background-image:url("../img/sort_desc.png");}

.dataTables_filter{float:right;}
.dataTables_paginate{text-align:right;}
.pagination{margin:4px 0 0;}
.div_tablewrapper .row{margin:0;}
.pagination>li>a, .pagination>li>span{background-color:#e0e0e0;font-size:0.8em;padding:6px 8px;}
.pagination>li.disabled>a, .pagination>li.disabled>span{background-color:#ccc;}
.pagination>li>a,.pagination>li>span,.pagination>li>a:active,.pagination>li>span:active,.pagination>li>a:hover,.pagination>li>span:hover{color:#333;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{border-color:#cccccc;background-color:#b6b4b4;}
@media(max-width:450px){
	.selecttable .rowselector, .selecttable .rowselector:active, .selecttable .rowselector:hover{font-size:1.7em;}
	
	.dataTables_filter{float:none;}
	.dataTables_info, .dataTables_paginate{text-align:center;}
}

/*Messages*/
#div_messages_main{padding:0;}
#div_table_messages{height:350px;overflow-y:auto;border-top:1px solid;}
#div_table_messages a.messagebtn{font-size:12px;}
@media(max-width:992px){
    #div_table_messages{height:200px;}
}
#div_table_messages ul.ul a{font-size:1.2em;}
#table_messages tr[data-isread='false'] span{color:#337ab7;}

.messagecontent{background-color:#E5E5E5;}

.badge.newmessages{
background-color:#E80000;
font-size:0.8em;
padding:1px 5px 3px;
position:relative;
top:-7px;
right:5px;
}

.message-notify{display:block;margin-bottom:8px;}

.messages-menu{padding:6px 0 4px;}
.messages-menu li{display:inline;padding:0;}
.messages-menu li .dropdown-menu li{display:list-item;}
.messages-menu li a.active:before{
content:"\e080";
position:relative;
top:1px;
display:inline-block;
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.message-folder-list li{margin-bottom:2px;border:1px;border-style:groove;border-top:none;border-left:none;}
.message-folder-list li .dropdown li{border:none;}
.message-folder-list a{display:block;}
.message-folder-list a.active{background-color:#dce1f9;font-weight:bold;border:1px;border-style:groove;}
.message-folder-list a:hover{font-weight:bold;}

.message-filter a{
font-size:0.6em;
cursor:pointer;
}
.message-filter a.active{color:#000;cursor:default;text-decoration:none;}

#ul_templates{overflow-y:auto;max-height:450px;width:350px;}
#ul_templates a{padding:0;}
#ul_templates a.dropdown-header{padding:1px 0 1px 12px;}
#ul_templates span.template{display:inline;padding:0 2px 0 0;font-size:1.1em;}
#ul_templates li span{margin-left:4px;}
.dropdown-header-public, .dropdown-header-private,
.dropdown-header-public:hover, .dropdown-header-private:hover{background-color:#e8e8e8;}

@media(max-width:700px){
	#ul_templates{float:right !important;right:0;left:auto;}
}
@media(max-width:450px){
	#ul_templates{width:80vw;}
	#ul_templates li span{font-size:0.8em;}
}

/*jQuery UI Autocomplete*/
ul.ui-autocomplete{
font-size:12px;
width:300px;
list-style:none;
padding:0;
font-family:initial;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height:1.42857143;
}
ul.ui-autocomplete li{
background:none;
display:block;
padding:0 8px;
white-space:pre;
color:#555;
}
ul.ui-autocomplete li:hover, ul.ui-autocomplete li.ui-state-focus{background:none;background-color:#1E90FF;border:0;}
