html,
body,
.off-canvas-wrap, form, .main-section {
   height: 100%;

    /*overflow-x: auto;*/
}
.off-canvas-wrap {
          overflow: inherit !important;
}
.main-section {

    /*overflow-x: hidden;*/
}
.content {
overflow-x: auto;
}
/*.top-off-canvas-menu {
    height: 7.75rem;
}*/
.page {
    overflow-x: auto;
}
.tab-bar {
    overflow: hidden;
}
.tab-bar > section {
  margin: 0;
  padding: 0;
}
body, h1, h2, h3, h4, h5, h6, .tabs dd > a, .tabs .tab-title > a, .top-bar-section ul li > a, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl, table tr th, table tr td, table thead tr th, table thead tr td {
    font-family: 'Open Sans', sans-serif !important;
    color: #505050;
}
button, .button, label, .label, .ui-widget, .ui-dialog .ui-dialog-title {
    font-family: 'Open Sans', sans-serif !important;
}

button, .button {
        border-width: 1px;
}

.buttonsmall {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

a, .breadcrumbs>* a, .side-nav li a:not(.button){color: #0D5CA5; transition: color 0.2s;}

.breadcrumbs > * {
     line-height: 1rem;   
}

a:hover, .side-nav li a:not(.button):hover {color: #1e77e2; text-decoration: none !important;}


.button.small {
   padding: 0.575rem 1.75rem 0.575rem 1.75rem;
}

    .button.small.link {
    background-color: transparent;
    color: #1b65aa;
    }

a:focus {
    outline: none;
}

/*p>a {font-weight: bold;}*/

p, ul, ol, ul, i, a, label {font-size: .83rem; line-height: 1.5;}

.icon {font-style: normal;}

span.error {padding: 0 .5rem !important; margin-bottom: 0rem !important;}

.green {
    color: #2E9E35;
    text-transform: uppercase;
}
.red {
    color: #F04124;
    text-transform: uppercase;
}

/*.off-canvas-wrap {
    overflow-y: auto;
}*/
.inner-wrap {
    min-height: 100%;
}
.row {
    max-width: 85.38rem;
}
.uppercase {
    text-transform: uppercase;
}
/* FORM ELEMENTS */
input[type="file"], input[type="checkbox"], input[type="radio"], select, 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, label {
    margin: 0 !important;
    font-size: .83rem;
    cursor: default;
}

label.inline {
    line-height: 1;
        padding: .83rem 0 .3rem 0;
}
/* HIERARCHY SEARCH FORM */
.search {
    margin: .3rem 0 0 0;
}

.search input {
    font-size: 0.675rem;
    height: 1.7125rem;
}
.search label {
    padding: 0.3625rem 0;
    font-size: .675em;
    cursor: default;
}

/* HELPER - CENTER */
.center-block {
    text-align: center;
    margin: 0 auto !important;
    display: block;
}

/* HELPER -BOLD */
.strong {
    font-weight: bold;
}

p, h1, h2, h3, h4, h5, h6 {
    /*margin-bottom: 1rem;*/
}

/*input {font-size: 12px;}*/

/* FANCY TREE */
span.fancytree-expander {
    vertical-align: text-top;
    margin-top: 1px;
    margin-right: 5px;
}

ul.fancytree-container:focus {
outline: none;
}

.fancytree-exp-cd span.fancytree-expander:hover, .fancytree-exp-cdl span.fancytree-expander:hover {
    background-position: -81px -80px !important;
}
.fancytree-exp-cl span.fancytree-expander:hover {
    background-position: -17px -96px !important;
}
.fancytree-exp-c span.fancytree-expander:hover {
    background-position: -17px -80px;
}
span.fancytree-node
{
    /*margin: 0px 0 0px 0 !important;
    min-height: 0px !important;
    line-height: 2.5rem;*/
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid transparent;
    padding: 10px 0;
}

span.fancytree-title:hover, span.fancytree-active .fancytree-title, span.fancytree-selected .fancytree-title {
    border-color: transparent !important;
    background: transparent !important;
    outline: none;
}

.span.fancytree-title {
    font-size: 0.775rem;
}

/* WIZARD STEPS */


.tabs.wizard {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 75%;
    margin: 0 auto;
    margin-bottom: 1.75rem !important;
    text-align: center;
}
.tabs.wizard .tab-title {
    flex: 1;
    position: relative;
}

.tabs.wizard > .tab-title {
     font-size: .83rem;
}

.tabs.wizard > .tab-title.active, .tabs.wizard > .tab-title.complete {
    color: #1e77e2 !important;
}

.tabs.wizard > .tab-title.disable {
    color: #aaaaaa !important;
}

.tabs.wizard > li::before, .tabs.wizard > li::after{
  content: '';
  position: absolute;
    top: 1.6em;
    width: 50%;
    height: .1em;
    z-index: -1;

}

.tabs.wizard > li::before{
    left: 0em;
}

.tabs.wizard > li::after{
    right: 0em;
}

.tabs.wizard > li.complete::after{
    background-color: #1e77e2;
}

.tabs.wizard > li.complete::before{
    background-color: #1e77e2;
}

.tabs.wizard > li.active::after{
    background-color: #A0A0A0;
}

.tabs.wizard > li.active::before{
    background-color: #1e77e2;
}

.tabs.wizard > li.disable::after{
    background-color: #A0A0A0;
}

.tabs.wizard > li.disable::before{
    background-color: #A0A0A0;
}

.tabs.wizard > li:first-child::before{
  display: none;
}

.tabs.wizard > li:last-child::after{
  display: none;
}

.tabs.wizard > li > a {
    color: #ffffff !important;
    background-color: #A0A0A0;
    border: 2px solid transparent;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.3rem;
    font-weight: bold;
    margin: 0 auto;
    padding: 0rem;
    text-align: center;
    margin-bottom: .5rem;
    cursor: default;
}
.tabs.wizard > li.active > a {
    color: #ffffff !important;
    background-color: #1e77e2;
    border: 2px solid #1e77e2;
}

 .tabs.wizard > li.complete > a {
    color: #1e77e2 !important;
    background-color: #ffffff;
    border: 2px solid #1e77e2;
    cursor: default;
}

.tabs.wizard > li.disable > a {
    color: #ffffff !important;
    background-color: #A0A0A0;
    border: 2px solid #A0A0A0;
}

.tabs.wizard > li.disable >a:hover {
    background-color: #A0A0A0;
}

/* SURVEY TABLE */
.survey-table {
margin-bottom: 0;
margin-top: 20px;
}

/* TABLE PANEL */
.table-panel {
    background-color: transparent;
}
.table-panel tr:first-child td {
    border-top: 1px solid #dddddd;
}
.table-panel tr:hover {
    background-color: transparent;
}

/* TREEVIEW TABLE PLUGIN */
.treegrid-expander {
    width: 16px;
    height: 16px;
    margin-right: .3rem;
    /*margin-left: -20px;*/
}
.treegrid-expander {
    /* background-image: url(/js/fancytree/skin-awesome/icons.gif); */
    width: 0px;
}
.treegrid-expander-expanded {
    width: 16px;
    background-image: url(/js/fancytree/skin-awesome/icons.gif);
    background-position: -32px -98px;
}
.treegrid-expander-collapsed {
    width: 16px;
    background-image: url(/js/fancytree/skin-awesome/icons.gif);
    background-position: -63px -98px;
}


/* HELPER - VERTICALLY ALIGN */
.valign-middle {
    display: table;
}

.valign-middle .columns {
    display: table-cell;
    vertical-align: middle;
}

.valign-middle .columns, .valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}

.action {
    background-color: #2E9E35;
    text-transform: uppercase;
    font-size: .9rem;
  
    /*margin-bottom: 1rem;
    margin-top: 1rem;*/
}
.action.outline {
        background-color: transparent;
    color: #2E9E35;
    border: 1px solid #2E9E35;
    padding: .26rem .7rem;
    text-transform: capitalize;
    margin: 0 1rem;
}
.action.outline:hover, .action.outline:focus {
    color: #175497;
    border: 1px solid #175497;
        background-color: transparent;
    
}
.button.cancel {background-color: transparent;}
.button.cancel:hover {color: inherit;}

.reveal-modal .button.cancel {
position: relative;
    font-size: 0.8125rem;
        color: #0D5CA5;
        font-weight: normal;
            top: inherit;
    right: inherit;

}
.reveal-modal .panel {
padding: 15px 0;
margin: 0;
background-color: transparent;
}
.reveal-modal .help {
font-style: italic;
}
.action:hover, .action:focus {
    background-color: #288C2E;
}

/* DISABLED BUTTON */
button.disabled, button[disabled], .button.disabled, .button[disabled], button.disabled:hover, button[disabled]:hover, .button.disabled:hover, .button[disabled]:hover {
    background-color: #AFAFAF;
}

.action:focus {
    outline: 0;
}

/* INFO /ACTION PANEL */
.info {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    margin-top: 0px;
    margin-bottom: 30px;
    max-width: 100%;
}
.info > div {
    padding: 50px 0 30px 0;
}
.info h4 {
    margin-bottom: 0;
}

/* RIGHT LOGO */
.smd-link {
    position: absolute;
    right: 10px;
    margin-top: -5px;
}

.header {
        margin: 0;
        padding-bottom: 1.3rem;
        padding-top: 1rem;
}

.header h1 {
    display: inline;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2.05rem;
    padding-right: 15px;
}

.header h2 {
    display: inline;
    font-size: 2.0rem;
    padding-left: 10px;
}

.header .seperator {
    padding: 10px 0px 0px 0;
    border-right: 3px solid #505050;
}

.margin-bottom-15 {
margin-bottom: 15px !important;
}

/* PRINT */
.print{
    float: right;
    font-size: 1.4rem;
    padding-bottom: 7px;
}
.print .has-tip {color: #808080; border-bottom: none; cursor: pointer;  padding-top: 5px;}
    .print i {
    padding: 0 12px;
    }
.print .has-tip:hover {color:#0F78D8 !important}

#divPrint {float: right;}

/* INFO ALERT BOX */

.alert-box.info {
    background-color: #E4F3FF;
    border: none;
}
.alert-box.info i:first-child {
    padding: 0;
    line-height: 1.5rem;
    font-size: .75rem;
    color: #0D5CA5;
    border: 2px solid #0D5CA5;
    display: inline-block;
    border-radius: 32px;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    margin-right: 1rem;
    
}

/* DROPDOWN CARET */
.dropdown.button.small::after, button.dropdown.small::after {
    border-width: 0.3rem;
    right: 1.5125rem;
    opacity: .75;
}

.button.small {
    padding: 0.575rem 1.55rem 0.575rem 1.55rem !important;
}

/* PANEL */
.panel {
    border: none;
}
.panel.transparent {
    background-color: transparent;
}
    .panel.white {
    background-color: white;
    }
.panel.space {
    padding-left: 25px;
     padding-right: 25px;
}
.panel.space:first-child {
    padding-left: 0px;
}
.panel.space:last-child {
    padding-right: 0px;
}
.panel .icon {
    font-size: 1rem;
    padding: 0 7px 0 0;
}

    .panel h4 {
     text-transform: uppercase;
    font-weight: bold;
    }

.panel h5  {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
}
.panel h6 {
    font-size: .9rem;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.panel p, .panel li, .panel ul, .panel a {
    font-size: .83rem;
        list-style: none;
        margin-left: 0;
}
    .panel .side-nav {
    padding: 0;
    }
.panel .side-nav li {
    margin: 0 0 0 0;
    
    padding-bottom: 0.2rem 0 0 0;
}
    .panel .side-nav li:last-child {
    border-bottom: none;
    }
    .side-nav li a:not(.button) {
        padding: 0.4375rem 0;
    }

.side-nav .icon {
    font-size: 1rem;
    padding: 0px 5px 0 0;
}
.side-nav a:hover {
    background-color: transparent;
}

    .panel.outline {
    
    padding: 0;
    }
/* HeatMap */
    .heatmap-content .panel li:hover {
    background-color: #e4e4e4;
    }
    .heatmap-content .panel li {
           padding: 2px 5px;
           position: relative;
           padding-right: 40px;
    }
      .heatmap-content .panel li span {
           position: absolute;
           top: 3px;
           right: 5px;
    }
/* TABLE */
table {border: none; border-spacing: 0px; width: 100%;}
table tr td, table tbody tr td {padding: .85rem .5rem;    font-size: 0.83rem; line-height: .9rem;}
    table thead tr th {
    padding: 0 0 .3rem 0;
    }
table td:first-child {
    min-width: 40%;
}
table tr th {padding: 0.2625rem; font-size: 0.83rem;}
table thead th, table tbody td, table th {border-bottom: 1px solid #dddddd; }
table thead {background-color: transparent;}
table tr {background-color: transparent; }
table tr.even, table tr.alt, table tr:nth-of-type(even) {background-color: transparent;}
table tr td .label {
    font-size: 0.675rem;
}
    table a {
    font-size: .83rem;
    }
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    line-height:1rem;
}
table tbody tr:hover {
        /*background-color: rgba(241, 247, 255, 0.28);*/
}
table tbody tr td, table tr td {
    padding: .75rem 0;
}
    table thead tr th {
        font-size: 0.83rem;
    }
.table.zebra tr:nth-of-type(even){
   background-color: rgba(232, 232, 232, 0.22) !important;
}
/* SURVEY DETAILS TABLE*/
.survey-details-table tr td:nth-child(2), .survey-details-table tr th:nth-child(2),
.survey-details-table tr td:nth-child(4), .survey-details-table tr th:nth-child(4),
.survey-details-table tr td:nth-child(6), .survey-details-table tr th:nth-child(6),
.survey-details-table tr td:nth-child(8), .survey-details-table tr th:nth-child(8){
   border-right: 1px solid #cdcdcd;
}
.survey-details-table tr td:nth-child(2), .survey-details-table tr th:nth-child(2) {
 border-left: 1px solid #cdcdcd;
}
.survey-details-table.v-two tr td:nth-child(2), .survey-details-table.v-two tr th:nth-child(2){
    border-left: none;
    border-right:  1px solid #cdcdcd;
    text-align: left !important;
}
.survey-details-table.v-two tr td:nth-child(3), .survey-details-table.v-two tr th:nth-child(3){
    border-right:  1px solid #cdcdcd;
}
.survey-details-table.v-two tr td:nth-child(1), .survey-details-table.v-two tr th:nth-child(1){
    border-right:  1px solid #cdcdcd;
}
/* SURVEY DETAILS PROFILE TABLE */
.profile-table th, .profile-table td{
text-align: center;
line-height: 1.5rem;
}
.profile-table th:first-child, .profile-table td:first-child {
text-align: left;
padding-left: 10px;
}
.profile-table {
    margin-bottom: 2rem;
    margin-top: 1rem;
}

/* FIXED HEADER*/ 
.fixed-header {
  width: 850px;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #dedede;
}

.fixed-header th {
    line-height: .9rem;
    text-align: center;
}

.fixed-header td:nth-child(1),
.fixed-header th:nth-child(1) {
  width: 385px !important;
  text-align: left;
}
.fixed-header td:nth-child(2),
.fixed-header th:nth-child(2) {
  width: 73px !important;
}
.fixed-header td:nth-child(3),
.fixed-header th:nth-child(3) {
  width: 75px !important;
}
.fixed-header td:nth-child(4),
.fixed-header th:nth-child(4) {
  width: 75px !important;
}
.fixed-header td:nth-child(5),
.fixed-header th:nth-child(5) {
  width: 75px !important;
}
.fixed-header td:nth-child(6),
.fixed-header th:nth-child(6) {
  width: 75px !important;
}
.fixed-header td:nth-child(7),
.fixed-header th:nth-child(7) {
  width: 75px !important;
}
.fixed-header td:nth-child(8),
.fixed-header th:nth-child(8) {
  width: 75px !important;
}
.fixed-header td:nth-child(9),
.fixed-header th:nth-child(9) {
  width: 75px !important;
}
.fixed-header thead tr {
  display: block;
  position: relative;
  vertical-align: bottom !important;
}
 .survey-details-table tr th:first-child,  .survey-details-table tr td:first-child {
    text-align:left;
    }
 .survey-details-table tr th,  .survey-details-table tr td {
    text-align: center;
    }
.fixed-header tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 400px;
}

#tblEval tbody {
    height: auto;
}

#tblEval tbody .page-footer {
    text-align: center;
    width: 994px !important;
}

.fixed-header tbody tr:first-child td {
    border-top: none !important;
}

.fixed-header {
  width: 850px;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #dedede;
}

.fixed-header th {
    line-height: .9rem;
    text-align: center;
}


.old_ie-wrapper {
  height: 400px;
  width: 850px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie-wrapper tbody {
  height: auto;
}

/* FIXED HEADER LONG*/ 
.fixed-header-long {
  width: 850px;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #dedede;
}

.fixed-header-long th {
    line-height: .9rem;
    text-align: center;
}

.fixed-header-long td:nth-child(1),
.fixed-header-long th:nth-child(1) {
  width: 385px !important;
  text-align: left;
}
.fixed-header-long td:nth-child(2),
.fixed-header-long th:nth-child(2) {
  width: 73px !important;
}
.fixed-header-long td:nth-child(3),
.fixed-header-long th:nth-child(3) {
  width: 75px !important;
}
.fixed-header td:nth-child(4),
.fixed-header th:nth-child(4) {
  width: 75px !important;
}
.fixed-header-long td:nth-child(5),
.fixed-header-long th:nth-child(5) {
  width: 75px !important;
}
.fixed-header-long td:nth-child(6),
.fixed-header-long th:nth-child(6) {
  width: 75px !important;
}
.fixed-header-long td:nth-child(7),
.fixed-header-long th:nth-child(7) {
  width: 75px !important;
}
.fixed-header-long td:nth-child(8),
.fixed-header-long th:nth-child(8) {
  width: 75px !important;
}
.fixed-header-long td:nth-child(9),
.fixed-header-long th:nth-child(9) {
  width: 45px !important;
}
.fixed-header-long thead tr {
  display: block;
  position: relative;
  vertical-align: bottom !important;
}
 .survey-details-table-long tr th:first-child,  .survey-details-table-long tr td:first-child {
    text-align:left;
    }
 .survey-details-table-long tr th,  .survey-details-table-long tr td {
    text-align: center;
    }
.fixed-header-long tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 800px;
}
.fixed-header-long tbody tr:first-child td {
    border-top: none !important;
}

.fixed-header-long {
  width: 850px;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #dedede;
}

.fixed-header-long th {
    line-height: .9rem;
    text-align: center;
}

.old_ie-wrapper-long {
  height: 800px;
  width: 850px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie-wrapper-long tbody {
  height: auto;
}

/* ACTION PLAN DIALOG */
/*.ui-dialog .ui-dialog-title {display: none;}*/
.ui-dialog .ui-dialog-titlebar {
    background-color: transparent;
    border: none;
    background-image: none;
    color: #505050;
}
.ui-dialog .ui-dialog-titlebar-close {
    background-image: none;
    background-color: transparent;
    outline: none;
}
/* COMMENTS TABLE */


.comments-table .delete {
      
 
}
.comments-table .edit-details {
    font-size: 1.34rem !important;
}
.comments-table .add-rotate {
     -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
       margin-top: 2px;
}
.action-table.comments-table td:last-child, .action-table.comments-table th:last-child {text-align: center;}
.action-table.comments-table input[type="text"] {
    margin: 0 auto !important;
}

.action-table.new th  {
    text-align: left !important;
}

.action-table.open td:last-child, .action-table.open th:last-child {
    text-align: left !important;
}

.comments-table.tree [class*="treegrid"] td:first-child {
padding-left: 25px !important;
} 

.action-table.comments-table.new td:first-child {
    width: 315px;
}
.action-table.comments-table.new td:nth-child(2) {
    width: 150px;
}
.action-table.comments-table.new td:nth-child(3) {
    width: 150px;
}
.action-table.comments-table.new td:nth-child(4) {
    width: 150px;
}
.action-table.comments-table.new td > div > table td:first-child {
    width: 15px;
}
.action-table.comments-table.new td > div > table td:nth-child(2) {
    width: 300px;
}
.action-table.comments-table.new td > div > table td:nth-child(3) {
    width: 150px;
}
.action-table.comments-table.new td > div > table td:nth-child(4) {
    width: 150px;
}
.action-table.comments-table.new td > div > table td:nth-child(5) {
    width: 150px;
}

.action-table.comments-table.edit td:first-child  {
    width: 0px;
}
.action-table.comments-table.edit td:nth-child(2)  {
    width: 280px;
}
.action-table.comments-table.edit td:nth-child(3)  {
    width: 100px;
}
.action-table.comments-table.edit td:nth-child(4)  {
    width: 100px;
}
.action-table.comments-table.edit td:nth-child(5)  {
    text-align: left;
    width: 150px;
}
.action-table.comments-table.edit input, .action-table.comments-table.edit select {
    margin: 0 !important;
}
.action-table.comments-table.edit td > div > table td:first-child {
    width: 30px;
}
.action-table.comments-table.edit td > div > table td:nth-child(2) {
    width: 265px;
}
.action-table.comments-table.edit td > div > table td:nth-child(3) {
    width: 100px;
}
.action-table.comments-table.edit td > div > table td:nth-child(4) {
    width: 100px;
}
.action-table.comments-table.edit td > div > table td:nth-child(5) {
    width: 150px;
}

.comments-table > tbody tr td {
    border-bottom: none;
        border-top: 1px solid #dedede;
        padding-left: .3rem;
        padding-right: .3rem;
}
.comments-table > tbody tr:last-child td {
    border-bottom: 1px solid #dedede !important;
}
.comments-table h3{
    text-transform: uppercase;
    font-size: 1.3rem;
    margin: 0;
}
.comments-table table {
    background-color: #f2f2f2;
    margin: -13px 0px -13px 0px;
}
.comments-table thead tr th {
    border-top: 1px solid #cccccc;
    padding: 0.4rem;
    vertical-align: bottom;
    line-height: .9rem;
    text-align: center;
}
.comments-table thead tr th:first-child {
    text-align:left;
}
.comments-table i {/*padding-right: .6rem;*/}
.comments-table .treegrid-expanded + tr:last-child[class*="treegrid-parent-"] td{

}
.comments-table > tr:first-child td{
    border-top: 1px solid #cccccc;
    font-weight: bold;
}
.comments-table > tr:last-child td{
   border-bottom: 1px solid #cccccc;
}
.tree tbody tr[class*="treegrid-"] td {
    font-weight: bold;
    border-top: 1px solid #DEDEDE;
    /*padding-left: 30px;*/
    background-color: #ffffff;
}
.tree tbody tr[class*="treegrid-parent-"] td{
  border-bottom: none;
  border-top: none;
  background-color: #f2f2f2;
  font-weight: normal;
  padding: .65rem .5rem;
border-top: 1px solid #DEDEDE;
/*padding-left: 50px;*/
}

/*.tree tbody tr[class*="treegrid-"] td:first-child{
  padding-left: 25px;
}
.tree tbody tr[class*="treegrid-"][class*="treegrid-parent"] td:first-child{
  padding-left: 50px;
}*/
.tree [class*="treegrid"] td:first-child {
  padding-left: 26px;
}
.tree [class*="treegrid"] .treegrid-expander {
    margin-left: -20px;
}
.tree [class*="treegrid-parent"] .treegrid-expander {
    margin-left: -36px;
}
.tree [class*="treegrid-parent"] td:first-child {
        padding-left: 45px;
}
.tree .five td:first-child {
    padding-left: 65px;
}
.tree [class*="treegrid-"] td:first-child .treegrid-indent {
  width: 15px;
}
.comments-table .treegrid-indent, .comments-table tr[class*="treegrid-parent-"] td .treegrid-expander {width: 0px;}
.comments-table tbody > tr:last-child[class*="treegrid-parent-"] td{

}

.comments-table th{
  border-bottom: none;
}


/* ACTION TABLE */
    .comments-table.action-table i {
    font-size: 1.55rem;
    }

    .action-table tbody tr[class*="treegrid-parent-"] td, .action-table tr td:nth-child(2) {
    border-right: none !important;
}
    /* 360 Table */
.three-sixty-table tr:first-child td:first-child {
     padding-left: 0px;
}
.three-sixty-table tr td:first-child {
    padding-left: 30px;
}

/* 360 EVAL TABLE RADIO */

#tblEval_wrapper small-6:last-child{
    display: none;
}
#tblEval_wrapper small-6:first-child{
    float: right;
}
#tblEval_wrapper .dataTables_length {
    float: right;
}
#tblEval_wrapper .dataTables_length label{
    display: inline;
    font-size: .83rem;
}
#tblEval_wrapper .dataTables_length label select{
    width: 70px;
    margin-left: 3px;
    font-size: .83rem;
}
ul.pagination{
    float: right;
}

ul.pagination li a{
   font-size: .83rem;
   color: #1E77E2;
}

.dataTables_info {
font-size: .83rem;
font-style: italic;
font-weight: bold;
}

ul.pagination li.current a, ul.pagination li.current button {
    background: #1E77E2;
    color: white;
    border: none;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
    background: #1E77E2;
    color: white;
    border: none;
}

.eval-table {
    table-layout: fixed;
    word-break: break-word;
}
.eval-table.fixed-header {
    width: 994px;
}
.eval-table.fixed-header.open-questions td:first-child,
.eval-table.fixed-header.open-questions th:first-child,
.eval-table.fixed-header.open-questions td:last-child,
.eval-table.fixed-header.open-questions th:last-child 
{   
    width: 500px !important;
    text-align: left;
}
.eval-table.fixed-header td:nth-child(1), .eval-table.fixed-header th:nth-child(1) {
    width: 454px !important;
    padding-left: 5px;
}
.eval-table.fixed-header td:nth-child(6), .eval-table.fixed-header th:nth-child(6) {
    width: 88px !important;
}
.eval-table thead th{
    vertical-align: bottom;
    text-align: center !important;

}
.eval-table thead tr td {
    text-align: center;
    font-size: .7rem;
        border-bottom: 1px solid #dddddd;
}
.eval-table textarea {
    margin: 0;
}
.eval-table thead th:first-child{
    text-align: left;
}

.eval-table input[type="radio"]+label {
    margin: 0 auto;
}

.eval-table input[type="radio"] {
  display: none;
}

.eval-table input[type="radio"] + label {
  color: #292321;
  font-family: Arial, sans-serif;
  /*font-size: 14px;*/
}

.eval-table input[type="radio"] + label span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: -3px 0px 0 0;
    text-align: center !important;
    vertical-align: middle;
    line-height: 1.5rem;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 0.7rem !important;
}
.eval-table .radio {
    text-align: center;
}
.eval-table input[type="radio"] + label span {
  background-color: #FFFFFF;
  border: 1px solid #C5C5C5;;
}

.eval-table input[type="radio"]:checked + label span {
  background-color: #1E77E2;
  color: white;
  border-color: #1E77E2;
}

.eval-table input[type="radio"] + label span,
.eval-table input[type="radio"]:checked + label span {
  -webkit-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

/* TINY DROPDOWN SURVEY DETAILS PAGE */
button.tiny, .button.tiny {
    padding: 0.15rem 0rem 0.075rem .5rem;
   font-size: 0.675rem;
    background-color: #EFEFEF;
    border: none;
    color: #505050;
    margin: 0 5px;
    text-transform: uppercase;
}
button.tiny:focus {
    outline: none;
}
.dropdown.button.tiny::after, button.dropdown.tiny::after {
    border-color: #505050 transparent transparent transparent;
}
.dropdown.button.tiny:after, button.dropdown.tiny:after {
        border-width: 0.275rem;
    right: .55rem;
}
.dropdown.button.tiny, button.dropdown.tiny {
    padding-right: 1.525rem;
}

/* ICON SIZEspan.fancytree-node */
[class*=" icon-"],[class^="icon-"] {
    padding: 0 .19rem 0 0;
        vertical-align: middle;
}
.label-group {
   /* padding: .1rem .5rem .27rem;
    
    margin: .32rem 0 0 1rem;
    line-height: 0;*/
    /*color: white;
         margin-top: -5px;
    */
    border: 1px solid #E0E0E0;
   
}

    .label-group.top {
    border: none;
    margin: 0;
    padding: 0;
    vertical-align:middle;
    }

    .label-group.top input{
        vertical-align:middle;
        cursor: pointer;
    }

.label-group {
    /*margin-top: 0px;*/
    margin: 0 7px;
    padding: 4px 7px;
}
table .label {
    /*line-height: 0;
    padding: 0;
    margin: 0;*/
}
.fancytree-title > div:first-child {
    /*margin-right: 0;
    margin-left: 0;*/
    }

span.fancytree-title {
cursor: default !important;
font-size: 0.775rem;
}

span.fancytree-icon, span.fancytree-checkbox, span.fancytree-expander, span.fancytree-radio, span.fancytree-custom-icon {
    /*margin-top: 12px !important;*/
}

/* BREAD CRUMBS */
.breadcrumbs {background-color: transparent; border: none; text-transform: capitalize; margin-bottom: 0;}
.breadcrumbs .current{text-transform: capitalize;}
.breadcrumbs a {text-transform: capitalize; font-size: 12px;}
.breadcrumbs>*:hover a, .breadcrumbs>*:focus a {text-decoration: none;}

/* LABELS */
/*.label.HeatMap {
    background-color: transparent;
    display: inline-flex;
    margin-top: -2px;
    border: 1px solid #33C03B;
    color: #2FB336;
    text-transform: uppercase;
    line-height: .395rem;*/
}
/*.icon-heatmap {
    display: inherit;
    
}*/
.icon-heatmap {display: none;}
     .icon-heatmap:before {
    content: "" !important;
    background: transparent url(../images/smd-icons.gif) 0px 0px no-repeat;
    width: 13px;
    height: 13px;
    }
    .icon-list-2:before {
    content: "" !important;
    background: transparent url(../images/smd-icons.gif) -25px 0px no-repeat;
    width: 13px;
    height: 13px;
    }
    .icon-forbid-1:before {
    content: "" !important;
    background: transparent url(../images/smd-icons.gif) -49px 0px no-repeat;
    width: 13px;
    height: 13px;
    }
    .icon-comments-1:before {
    content: "" !important;
    background: transparent url(../images/smd-icons.gif) -74px 0px no-repeat;
    width: 13px;
    height: 13px;
    }
.label.details, .label-comments {
    text-transform: uppercase;
    background-color: transparent;
    color: #105EA6;
    padding:0;
}

.label.details i:before {float: left;     line-height: .7;}
.label.details:hover {color: #1e77e2;}
.label.rollup {
    text-transform: uppercase;
    background-color: transparent;
    color: #777777;
}
    .label.rollup i {
    font-size: .55rem;
    }
.negative, .positive {
    position: relative;
}

.negative {
    color: #f04124;
}
.negative:after {
    content: "\53";
    position: absolute;
     font-family: smd;
    top: 3px;
    font-size: 9px;
}
.positive {
    color: #2E9E35;

}
.positive:after {
    content: "\54";
     font-family: smd;
    position: absolute;
    top: 3px;
    font-size: 9px;
}
.success.label {
    background-color: #2E9E35;
    /*padding: .5rem;*/
}
.alert.label {
    /*padding: .5rem;*/
}

.transparent.label {
background-color: transparent !important;
color: #505050 !important;
}
/* ACITON ITEMS MODAL */
.ui-dialog-titlebar {display: none;}
#dialog-confirm {margin-top: 20px;}



/* TOOLTIP */
.not-enough-data {font-size: 0.6875rem; font-weight: normal; font-style: italic; border: none;}
.not-enough-data:hover {color: inherit;}
.not-enough-data i {color: #FFC000; font-size: 0.9rem; vertical-align: middle;}
/*
.details.has-tip {border-bottom: none; cursor: pointer; color: #105EA6; font-size: .7rem;}
.tooltip {
    background-color: white;
    color: #030303;
   font-size: 0.6875rem;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
       border: 1px solid #ccc;
          margin-top: -15px;
    margin-left: -15px; 
}
table .tooltip {
    margin: -.75rem 0 0 -1rem !important;
}
.tooltip > .nub{
  display: none;
}
.tooltip:before {
    position: absolute;
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-top-color: rgba(0, 0, 0, 0.15);

    bottom: -10px;
    left: 29.2%;
    content: '';
}
.tooltip:after {
    position: absolute;
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    bottom: -7px;
    left: 30%;
    content: '';
}
*/

/* Add this attribute to the element that needs a tooltip */
[data-tip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tip]:before,
[data-tip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tip]:before {
  position: absolute;
  bottom: 110%;
  left: 49.5%;
  margin-bottom: 5px;
  margin-left: -40px;
  padding: 6px;
  width: 83px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.8);
  color: #fff;
  content: attr(data-tip);
  text-align: center;
  font-size: 11px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tip]:after {
  position: absolute;
  bottom: 110%;
  left: 46%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.8);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tip]:hover:before,
[data-tip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* TAB BAR */

.tab-bar i {font-size: 24px; padding: 1.1rem; color: #696969;}
.tab-bar-section {
    height: 3.5rem;
    padding: 0 1rem;
}
.tab-bar-section.middle {
    left: 3.5rem;
    right: 3.5rem;
}
.tab-bar .menu-icon span:after {
    box-shadow: 0 0 0 1px #030303, 0 7px 0 1px #030303, 0 14px 0 1px #030303;
    left: 1.2rem;
}
.tab-bar {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
}
.tab-bar .left-off-canvas-toggle.menu-icon,
.tab-bar .left-small  {
    width: 3.5rem;
    text-indent: 3.5rem;
}
.tab-bar .left-small {

    border-right: solid 1px #cccccc;
}
.tab-bar .right-small { height: 3.5rem;   width: 3.5rem; border-left: solid 1px #cccccc;}
.tab-bar img {
    max-height: 3.1rem;
    width: auto;
    padding: .2rem 0;
}
.top-bar,
.tab-bar,
.tab-bar .left-small,
.tab-bar .left-off-canvas-toggle.menu-icon {
    height: 3.5rem;
    line-height: 3.5rem;
}

/* TOP BAR */
.top-bar-section > ul > li:not(.has-form) > a:not(.button),
.top-bar-section li.active:not(.has-form) > a:not(.button) {
    line-height: 3.5rem;
    height: 3.5rem;
}

/* SELECT IN TOP BAR*/
.top-bar select {
    font-size: 0.83rem;
    height: 2rem;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){
    color: inherit !important;
}

.top-bar-section > ul > li.active:not(.has-form) > a:not(.button) {
  /*border-bottom: 3px solid #33C03B;*/        
}
.top-bar-section > ul:first-child > li:not(.has-form) > a:not(.button){
          position: relative;
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
      }
 .top-bar-section > ul:first-child > li.active:not(.has-form) > a:not(.button), .top-bar-section > ul > li.active > a:not(.button):hover{color:  #33C03B !important;}
 .top-bar-section > ul > li a:not(.button):hover {
      color: #33C03B !important;
}
 .top-bar-section > ul:first-child > li.active:not(.has-form) > a:not(.button) {}
 .top-bar-section > ul:first-child > li:not(.has-form) > a:not(.button){
        /*min-width: 9.5rem;*/
      }
 .top-bar-section > ul > li.active:not(.has-form) > a:not(.button) {
     border-bottom: 4px solid #33C03B;

 }
 .top-bar-section > ul:first-child > li:not(.has-form) > a:not(.button):after { /*  position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #33C03B;
        content: '';
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform: translate3d(0,150%,0);
        transform: translate3d(0,150%,0);*/}
        .top-bar-section > ul:first-child > li.active:not(.has-form) > a:not(.button):after {
          /*-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);*/
        }
 .mega-menu .top-bar-section > ul > li {margin: 0;}
.top-bar .name,
.top-bar .toggle-topbar a {
    height: 3.5rem
}
/*.top-bar a,
.top-bar.expanded,
.top-bar.expanded .title-area,
.top-bar-section > ul > li:hover:not(.has-form) > a {
    background-color: transparent;
    color: #1a6fc8;
}*/
.top-bar .toggle-topbar.menu-icon a,
.top-bar-section > ul > li > a {
    color: #0D5CA5;
}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    background-color: white;
    color: #0D5CA5;
    
}
.top-bar-section .dropdown {
    border: 1px solid #ccc;
}
.top-bar-section .has-dropdown.active > a{
    cursor: pointer !important;
    
}
.top-bar-section .has-dropdown > a:after {
  border-style: none;
}

.top-bar-section .has-dropdown>a {
    padding-right: 0.5375rem !important;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: white;
}
.top-bar-section .left li .dropdown {
    right: auto !important;
    left: auto !important;
}
.mega-menu .top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px #0D5CA5, 0 7px 0 1px #0D5CA5, 0 14px 0 1px #0D5CA5;
}
.mega-menu .top-bar-section > ul > li.active > a {
    /*background-color: transparent;*/
    font-weight: bold;
    color: #0D5CA5;   
}
.mega-menu {
    border-bottom: 1px solid #cccccc;
}
.mega-menu .content:before,
.mega-menu .content:after {
    border-style: none;
}
.mega-menu .open {
    border-color: #CCC;
    background: #ffffff;
    left: 0 !important;
}
.mega-menu .content ul li {
    float: none;
}
.mega-menu .content label,
.mega-menu .content label:hover {
    height: 3em;
    line-height: 3em;
    font-weight: bold;
    color: #222;
    background: #FFF;
    border-bottom: 1px solid #CCC;
}

.mega-menu .top-bar .content a {
    padding: 0;
    color: #222;
    background: none;
}

.mega-menu .content a:hover {
    background: none;
    text-decoration: underline;
}
.mega-menu .spacer {
    width: 200px;
}

.sub-menu li a{
    background-color: #075593;
}
.sub-menu li a:hover {
    background-color: #0867B3;
}
/* UNDERLINE TABS */
.underline-tabs .tab-title a {
    padding: .3rem .2rem;
    background-color: #ffffff;
    color: #989898;
}
.underline-tabs .tab-title a:hover {
    background-color: transparent;
    color: #B3B3B3;
}
.underline-tabs .tab-title {
    padding: 0 1rem;
    margin-bottom: .5rem !important;
}
.underline-tabs .tab-title:first-child {
    padding-left: 0rem;
}
.underline-tabs .tab-title:last-child {
    padding-right: 0rem;
}
.underline-tabs .tab-title.active a {
    border-bottom: 3px solid #1e77e2;
    color: #1e77e2;
}
.underline-tabs a {
    text-transform: uppercase;
}

/* HeatMap TABS */
.expand-all {
    font-size: .83em;
}
.heatmap-content table .label {
    width: 70px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.7 !important;
}
 .label.promote, .label.Promote {
    background-color: #69BD4E;
}
 .label.maintain, .label.Maintain {
    background-color: #2984C0;
}
 .label.monitor, .label.Monitor {
    background-color: #F7BB36;
}
.label.focus, .label.Focus {
    background-color: #F04124;
}
.heatmap-content table {
    margin-bottom: 0;
    text-align: center;
}
.heatmap-content table td, .heatmap-content table th {
    text-align: center;
}
.heatmap-content table tr:last-child td{
    border-bottom: none;
}
.heatmap-content table thead tr th{
    font-size: 0.775rem;
}
.heatmap-content table tbody tr td, .heatmap-content table tr td {
    line-height: 1rem;
    padding: 1rem 0;
    font-size: 1rem;
}
.heatmap-content table thead tr th:first-child, .heatmap-content table tbody tr td:first-child{
    padding-left: 1.4rem;
    text-align: left;
}
.heatmap-content h3 i {
    font-size: 1.4em;
    padding-right: .65rem;
    vertical-align: middle;
}
.heatmap-content h3 {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: bold;
}
.heatmap-tabs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: -1px !important;
}
.heatmap-tabs .tab-title {
    text-align: center;
    flex: 1;
    opacity: .7;
   transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -webkit-transition: all 0.4s ease;
}
.heatmap-tabs .tab-title>a {
    padding: 1rem 0;
}
    .heatmap-tabs .tab-title:hover {
    opacity: 1;
    }
.heatmap-tabs:after, .heatmap-tabs:before {
   content: none;
}
.heatmap-content ul{
    margin-left: 0;
}
.heatmap-content .accordion .accordion-navigation {
    border-bottom: 1px solid #DDDDDD;
}
.heatmap-content .accordion .accordion-navigation span:last-child{
    float: right;
}
.heatmap-content .accordion .accordion-navigation:last-child {
    border-bottom: none;
}
.heatmap-content .accordion .accordion-navigation>.content {
    padding-top: 0;
}
.heatmap-content .content {
    padding: 0;
}
.heatmap-content .accordion .accordion-navigation.active>a, .heatmap-content .accordion .accordion-navigation>a:hover {
    background-color: transparent;
}
.heatmap-content > .content > .panel, .heatmap-content .accordion > li > a {
    background-color: transparent;
}
.heatmap-content .accordion > li > a:hover {
    color: #777777;
}
.heatmap-content > .content > .panel {
    padding-bottom: 0;
}
.heatmap-content hr {
    margin: 0;
}
.heatmap-content .accordion > li .panel {
    margin-bottom: 0;
}
.heatmap-content > .content {
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
}
.heatmap-tabs .tab-title {
      border-right: 1px solid transparent;
      border-left: 1px solid transparent;
      box-sizing: border-box;
       box-shadow: inset 0 4px 0 #ffffff;
     
}
.heatmap-tabs .tab-title.active {
    background-color: white;
    opacity: 1;
}
.heatmap-tabs .tab-title.active {
    border-right: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    box-sizing: border-box;
}
.heatmap-tabs .tab-title.active a, .heatmap-tabs .tab-title>a, .heatmap-tabs .tab-title>a:hover{
    background-color: transparent;
}
/* red tabs */
.heatmap-tabs .tab-title.active:first-child , .heatmap-tabs .tab-title:first-child:hover{
        box-shadow: inset 0 4px 0 #F04124;
}
/* yellow tabs */
.heatmap-tabs .tab-title.active:nth-child(2) , .heatmap-tabs .tab-title:nth-child(2):hover{
        box-shadow: inset 0 4px 0 #F7BB36;
}
/* green tabs */
.heatmap-tabs .tab-title.active:nth-child(3) , .heatmap-tabs .tab-title:nth-child(3):hover{
        box-shadow: inset 0 4px 0 #2984C0;
}
/* blue tabs */
.heatmap-tabs .tab-title.active:nth-child(4) , .heatmap-tabs .tab-title:nth-child(4):hover{
        box-shadow: inset 0 4px 0 #69BD4E;
}
/* gray tabs */
.heatmap-tabs .tab-title.active:nth-child(5) , .heatmap-tabs .tab-title:nth-child(5):hover{
        box-shadow: inset 0 4px 0 #505050;
}
.heatmap-content .accordion > li > a > i {
    padding-right: 5px;
}

/* red icons */
.heatmap-content > div:first-child .accordion > li > a > i {
    color: #F04124;
}
/* orange icons */
.heatmap-content > div:nth-child(2) .accordion > li > a > i {
    color: #F7BB36;
}
/* green icons */
.heatmap-content > div:nth-child(3) .accordion > li > a > i {
    color: #2984C0;
}
/* blue icons */
.heatmap-content > div:nth-child(4) .accordion > li > a > i {
    color: #69BD4E;
}
/* gray icons */
.heatmap-content > div:nth-child(5) .accordion > li > a > i {
    color: #505050;
}


/* Begin Eval Feedback */
.Evaulation-Feedback h1 {
    padding-right: 5px;
}

.Evaulation-Feedback #feedback-for-panel p:first-child {
    margin-bottom: .6rem;
}
/* End Eval Feedback */

/* SUB HEADER */
.sub-header {
    background-color: #EFEFEF;
    margin-bottom: 5px;
    min-height: 32px;
}
.sub-header h5 {
    margin: 5px 0;
    font-weight: bold;
}

/* MEGA MENU */
.mega-menu .large {
    max-width: 100%;
}
.mega-menu .large.content {
    background: rgba(255, 255, 255, 0.9)
}
.mega-menu .top-bar-section > ul:first-child > li {
    background: transparent;
        text-align: left;
        margin: 0 1rem;
        min-width: 0;
}
.mega-menu .top-bar-section > ul > li {
    background-color: transparent;
}
.mega-menu .top-bar ul li .content a {
    background: transparent !important;
}
.mega-menu .content > .row {
    max-width: 62.5rem;
    margin: 0 auto;
}
.mega-menu .content li:not(.has-form)  a:not(.button) {
    line-height: 2rem;
    color: #1a6fc8;
    -webkit-transition-delay: 5ms;
    -moz-transition-delay: 5ms;
    -o-transition-delay: 5ms;
    transition-delay: 5ms;
}
.mega-menu .content header {
    font-weight: bold;
    text-align: left;
}
.mega-menu .top-bar .name img {
    max-height: 3.5rem !important;
    width: auto;
    padding: .35rem 1rem;
}
@media only screen and (min-width: 48.063em) {
    .top-bar {
        background: white;
    }
    .contain-to-grid {
        background: white;
    }
    .top-bar-section ul li {
     
    }
    .top-bar-section ul li:hover {
 color: #33C03B !important
      
    }
    .top-bar-section > ul > li > a {
        background: transparent !important;
        padding: 0 .5rem !important;
        font-size: 14px;
        color: #0D5CA5;
    }
    .top-bar-section > ul > li.active > a {
        background: transparent !important;
        color: #1a6fc8;
    }
    .top-bar-section > ul > li.active > a:hover {
        color: #0D5CA5 !important;
        background: transparent !important;
        cursor: default;
    }
    .top-bar-section > ul > li  a:not(.button):hover {
        /*background: transparent !important;
        color: #0F78D8 !important;*/
    }
        .top-bar-section > ul > li.active > a:not(.button):hover {
        color: #0D5CA5 !important;
    }
    .top-bar-section > ul > li:hover:not(.has-form) > a {
        color: #1a6fc8;
    }
    .top-bar-section > ul > li.active:not(.has-form) > a:not(.button) {
        color: #0D5CA5;
        font-weight: bold;
    }
}

.user-menu a{
    font-size: 12px !important;
    padding: 0 .4rem !important;
    color: #030303 !important;
}
.user-menu li {
    margin: 0 0.2rem !important;
    
}
.user-menu .divider {
    margin-top: 1.1rem !important;
    height: 1.2rem !important;
        border-right: 1px solid #AFAFAF !important;
    
}

.divider {
    border-left: 1px solid #AFAFAF;
    height: 10px;
    padding: .6rem 0;
    vertical-align: middle;
}

.top-bar-section > .user-menu > li a:not(.button):hover {
    color: #777777 !important;
}
.mega-menu .f-dropdown {
    -webkit-transform: translate3d(0px, 0px, 0px);
    opacity: 0;
    margin-top: 0;
    transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.mega-menu li .f-open-dropdown {
    /*-webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;*/
    opacity: 1;
}
.mega-menu .f-dropdown a {
    padding: 0;
    height: 2.5rem;
}
.mega-menu .f-dropdown  li:not(.has-form)  a:not(.button) {
      height: 2.5rem;
    padding: 0;
    margin: 0;
    text-align: left;
}

    .top-bar-section > ul > li > a {
        padding: 0 .7rem !important;
    }

@media only screen and (min-width: 50em) {
    .top-bar-section > ul > li > a {
        padding: 0 .4rem !important;
    }
}

@media only screen and (min-width: 64em) {
    /* tablets and desktop */
    
    .mega-menu {
        display: inherit !important;
    }
    .tab-bar {
        display: none !important;
    }
}
@media only screen and (max-width: 63.99em) {
    /* phones */
    
    .tab-bar {
        display: inherit !important;
    }
    .mega-menu {
        display: none !important;
    }
}

icon-heatmap {

    margin: -.2rem 0 0 0 !important;

}

.label.details 
{
    padding: 0 .2rem;
    margin: 0;
    line-height: 13px;
    /*line-height: .5rem;*/
    
 }

th.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
    background-color: #f2f2f2;
}

th.rotate > div {
    transform: 
    /* Magic Numbers */
    translate(7px, 100px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
    width: 30px;
    position: relative;
}
th.rotate > div > span {
    padding: 0px 10px;
    position: absolute;
    left: 0;
    top: -9px;
}

.reports-header {
    font-family: 'Ebrima Bold', 'Ebrima';
    font-weight: 700;
    margin-top: 2em;
    margin-bottom:3em;
    font-style: normal;
    font-size: 30px;
    color: #666666;
}



.waiting-notification {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    min-height: 100%;
    width: 100%;
}

.waiting-notification-loading {
    font-family: Arial;
    font-size: 10pt;
    width: 192px;
    height: 192px;
    position: fixed;
    z-index: 999;
    background-image: url("../img/spin.svg");
}


.action-table .row-add a {
    color: #2E9E35;
    font-size: 0.8125rem;
    font-weight: bold;
}

.ap-orange {
    color: #f08a24;
}

.ap-question textarea {
    font-size: 0.77rem !important;
    font-weight: bold !important;
}

.ap-question textarea:disabled, ap-question textarea:read-only, .ap-question textarea[readonly] {
    resize: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.comments-table.action-table td:first-child {
min-width: inherit !important;
}
.comments-table.action-table td:last-child {

}

/* LIFECYCLE DASHBOARD */

#Lifecycle table {
table-layout: fixed;
}

/* PROGRESS BARS */

 .progress {
            background-color: transparent;
            height: 1.45rem;
            margin-bottom: 5px;
        }
        .progress .meter {
            background: #1E77E2;
        }
        .progress .meter small {
            color: white;
            padding-top: 0;
            padding-right: 5px;
            padding-left: 3px;
        }
        .progress small {
              margin-top: .15rem;
        }
        .progress > small.left {
                margin-left: 5px;
        }
        .red-text {
            color: #f04124;
        }

.tabs.wizard.dashboard > li::after, .tabs.wizard.dashboard > li::before {
    height: .2em;
    top: 1.4em;
}
.tabs.wizard.dashboard {
    margin-bottom: 0;
    width: 100%;
    margin-top: 40px;
}
.tabs.wizard.dashboard a {
    cursor: pointer;

}
    .tabs.wizard.dashboard i {
    font-size: 1.2rem;
    line-height: 2.6rem;
    padding: 0 !important;
    }
.tabs.wizard.dashboard > li:first-child > a{
    background-color: #59A4EE !important;
    border-color: #59A4EE !important;
}
.tabs.wizard.dashboard > li:first-child {
    color: #59A4EE !important;
}
.tabs.wizard.dashboard > li:first-child:after, .tabs.wizard.dashboard > li:nth-child(2):before {
    background-color: #59A4EE !important;
}


.tabs.wizard.dashboard > li:nth-child(2) > a {
    background-color: #4593E2 !important;
    border-color: #4593E2 !important;
 
}
.tabs.wizard.dashboard > li:nth-child(2)  {
    color:  #4593E2 !important;
}
.tabs.wizard.dashboard > li:nth-child(2):after, .tabs.wizard.dashboard > li:nth-child(3):before {
    background-color: #4593E2 !important;
}


.tabs.wizard.dashboard > li:nth-child(3) > a {
    background-color: #1A6FC8 !important;
    border-color: #1A6FC8 !important;
}
.tabs.wizard.dashboard > li:nth-child(3) {
    color: #1A6FC8 !important;
}
.tabs.wizard.dashboard > li:nth-child(3):after, .tabs.wizard.dashboard > li:nth-child(4):before {
    background-color: #1A6FC8 !important;
}


.tabs.wizard.dashboard > li:nth-child(4) > a {
    background-color: #0059B6 !important;
    border-color: #0059B6 !important;
}
.tabs.wizard.dashboard > li:nth-child(4)  {
    color: #0059B6 !important;
}
.tabs.wizard.dashboard > li:nth-child(4):after, .tabs.wizard.dashboard > li:nth-child(5):before {
    background-color:#0059B6 !important;
}


.tabs.wizard.dashboard > li:nth-child(5) > a {
    background-color:#004994 !important;
    border-color: #004994 !important;
}
.tabs.wizard.dashboard > li:nth-child(5) {
    color: #004994 !important;
}

.key-drivers {
color: #505050;
margin-top: 180px;
font-size: .7rem;
margin-left: 80px;
margin-bottom: 20px;
}
    .key-drivers ul {
    font-size: .7rem;
    }

/*.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 90%;
    margin: 0 auto;
    list-style: none;
}

.flex-container .arrow-container {
    flex-basis: 100%;
}
.flex-container .arrow-container {
    margin: 10px -30px;
}*/
.arrow-container {
    margin-left: 140px;
    margin-right: -210px;
}

.arrow-container > li {
    padding: 0;
margin-left: -70px;
}

.arrow-container .arrow-wrap {
        position: relative;
        /*height: 170px;
        max-width: 270px;*/
   }
.arrow-container .arrow-wrap .arrow {
    position: absolute;
}
.arrow-container .arrow-wrap .arrow i{
    font-size: 26px;
    position: absolute;
    top: 24%;
    left: 30%;
    color: white;
}

.arrow-container .arrow-wrap .arrow h4 {
    color: white;
    position: absolute;
    top: 45%;
    left: 30%;
    font-size: .89rem;
    text-transform: uppercase;
        line-height: 1;
}

.arrow-container .arrow-wrap .arrow a {
    color: white;
    line-height: .72rem;
}

.arrow-container li:first-child .arrow {fill:#59A4EE; z-index: 0;}
.arrow-container li:nth-child(2) .arrow{fill:#4593E2; z-index: -1;}
.arrow-container li:nth-child(3) .arrow{fill:#1A6FC8; z-index: -2;}
.arrow-container li:nth-child(4) .arrow{fill:#0059B6; z-index: -3;}
.arrow-container li:nth-child(5) .arrow{fill:#004994; z-index: -4;}


table.no-line td {
    border-bottom: none;
}

.sub-tabs {
    padding: 0 0 20px 0;
}
.sub-tabs .tab-title>a {
    font-size: .83rem;
    font-weight: bold;
}
.sub-tabs .tab-title>a:hover, .sub-tabs .tab-title>a {
    background-color: transparent;
}

.sub-tabs .tab-title.active>a:hover {
     background-color: white;
}

.sub-tabs .tab-title.active>a {
     color: #1e77e2;
}

.sub-tabs .tab-title>a:hover {

    color: #1e77e2;
}

.multiselect-container.dropdown-menu .checkbox input[type=checkbox]{
    left: 14px;
    top: 6px;
}

.dropdown-menu>.active>a label, .dropdown-menu>.active>a:focus label, .dropdown-menu>.active>a:hover label{
    color: white
}

#HierarchyTable tr[class*="treegrid-"] td:nth-child(2), #HierarchyTable tr[class*="treegrid-"] td:nth-child(3) {
    text-align: center !important;
}