/*
 * basic styles for myosanp -- just layout 
 */
 
 /* general */
 .page-template-template-page-myosnap .button {
    margin-bottom: 0;
    border-radius: 4px;
    color: #FFFFFF;
  }
  .page-template-template-page-myosnap .button.pink {
    color: #652D90;
    background: #FBF5FF;
  }
  
/* Dashboard */
.progress-overview-table .progress-item {
  padding: 20px;
   margin: 10px 0px;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.progress-overview-table .progress-item.button-status-disabled {
/*   opacity: .35; */
}
.progress-overview-table .progress-item p {
  margin: 0 0 0 0;
}

.progress-overview-table .progress-item .progress-item-header {
  display: flex;
  border-bottom: 1px solid gray;
  justify-content: space-between;
  margin-bottom: 10px;
}
.progress-overview-table .progress-item .progress-item-header .item-title {
  flex-basis: 75%;
}

.progress-overview-table .progress-item .progress-item-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.progress-overview-table .dashboard-year-table-inactive {
  display: none;
}

/* Daily Progress Assessments */
.completed-assessments .completed-assessment {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px;
   margin: 10px 0px;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.completed-assessments .completed-assessment p {
   margin: 0 0 0 0;
}
.completed-assessments p.no-entries {
  font-style: italic;
}

/* Initial Assessment Report */
.assessment-report {
  margin-bottom: 20px;
}
.assessment-report .assessment-report-heading {
  display: flex;
  
}

.assessment-report .assessment-report-heading .assessment-report-heading-cell {
  padding: 10px;
  flex-basis: 33%;
/*   background: #eee;
  border: 1px solid #ccc; */
}
.assessment-report .assessment-report-heading .assessment-report-heading-cell:nth-child(2) {
  border-left: 0px;
  border-right: 0px;
}

.assessment-report .assessment-report-row {
  display: flex;
}
.assessment-report .assessment-report-row div {
  flex-basis: 33%;
  padding: 10px;
  
}

.assessment-report .assessment-report-row .osnap-standard {
/*   border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc; */
}
.assessment-report .assessment-report-row .practice-results {
/*   border-bottom: 1px solid #ccc; */
}
.assessment-report .assessment-report-row .policy-results {
/* border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc; */
}

/* Action Plan Builder */
.action-plan-builder-table .goal-box a {
  display: flex;
  align-items: center;
  padding: 20px;
  margin: 10px 0px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  text-decoration: none;
}
.action-plan-builder-table .goal-box a:hover {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
}

.action-plan-builder-table .goal-text {
  flex-basis: 75%;
}

/* My Action Plan */
.my-action-plan-table .action-plan-item {
  padding: 20px;
  margin: 10px 0px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  text-decoration: none;
  background-image: url('../images/icon-accordion-open.svg');
  background-repeat: no-repeat;
  background-position: 98% 15px;
  background-size: 30px 30px;
}

.my-action-plan-table .action-plan-item:hover {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
  cursor: pointer;
}

.my-action-plan-table .action-plan-item.action-plan-goal-closed .hidden-row {
  display: none;
}

.my-action-plan-table .action-plan-item .action-step-progress-form form .gfield {
    background: #eee;
    padding: 10px 5px;
    display: flex;
}
.my-action-plan-table .action-plan-item .action-step-progress-form form .gfield label {
  flex-basis: 25%;
}

.my-action-plan-table .action-plan-item .action-step-progress-form form .gfield .ginput_container {
  flex-basis: 50%;
}
/* Comments */
.comments-notif {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -30px;
}

.comments-notif {
  display: none;
}

/* form validation on user update form */
p.success {
  color: green;
  font-weight: bold;
}
p.error {
  color: red;
}

/* Side Menu */
.grid-padding-x>.private-sidebar.cell {
  padding-right: 0;
}
.osnap-menu {
  
}
.osnap-menu a.link-active {
  font-weight: bold;
}
.osnap-menu a.link-active:before {
  content: '⇢';
  margin-right: 5px;
}
.osnap-menu .program-year-wrapper {
  position: relative;  
  margin-bottom: 10px;
}
.osnap-menu .program-year-wrapper.program-year-closed {
}
.osnap-menu .program-year-wrapper.program-year-closed:hover {
  cursor: pointer;
}
.osnap-menu .program-year-wrapper.program-year-closed::after {
  content: "\208A";
  display: block;
  color: #000f41;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 28px;
  line-height: 28px;
}
.osnap-menu .program-year-wrapper.program-year-open::after {
  content: "\208B";
  display: block;
  color: #000f41;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 28px;
  line-height: 28px;
}
.osnap-menu .program-year-wrapper h5 {
  font-family: "Comfortaa";
  font-size: 22px;
  line-height: 38px;
  font-weight: bold;
  background: #F8F8FA;
  border-radius: 5px;
  padding: 11px;  
}
.osnap-menu .program-year-wrapper h5:hover {
  cursor: pointer;
}
.osnap-menu .program-year-wrapper.program-year-closed h5 {
  margin-bottom: 0;
}
.osnap-menu .program-year-wrapper.program-year-closed .osnap-toplevel-menu {
  display: none;
}

/* Facilitator Dashboard */
.facilitator-table {
  border-bottom: 1px solid #E7E8EE;
}
.facilitator-table .table-header {
  display: flex;
  background: #F8F8FA;
  font-weight: bold;
}
.facilitator-table .table-row {
  display: flex;
}

.facilitator-table .org-name {
  flex-basis: 40%;
  padding: 10px;
  border: 1px solid #E7E8EE;
  border-bottom: 0;
}
.facilitator-table .org-name p { 
  margin-bottom: 0;
}
.facilitator-table .org-name p a.send-message {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: .28px;
  text-decoration: underline;
  color: #617086;
}
.facilitator-table .org-name p a.send-message:hover {
  text-decoration: none;
}
.facilitator-table.export-table .org-name {
  flex-basis: 70%;
}
.facilitator-table .osnap-progress {
  flex-basis: 20%;
  padding: 10px;
  border: 1px solid #E7E8EE;
  border-bottom: 0;
  border-left: 0;
  display: flex;
  align-items: center;
}
.facilitator-table .export {
  flex-basis: 20%;
  padding: 10px;
  border: 1px solid #E7E8EE;
  border-bottom: 0;
  border-left: 0;
  
}
.facilitator-table .details {
  flex-basis: 20%;
  padding: 10px;
  border: 1px solid #E7E8EE;
  border-bottom: 0;
  border-left: 0;
}
.facilitator-table .table-header .org-name {
  border-top-left-radius: 4px;
}
.facilitator-table .table-header .details {
  border-top-right-radius: 4px;
}
.page-template-template-page-myosnap .facilitator-table .button {
  padding: .9rem 1.5rem;
}

/* Facilitator / Exporter Menu */
.osnap-menu .osnap-toplevel-menu .dashboard-link a {
  font-weight: bold;
}
.osnap-menu .osnap-toplevel-menu .dashboard-link .osnap-submenu a {
  font-weight: normal;
}
h3.facilitator-subtitle {
  color: #617086;
  margin-bottom: 2.0rem;
}
div.facilitator-view-mode-info {
  background: #F8FCFF;
  border-radius: 5px;
  padding: 9px 12px;
  margin-bottom: 12px;
}
.facilitator-view-mode-info p {
  font-family: "Open Sans";
  letter-spacing: .34px;
  line-height: 27px;
  margin-bottom: 0;
  color: #617086;
}
.facilitator-view-mode-info p.organization-name {
  font-weight: bold;
}
.facilitator-view-mode-info ul {
  margin: 5px 0 0 0;
  
}
.facilitator-view-mode-info ul li {
  font-size: 14px;
  line-height: 24px;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  letter-spacing: .28px;
}
.facilitator-view-mode-info ul li a {
  text-decoration: underline;
  color: #617086;
}
.facilitator-view-mode-info ul li a:hover {
  text-decoration: none;
}

.reveal .gform_confirmation_message {
  color: #fff;
  font-style: italic;
}