body,p,a,h1,h2,h3,h4,h5,h6,table,label{font-family: 'Roboto',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: 300}

section#page-body{}
input[type="text"].error,input[type="textarea"].error,input[type="password"].error,select.error{margin-bottom:0}
select{background-color: #fff}
small.error, .alert-box.alert{font-style: normal;background:#c60f13}
textarea[rows]#Comments,textarea[rows]#Comments.error{height:4.25em;}
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error{font-style: normal;background:#c60f13}
.error label, .error label.error{color:#c60f13}
label.required:after{content:" *";color: #c60f13}
a.sts-icon{cursor:help}
/*table{border:1px solid #008cba;}
table thead{background-color: #008cba;}
table thead tr th{color:white}
table tbody tr,table tbody tr td{background-color: #fff}
table.row-line tbody tr{border-bottom:1px solid #008cba;border-collapse: collapse}*/
table.list th{background-color: #b3b3b3;}
table.list tr{border-bottom:#999999 solid 1pt; border-collapse: collapse}
table.accord-header{background:transparent;border: none;margin-bottom: 0}

.accordion .accordion-navigation>a.mobile-list, .accordion dd>a.mobile-list{padding:.25rem .5rem}
.accordion .accordion-navigation>a:hover{}
.accordion .accordion-navigation textarea{}
.accordion .accordion-navigation.mobile-list>a:hover, .accordion dd>a.mobile-list:hover{}
.accordion .accordion-navigation.active>a, .accordion dd.active>a{background-color:#d6d6d6;}
.accordion .accordion-navigation, .accordion dd>a.mobile-list {}
.accordion .accordion-navigation, .accordion dd{border-top: solid 1px black;border-left: solid 1px black;border-right: solid 1px black;}
.accordion .accordion-navigation>.content.active, .accordion dd>.content.active{background: white}
.accordion dd.accordion-navigation:last-of-type{border-bottom:solid 1px black}

button, .button{font-family: 'Roboto',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;}
.button.small{font-size: .875em;line-height: .8em;padding-left:1em;padding-right: 1em;font-weight: 400}
.button.inactive{background-color: #cccccc}
.half-above{margin-top: .5em}
.half-under{margin-bottom: .5em}
.kill-below{margin-bottom:0}

.progress.warning .meter{background-color: orange}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus{background-color:#cccccc}
button.disabled, button[disabled], .button.disabled, .button[disabled]{background-color:#cccccc;border-color: #999999;opacity: 1}

.claim-tag{height:25px;width:25px;line-height: 25px;background-color:orange;color:white;opacity:.75;font-size: 1.2em;text-align: center}

span.comment-name{font-weight: 500}
a.edit-list{padding-left:1em;font-size: 1em; line-height: 1em;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select{margin-bottom: .5rem}
.delete-btn{margin-right:1em;}
.avatar{border-radius: 15%;margin-right:.5em;border:1px solid #888888}
.avatar-blank{height:22px;width:22px;text-align: center;font-weight: 600;color:#ffffff;line-height: 22px;font-size:16px;border-radius: 15%;margin-right:.5em;border:1px solid #888888;display:inline-block}
.avatar-blank-lg{height:40px;width:40px;text-align: center;font-weight: 400;color:#ffffff;line-height: 40px;font-size:25px;border-radius: 15%;margin-right:.5em;border:1px solid #888888;display:inline-block}
.avatar-blank-30{height:30px;width:30px;text-align: center;font-weight: 400;color:#ffffff;line-height: 30px;font-size:20px;border-radius: 15%;margin-right:.5em;border:1px solid #888888;display:inline-block}
.avatar-blank-friendlist{height:25px;width:25px;text-align: center;font-weight: 400;color:#ffffff;line-height: 25px;font-size:18px;border-radius: 15%;margin-right:.5em;border:1px solid #888888;display:inline-block}
table.comments{font-size: .875rem;width:100%}
table.comments a{font-weight: 400}
table.comments tr.comment-header td{padding:.25em 1em;font-size: .8em;font-weight: 400}
table.comments a:hover{text-decoration: underline;font-weight: 400}
abbr.comment-vis{border-bottom: 1px black dotted; font-size: 1em}

table#item-list-tabs{width:99%}
/* #item-list a{color:purple}
 #item-list-tabs a{color:orange} */
.tabs dd>a, .tabs .tab-title>a{padding:.5rem 1rem;}
footer.ftr{background-color: #007095;color:white;}
div.ftr{padding:2em 0;}


/*table#item-list-tabs tr.selected td a{color:white}*/
table.list-items,table.list-sel,table.list-sel-small{border: none;border-collapse: collapse;cursor: pointer}
table.list-items tr{border-top:#eee solid 1px;border-left:none;border-right:none;}
table.list-items tr:last-child{border-bottom:none;}
table.list-items tr:first-child,table.list-sel tr:first-child,table.list-sel-small tr:first-child{border-top:none;}
table.list-items tr td a,table.list-sel tr td a,table.list-sel-small tr td a{color:#222}
table.list-sel th,table.list-sel th:hover,table.list-sel-small th,table.list-sel-small th:hover{color:#fff;background-color:#008cba;padding-top:.5rem;padding-bottom:.5rem}
table.list-sel tr,table.list-sel-small tr{background-color: #fff;border-right:1px solid #007095;border-left:1px solid #007095;border-bottom:1px solid #eeeeee}
table.list-sel tr:last-child,table.list-sel-small tr:last-child{border-bottom:1px solid #007095;}
table.list-sel tr:hover,table.list-sel-small tr:hover{background-color: #E6F4F8}
table.list-items tr:hover{background-color:#E6F4F8 !important}
table.list-sel{width:100%}
table.list-sel-small{width:100%}

table.row-hover{border: none;border-collapse: collapse;cursor: pointer}
table.row-hover tbody tr{background-color: #fff;border-bottom:1px solid #eeeeee}
table.row-hover tbody tr:hover{background-color:#E6F4F8 !important}
table.row-hover tbody th,table.has-hover tbody th:hover{color:#fff;background-color:#008cba}

table#item-list-tabs tr.selected{background-color: #E6F4F8;color:#222;border-top: #007095 1px solid;border-bottom: #007095 1px solid;border-left: #007095 1px solid;border-right: #007095 1px solid;}

.tabs.list-tabs dd.active a, .tabs.list-tabs .tab-title.active a {background-color:#E6F4F8;color: #222;border-left:#007095 solid 1px;border-top:#007095 solid 1px;border-right:#007095 solid 1px;border-bottom: none;}
.tabs.list-tabs dd>a, .tabs.list-tabs .tab-title>a {padding: .5rem 1rem;border-bottom:#007095 solid 1px;text-align: center;}
.tabs.list-tabs dd>a:hover, .tabs.list-tabs .tab-title>a:hover{background-color:#007095;color:#fff;-webkit-transition: background 0.15s linear,color 0.15s linear;-moz-transition: background 0.15s linear,color 0.15s linear;-ms-transition: background 0.15s linear,color 0.15s linear;-o-transition: background 0.15s linear,color 0.15s linear;transition: background 0.15s linear,color 0.15s linear;}
.tabs.list-tabs dd.active a:hover, .tabs.list-tabs .tab-title.active a:hover {background-color: #E6F4F8;color:#222}
.tabs-content.list-tabs>.content.active {display: block;float: none;background: linear-gradient(#E6F4F8,#F5FBFC,#FCFEFE) no-repeat;background-size:auto;border-left:#007095 solid 1px;border-bottom:#007095 solid 1px;border-right:#007095 solid 1px;}
.tabs-content.list-tabs>.content {display: none;float: left;padding: 0.9375rem 0.9375rem;width: 100%;}
.tabs.list-tabs dd>a, .tabs .tab-title>a {background-color: #fff;color: #222;}

/*.hide.peek{top:-250px;height: 250px; overflow:hidden}
.show-it{-webkit-transition:top 1.5s linear;-moz-transition: top 1.5s linear;-ms-transition: top 1.5s linear;-o-transition: top 1.5s linear;transition: top 1.5s linear;top:0}*/

span.toggle{font-family: fixed, monospace}
table.blank tr.even, table.blank tr.alt, table.blank tr:nth-of-type(even) {background: transparent;}
hr{border-color:#007095}
hr.mobile-section-divider{margin:2em 0; border-width: 2px}
table.comments tr.even, table.comments tr.alt, table.comments tr:nth-of-type(even){background:transparent}
tr.comment-body, tr.comment-body td{border-bottom: 1px solid #A7A7A7;background-color: transparent;}
/*form#frm-edititem label, form#frm-comment label{color:#002D3C}*/

div.manage-container{border:1px solid #007095;overflow: hidden;}
div.manage-container div{padding-top:1em;padding-bottom: 1em}
div.manage-content{font-size:.9em}
div.manage-content a:hover{text-decoration: underline}


ul.comment{list-style-type: none;margin:0;padding: 0}
ul.comment li{padding:0.5em 0;border-bottom:#e6e6e6 solid 1px}
div.comment-body{font-size: .9em;padding-left: 30px}
div.comment-avatar{width:28px;float: left;height: 100%}
div.comment-actions{font-size:.8em; color:grey;padding-left: 30px}
div.comment-actions span.comment-vis{border-bottom: grey dotted 1px;cursor: help}
div.comment-actions a.edit-comment{color:grey;text-decoration: none;}
div.comment-actions a.edit-comment:hover{color:grey;text-decoration: underline;}

.multiselect {height:15em;overflow:auto;border:1px solid #007095;background-color:#fff;margin-bottom:1em}
.multiselect label:hover{background-color:#CCE2EA}
.multiselect label {display:block;}
.multiselect-on {color:#222;background-color:#008cba;color:white;font-weight:400}
label.multiselect-on:hover {background-color:#008cba;}
label.vis-perm-lbl{border-bottom:1px solid #80B8CA;border-collapse: collapse}
label.vis-perm-lbl:last-child{border-bottom:none;}


input[type="checkbox"].vis-perm-cb{margin:.75em 1em}
input[type="checkbox"].vis-perm-cb.user-friends{margin:.75em 1em}



.notice{background-color: #E1D30B}
#CommentSubmit{margin-top:1.5em}
span.inactive{color:#b3b3b3}
div#options-box{margin-bottom:3em;}
.opt-box-container{background:linear-gradient(#FFFFFF,#F5FBFC,#E6F4F8) no-repeat;background-size:auto;border-bottom: #007095 solid 1px;padding-bottom:1em}
div.multiselect.user-friends{height:inherit}

span.list-detail{font-size:.9em}
span.list-detail span.detail-title{font-weight:400}
h5{font-weight: 400}
.dropcap { float: left; color: #008cba; font-size: 3em; line-height: .95em; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-weight: 600}
p.changelog{margin-bottom:1.75em;text-align: justify}

input[type="text"].search{height:2.5em;font-size:1.2em}
input[type="submit"].button.postfix.search{height:2.5em;font-size:1.2em;line-height:2.5em}
.search-container{padding:.6em 1.25em;background-color: #E6F4F8;border:1px solid #007095;margin-bottom:2em}
a.nav-link:hover{text-decoration: underline}

a.button.req-response{margin: 0;height:1.6em;line-height: 0em;font-weight: 500}
a.button.req-response.accept{margin-left:1em}
a.button.req-response.decline,a.button.req-response.unfriend{background-color: #ffffff;border:1px solid #007095;color:#007095;font-weight:400}
a.button.req-response.waiting,a.button.req-response.waiting:hover{background-color: #ffffff;border:1px solid #007095;color:#007095;font-weight:400}
a.button.req-response.decline:hover,a.button.req-response.unfriend:hover{background-color:#008cba;border:1px solid #007095;color:#fff;font-weight:400}
table.friend-list tr td,table.new-req-list tr td,table.friend-list tr th,table.new-req-list tr th{padding-top:.5rem;padding-bottom:.5rem}
td.fl-actions{text-align: right}
td.fl-username{padding-left:0;padding-right:2em}
td.fl-avatar{}
div.action-btns{visibility: hidden}
table.friend-list tr:hover td.fl-actions div.action-btns{visibility: visible}
table.friend-list tr,table.new-req-list tr{border-right:1px solid #007095;border-left:1px solid #007095;}
table.friend-list tr:first-child,table.new-req-list tr:first-child{border-top:1px solid #007095;}
table.friend-list tr:last-child,table.new-req-list tr:last-child{border-bottom:1px solid #007095;}

div.content-box{border-left:1px solid #007095;border-right:1px solid #007095;border-bottom:1px solid #007095;margin-bottom:2em;padding-top:1em;background: linear-gradient(#E6F4F8,#F5FBFC,#FCFEFE) no-repeat;background-size:auto;border-radius:0 0 15px 15px;padding-bottom:1em}
div.content-box-title{padding:.6em 1em;background-color:#008cba;color:#fff;font-weight:500;font-size: 1.25em;text-align: center;border-radius: 15px 15px 0 0;}
div.content-box a.button{background-color: #ffffff;border:1px solid #007095;color:#007095;font-weight:400;margin-bottom:0}
div.content-box a.button:hover{background-color:#008cba;border:1px solid #007095;color:#fff;font-weight:400}
table.item-users{width:80%;margin:0 auto;cursor: default}
table.item-users tr{border-left:1px solid #007095;border-right:1px solid #007095;}
table.item-users tr:last-child{border-bottom:1px solid #007095;}
table.item-users tr td.fl-avatar{width:55px}

a.notice-link,a.notice-link:visited,a.notice-link:hover{color:#4f4f4f;text-decoration: none;font-weight:400;text-decoration:underline }
.badge {display: inline-block;padding: 0.3em;min-width: 2.1em;font-size: 0.6rem;text-align: center;border-radius: 50%;background: #2ba6cb;color: #fefefe;font-weight: 500}
.badge.secondary {background: #e9e9e9;color: #0a0a0a;}
.badge.success {background: #5da423;color: #fefefe; }
.badge.alert {background: #c60f13;color: #fefefe; }
.badge.warning {background: #ffae00;color: #fefefe; }

div.dibs-card-for{color:#fefefe;background-color:#007095;text-align: center;font-size: 1.1em}
.data-lbl{font-weight: bold;font-size:.8em;color:#808080;margin-bottom:0;line-height:1.1em}
.data-det{font-size:1.1em;line-height:1}
.data-det.smaller{font-size:1em}

.button.quiet{background-color: #ffffff;border:1px solid #007095;color:#007095;font-weight:400}
.button.quiet:hover{background-color:#008cba;border:1px solid #007095;color:#fff;font-weight:400}

table.structural,table.structural thead,table.structural tbody
 ,table.structural thead tr,table.structural tbody tr
 ,table.structural thead tr th,table.structural tbody tr td{border:0;background-color: transparent;}
 /*.text-right{text-align: right !important}*/
 div.dibs-for-group div.card.dibs:not(:last-child){margin-bottom:-1px}


/*-----------------------------*/


div.multiselect.test{height:inherit}

.multiselect.test{height:15em;overflow:auto;border:none;background-color:#fff;margin-bottom:1em}
td.multiselect-on{color:#222;background-color:#008cba;color:white;font-weight:400}
/*tr.multiselect-on{color:#222;background-color:#008cba;color:white;font-weight:400}*/
/*label.test{height: 41px;}*/



/*input[type="checkbox"].test{margin:.75em 1em;display: none}*/

td input[type="checkbox"].test {display: none; margin:.75em 1em;position:relative;}

td:hover input[type="checkbox"].test { display: inline;}

td input[type="checkbox"].test:checked {display: inline; }

td:hover input[type="checkbox"].test + label{display: none;width: auto;height: auto}
td input[type="checkbox"].test:checked +label{display: none; }

table#item-list-tabs tr td.list-hascb{padding-top:.25rem; padding-bottom: .25rem; width:45px;line-height: 3em;}
table#item-list-tabs tr.selected{width: 48px;}

/*-----------------------------*/