body {background: #F9F9F9;}

#hdr, header{ background:#FFF;border-bottom: solid 1px #EFEFEF;}
.scrolled header { box-shadow: 0 3px 6px rgba(0,0,0,0.04);}


h3 { font-weight:bold;}

a {color:#05243C;}

#menu { background:#FFF;}
#menu .menuitem { color:#222}

header .table .cells > div{padding:4px 0;vertical-align:middle !important;}
header .c-logo { width:160px;}
header .c-logo img { width:70%;}
header .c-icons { width:107px}
header .c-search { width:565px;padding-right:42px;}
header .c-profilelinks { text-align:right;padding-right:15px !important;}
header .c-profilelinks a, header .c-profilelinks span { margin-left:8px;color:#05243C;font-size:15px;}
header .c-profile {padding-left:10px; width:35px}

header #search-box .container-search { width:100%;max-width:520px}
header #search-box .container-search input.txt {padding-left:15px;}
.container-search input.txt { background-color:rgba(0,0,0,0)}
header #search-box .container-search {padding:0px 17px;fill: #B8B8BF; border-color: #EFEFEF;background:#FFF;}
header #search-box .container-search .clear-btn { display:none;}
.container-search .search, .container-search .clear-btn { top:8px;}
header .usr.thumb{float:none;margin-right:0;margin-bottom:0;background-size:cover;}

#divDialog.postedit { padding: 0;/*background: rgba(0,0,0,0);*/*/}

.signedin #main { padding-top:65px; }

body { font-size:15px;}
h1 { font-weight:700;font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}
p { font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}

.popup-pnl { border-radius:7px}
.popUP .inner { border-radius:7px}

#post_share.popUP .inner { padding: 0px;}
#post_share { width:700px;max-width:100vw;background: rgba(0,0,0,0);border:none;box-shadow: rgba(0,0,0,0.1) 0px 0px 5px;}
#post_share .block-pnl { padding:0;margin-bottom:0 !important;}

.list-numbered > li::before {font-size:1em; background-color: #333;border-radius: 50%;font-weight: 600;color: #FFF;width: 18px;height: 18px;padding: 8px;}

#contentmain2{ padding-top:0;padding-left: 10px; }
.withsidemenu #contentmain2 { width: calc(78% - 10px);}

#hdr > .middle, #content > .middle, .middle { width:1280px;max-width:100%;}

.crumbs { display:none;}
.detail .inner{ border:solid 1px #EFEFEF;font-size:1em;}

.issue-of-week .list.masonry .item{ width:100%; }

.popular-issues .list > div.rrow{ padding-left:0;padding-right:0;background:rgba(0,0,0,0);border-radius:0; }
.popular-issues .list .rrow h3 { font-size: 15px; }
.popular-issues .list .rrow h4 { font-size:13px;}
.popular-issues .rrow .table > div > div.img { width:85px;}
.popular-issues .rrow .table .img > div { width:85px}
.popular-issues .list .options { left:0;right:0;bottom: 0px;}

.sidemenu { padding-top:0;}
.sidemenu .pnl { border:solid 1px #EFEFEF;padding: 12px 8px;}
.sidemenu .pnl:first-child { margin-top:0 !important;}
.sidemenu #issueauthor div.box { border-radius:50%;}
.sidemenu .inner .icnfa { height: auto; position: relative; margin-left: 0px; margin-right: 2px; padding-left: 4px; border-radius: 0; line-height: 22px; }

.m-out { position:absolute;right:5px;top:5px;}



.simple-columns { width:100%;}
.simple-columns .col1 { max-width:570px;min-width:500px;padding-right:25px;}

.profileimage .roundbutton { opacity:0}
.profileimage:hover .roundbutton { opacity:1}

#subjects { margin-bottom: 10px; }
#subjects > div { font-weight:bold;font-size:14px;padding:5px 0;}

#qForm {border-radius:2px;background:#FFF;margin-bottom:10px;border:solid 1px #dee0e1 !important;padding:12px 5px 12px 10px;}
#qForm tr td { padding:0;}
#qForm .prompt { background:#F7F7F7;border:solid 1px #D0D0D0;padding:5px 10px;color:#A0A0A0;border-radius:5px;margin-bottom:8px;transition:all ease-in-out 0.2s;position:relative;}
#qForm .prompt:hover { border-color:#09F;}
#qForm .usr.thumb { margin-bottom:0 !important;margin-top:2px;}

#issueslist article { border-radius:2px;padding-top:12px;background:#FFF;margin-bottom:10px;border:solid 1px #dee0e1 !important;position:relative;}
#issueslist article p { margin:4px 0; }
#issueslist .s-inner { padding:8px 10px 8px; }
#issueslist .s-inner > h3 { margin-top: 0; }

#issueslist .img .tb { position: relative;margin:10px 0 0 0;border-radius:0 0 2px 2px;background:transparent center top no-repeat;background-image:none;background-size:cover;
border-top:solid 1px rgba(0,0,0,0.4);transition:all ease-in-out 0.2s; background-image:url();}
#issueslist .img .tb img { visibility:hidden;}
#issueslist article .author { padding:0 10px 0px;}
#issueslist article .author .thumb, .usr.thumb{ border-radius:50%; height:32px;width:32px;margin-right:5px;background-size:cover;}
#issueslist article .author strong { text-transform:capitalize}
#issueslist article .ctrls a { margin:0; width:calc(50% - 2px);padding:10px 0;display:inline-block;text-align:center;color:#FFF;border-radius:0;}
#issueslist article .ctrls a.view {background-color:#00B3B6;border-color:#00B3B6; }
#issueslist article .ctrls a.respond { background-color:#2E83A0;border-color:#2E83A0;}
#issueslist article .ctrls a.reports {background-color:#15455f;border-color:#15455f; }

#issueslist article .proposal { margin-bottom:7px;}

#issueslist article .d-info { padding:0 0 0 46px; }
#issueslist article .d-info .note { padding:0px;}

#issueslist .popmenutrigger {min-height:18px; background:rgba(0,0,0,0);border:none !important;color:#000;text-align:center;padding:5px 15px 5px 15px !important;}
#issueslist .popmenutrigger:hover, #issueslist .popmenutrigger:active { color:#2E83A0}
#issueslist .popmenu { margin-top:0;min-width: 100px;}

#issueslist article .post-tags { border-top:solid 1px #EFEFEF;padding-left:10px;padding-right:10px;font-size: 11px;font-weight:bold;}
#issueslist article.issue .post-tags { }

.post-hdr .post-options { display:none;}
#post-tag-option { display:block !important;}

.proposal { color:#065E78;font-weight:bold; }
#proposal-list { max-height: 250px; overflow-y:scroll; }
#proposal-list a { display:block;padding: 5px 12px 6px;border-radius: 5px;border: solid 1px;margin-bottom: 5px;font-size: 14px;cursor: pointer;text-decoration:none;transition: all ease-in-out 0.2s;}
#proposal-list a:hover { border-color:#09F;}
#proposal-list a.selected { background: #09F;border-color: #09F;color: #FFF;}

#proposaldata .commandtext { padding-top:10px;font-size: 18px; }
#proposaldata .btn { border:solid 1px #065E78;color:#065E78;}
.user-note { font-size:11px;}
.popular-issues article { margin-bottom:15px;}

#proposaldata  .cb-buttons input[type=checkbox]:checked + label{background:#065E78;border-color:#065E78;color:#FFF !important;} 

.msg-item { font-size:1em;text-align:justify}

.btn, button.btn, input[type=submit].btn { padding:8px 25px 8px 25px;border-radius:18px;font-weight:600;border:solid 1px #FFF; }
.btn.large, button.btn.large, input[type=submit].btn.large { padding:10px 27px 10px 27px;border-radius:20px;font-size: 15px; }


#post_share_button, #post_simple_button{ color:#FFF;}
#post_share_button { background-color: #00B3B6; }
#post_share_button:hover { background-color: #00A2A5; }

#post_simple_button {background-color:#2E83A0; }
#post_simple_button:hover {background-color:#1D7290; }

body.notsignedin header .c-profilelinks a { border:solid 1px #CCC}

.primary-btn, .green-btn, .brightgreen-btn, .red-btn, .secondary-btn, .primary-btn, input[type=submit], .popmenu-wrap a.popmenutrigger { border-radius:18px;text-transform:capitalize;font-size:13px;font-weight:500;font-family:"Open Sans", Tahoma,Geneva, Arial;}
.primary-btn.large { padding:10px 40px !important;border-radius: 25px;text-transform:uppercase;font-size:17px;}

.list.masonry h4.issuetitle { font-size:16px !important; margin-top: 10px;}
.list.masonry .detail .desc { margin-top:5px;}
.list.masonry .detail .desc, .list.masonry .detail .proposal {margin-bottom: 0; }
.list.masonry .item .mason { margin-top:10px;}
.list.masonry .tools a.favourite { display:none !important;}

.list.masonry .item .img-container { border-radius:8px 8px 0 0;}
.list.items.masonry .item, .list.masonry .item { border-radius:8px;box-shadow:none; }

.list.items.masonry .item:hover, .list.masonry .item:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
.list.masonry .item:hover .link-options { border-radius: 8px;}

body.home .col1 .rpnl { background-color: #065E78;}
body.home .col2 .rpnl { background-color: #065E78;}
body.home .col3 .rpnl { background-color: #15455f;}

#latest-issues.pnl { padding:0;background:rgba(0,0,0,0);}

#simple_post { width:800px;position:absolute;}
#simple_post label { color:#05243C; }
#simple_post label.biglabel { font-weight: 500;font-size:18px;}

.wiz-item { }
.wiz-item.hidden { display:none; }

#wiz-proposalsearch { display:none;margin-bottom:8px;}
.hassearch #wiz-proposalsearch { display:block;}

.detail .pnl, .pnl.thin { padding:5px 20px;}
.detail .pnl, .pnl { padding:10px 20px}
.detail .pnl { margin-bottom: 0;}

.pcont { background:#FFF;}

.brightgreen-btn { background-color:#00B3B6 !important;border-color:#00B3B6 !important; padding: 8px 25px 8px 25px !important; }

#profiletabs.tabs { margin-bottom:0;}
#portfolio .tab-holder { margin-top:0;padding-top:10px;background:#FFF;}

.sidemenuopen #sidemenuclose { background:#FFF;color: #05243C !important;}
body.home.notsignedin.nosidemenu #contentmain2 {width: 100%; }


.rpnl {box-shadow:none;background-color: #FFF; }

@media only screen and (max-width: 1300px) {

  body.home .section2 .inner { width: calc(98% - 100px);max-width: 100%;}
  #hdr > .middle, #content > .middle, .middle { width: 94%;max-width: 100%; }


  header .table .cells > div.c-search { max-width: 50%;width: 300px;}
}

@media only screen and (max-width: 1025px) {

  .withsidemenu #contentmain2 { width:calc(100% - 20px);margin-left:auto;margin-right:auto;}

  .simple-columns .col1{ max-width: 55%;min-width: 500px;width:55%;padding-right: 20px; }
  .simple-columns .col2 { width:45%;}

  .issue-of-week .list.masonry .item{ }

  #simple_post, #post_share {top:0 !important;}

  header .c-icons { width:100px;}

}

@media only screen and (max-width: 850px) {
  #sidemenu { padding-left:10px;top: -26px;}
  .sidemenuopen #sidemenu {width: calc(100% - 60px); }

  .sidemenuopen #sidemenuclose { display:inline-block !important;}

  #subjects { }
  #subjects > div {font-size: 1.3em;font-weight:normal;
    padding: 10px 1px 9px 1px;padding-left: 1px;border-bottom: solid 1px #EEE; }

  .sidemenu .pnl { border-color:rgba(0,0,0,0)}
  .detail .inner { border-color:rgba(0,0,0,0)}

  .pnl > div { padding-top:0;}
  .detail .pnl, .pnl {padding-top:5px; padding-right:3px;padding-left:3px;}

  body{font-family:Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;}
  .s-inner { font-weight:400;line-height:20px;}
  .proposal { }

  header .c-profilelinks a {font-size: 22px; }
  a#mobile-btn { font-size:22px;position:relative !important;right:auto;top:auto;color:#05243C !important;}

  #menulinkedit-advanced, #menulinkexport-responses, #menulinkcopy { display:none;}

  .scrolled #reportsmenu.stuck, .scrolled.scrolleddeep #reportsmenu.stuck { top:49px}

}

@media only screen and (max-width: 800px) {

  #simple_post, #post_share{ max-width:98%;}
  #simple_post.popUP .inner, #post_share .inner{ border-radius:0;}

  #major-content .middle{ width: calc(100% - 20px); }
  #welcome-page{ width: calc(100% - 20px); margin-left:auto;margin-right:auto; }
  #major-content { width:100%;}


  .rblist  { list-style:none;}
  .rblist li { display:block}

  body.home .section1 .col1 { width:100%;}

  .sidemenu .pnl { padding:0 !important;}

  header .table .cells > div.c-search { width:270px;}  

}

@media only screen and (max-width: 769px) {
 .simple-columns .col1{ max-width: 100%;min-width: 100%;width:100%;padding-right: 0; }
 .simple-columns .col2 { display:none;}

  div.table > div > div.c-profilelinks, div.table > div > div.c-profile { position:absolute; display:inline-block;}
  div.table > div > div.c-profilelinks { top:7px;right:40px }  
  div.table > div > div.c-profile {top: 0;right: 0; }
  
  body.notsignedin div.table > div > div.c-profilelinks { right:0;top:0;padding-right:0 !important;}

  .signedin #main {padding-top: 55px; }

 #content > .middle {  width: 100%;  max-width: 100%;}

.withsidemenu #contentmain2 {  width: calc(100% - 10px);}

  header .c-logo { width:140px;padding-top:10px !important;}

  .loginpnlp, #major-content > div.loginpnlp { box-shadow:none !important;}

  #simple_post { border-radius:0;}
  #simple_post textarea { min-height: 25vh;}

}


@media only screen and (max-width: 655px){
  header .table .cells > div.c-icons{ display:none;}

  #major-content .middle{ width: calc(100% - 10px); }
  #welcome-page{ width: calc(100% - 15px);}
  #major-content .section2 .middle { width: calc(100% - 120px); }

  body.home .section2 p {text-align: left;  line-height: 1.5em; }

  .detail .inner { background:#FFF;}
   body { background:#FFF;}

  .btn, button.btn, input[type="submit"].btn { /*padding:10px 27px 10px 27px;*/font-size: 15px; }


  #status { min-width:100px;max-width:100vw;left:5px;right:5px;}

  header .c-logo { padding-bottom:0;}
  header .c-logo img { width:82.5%; }  
  header .c-profilelinks a { font-size:22px;}
  div.table > div > div.c-profile { }
  header .table .cells > div.c-search { width:250px;}  
  .detail .caseimage { max-width:300px;}

  #qForm { padding:12px 8px}

}


@media only screen and (max-width: 640px){

  .withsidemenu #contentmain2 {
    width: calc(100% - 4px);
  }

  header .c-icons { width:auto;}

  #simple_post, #post_share{ max-width:100%;}

  #post_share_button, #post_simple_button { padding: 8px 20px 8px 20px; }

  #post_share textarea{ min-height: 250px; }
  #post_share .post-hdr { font-size: 17px; }
  #post_share .post-ftr { }
  #post_share .primary-btn { font-size: 17px;padding: 3px 19px 5px 19px !important;margin-top: 5px;  margin-bottom: 5px;}
  .inbounds .dialogclose {top: 4px;right: 5px; }
}

@media (orientation: landscape) {
}

@media (orientation: portrait) {


}