.action-button{
    cursor: pointer;
    visibility:hidden;
}
 tr:hover a.action-button{
    visibility:visible;
}
.checklist label {
  display: block;
}
.radiolist label {
  display: block;
}
div.wrapper-vcentered {
    height: 10em;
    position: relative }
div.wrapper-vcentered .vcentered {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }

.hidden-tabs .nav-pills{
    display:none;
}

.text-archived a{
    text-decoration: line-through;
    color: gray;
    font-style:italic;
}

.sortable {
    cursor: pointer;
}

    .sortable:before {
        content: '\f0dc';
        padding-right: 1em;
        font-family: FontAwesome;
        color: lightgray;
        float: right;
    }

.st-sort-ascent:before {
    content: '\f0de';
    color: black;
}

.st-sort-descent:before {
    content: '\f0dd';
    color: black;
}
.guideline {
    margin-top: 16px;
    margin-bottom: 16px;
}

.guideline .title {
    font-weight: bold;
    font-size: 14px;
}


.guideline table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 100%;
}

.guideline td,
.guideline th {
    border: 1px solid black;
    padding: 4px;
}


.guideline table td.lab {
    width: 20%;
}
    .guideline table th.level,
    .guideline table th.preferred-level,
    .guideline table td.level,
    .guideline table td.preferred-level {
        text-align: center;
        width: 15%;
    }
    .guideline table td.guide-message {
        width: 50%;
    }



.ibox-title.selected {
    border-top-color: navy;
}

.heart-risk-score{
    padding: 40px;
}    

.bmi { display: inline-block; background-color: #d3d3d3 !important; font-weight:bold; padding-top: 20px; height: 140px; width: 140px; border: 2px solid #000; border-radius: 70px; font-size: 30px; color: black;}
              
    .riskGraph { padding: 0; position: relative; width: 100%; height: 140px; color: black;}
    .riskGraph table { width: 100%; }
        
    .riskGraph ul { width:100%; padding: 0;font-size: 0; display: table; }
    .riskGraph li { list-style: none; padding: 10px; display: table-cell;font-size: 16px; }
    .riskGraph li.riskBox {display: inline-block; height: 60px; font-size: 12px; padding: 16px 5px; border: 1px solid #000; line-height: 60px;}
    .riskGraph li.riskBox.lowRiskBox { width: 33%; background-color:#42D011 !important;  }
    .riskGraph li.riskBox.mediumRiskBox { width: 33%;  background-color:#E0EC00 !important; }
    .riskGraph li.riskBox.highRiskBox { width: 33%; background-color:#D01111 !important;  }
        
        
    .riskGraph .riskLabel { font-weight: bold; text-align: center; text-transform: uppercase}
    .riskGraph .noRisk {text-align: center; bottom: 64px; left: 32%; font-size: 24px; color: #00932D !important; font-weight: bold; }
        
    .riskGraph .riskIndicator { }
    .riskGraph .riskIndicator  > div { position: relative}
    .riskGraph .riskIndicator .current {  
        transition:left 1s linear;
    }
    .riskGraph .riskIndicator .current img { height: 77px; width: 44px; margin-left: -22px;  }
    .riskGraph .riskIndicator .current span { font-size: 18px; color: #00932D !important; font-weight: bold; vertical-align: top; margin-left: -10px;}
        
    .riskGraph .riskIndicator .potential { display: none;}
    .riskGraph .riskIndicator .potential img{  height: 55px; width: 34px; margin-left: -17px;  }
        
    .riskGraph .riskIndicator .previous { display: none; }
    .riskGraph .riskIndicator .previous img { height: 30px; width: 20px; margin-left: -10px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
   

animate-switch-container {
  position:relative;
  overflow:hidden;
}
.animate-switch.ng-enter, 
.animate-switch.ng-leave
{ 
    -webkit-transition: 0ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 0ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 0ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 0ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 0ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
} 
 
.animate-switch.ng-enter {
    top: -100%;
}
.animate-switch.ng-enter.animate-enter-active {
    top: 0;
}
 
.animate-switch.ng-leave {
    top: 0;
}
.animate-switch.ng-leave.animate-leave-active{
    top: 100%;
}
.editable-click, a.editable-click {
    text-decoration: none;
     color: #676a6c; 
     border-bottom: 0;
}
.editable-checklist label {
  display: block;
}
.editable-radiolist label {
  display: block;
}


/* temporary workaround for display editable-bstime in bs3 - up/down symbols not shown */
.editable-bstime .editable-input i.icon-chevron-up:before {
  content: '\e113';
}
.editable-bstime .editable-input i.icon-chevron-down:before {
  content: '\e114';
}
.editable-bstime .editable-input i.icon-chevron-up,
.editable-bstime .editable-input i.icon-chevron-down {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}