/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*
	Theme Name: BCG Pricing GAP
	Version: 1.0
	Author: Brett Exnowski - Primitive Spark
	Tags: Custom, HTML5, CSS3
*/

/*TEST FOR OPEN SANS*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/OpenSans-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-Semibold'), url(../fonts/OpenSans-Semibold.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-Bold.woff) format('woff');
}

/*TEST FOR OPEN SANS*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size:62.5%;
    position:relative;
    height:100%;
    width:100%;
}
body {
    font:400 16px/22px 'Open Sans', Arial, sans-serif;
    color:#676a6c;
    width:100%;
    height:100%;
    position:relative;
    -ms-overflow-style:scrollbar; /* Fixes Fullscreen scrollbar disappearing */
    overflow: hidden;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a,
a:visited,
a:focus,
a:active,
a:hover{
    outline:0;
    color:#00a453;
    text-decoration:none;
    opacity: 1;
}
a:hover,
a:visited,
a:focus{
    outline:none !important;
    text-decoration:none !important;
}
a:hover:not(.no-hover){opacity:0.8;}
a.no-hover:hover,
.item-detail a:hover{opacity:1;} /* For Linked Images */
a:focus {outline:0;}

a:hover,
a:active{
    outline:0;
    text-decoration:none;
}

input:focus {
    outline:0;
    border:0;
}
.bootstrap-table table td input[type="text"]:focus,
.bootstrap-table table td input[type="text"].error{
    border:1px solid #a56715;
}

p, pre{
    margin:0;
    line-height:normal;
}

/* Headings */
h1, h2, h3, h4, h5, h6{
    margin:0;
    padding:0;
    font-weight:500;
    font-family:"Open Sans";
    line-height:normal;
    color:#000;
}
h1{
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    margin:10px 0 0;
}
header h1{
    color:#fff;
    margin-top: 7px;
    font-size: 20px;
}

h2{
    font-size:26px;
    margin-bottom:5px;
}
.section-heading h2{font-weight:800;}
h2.mar-r{font-size: 24px;}

h3{
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}
h4{
    font-size:18px;
    font-weight:600;
    color:#676a6c;
    margin:0;
}

/* Lists */
dl, menu, ul{
    margin:0;
    line-height:normal;
    padding:0;
    list-style:none;
}
ol {
    margin: 0;
    line-height: normal;
}
    b, strong{font-weight:600;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* header */
header{
    background:#323232;
    height:60px;
    padding:9px 25px 0;
    /*overflow:hidden;*/
    /* Fixed Position */
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 101;
}
header a,
header a:hover{color:#fff;}

/* logo */
.logo {
    display: block;
    height:51px;
    text-align:center;
    margin-right:30px;
}
.logo img {
    max-height: 60px;
    vertical-align: middle;
}

.category-select {
    background: #828283;
    height: 65px;
    padding:10px 20px 10px;
    font-size:14px;
    margin-right:25px;
    width:27%;
    max-width:300px;
}
.category-select a{margin:0 0 5px 0;}


.sub-help {
    color: #1b82c4;
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.table-wrap .sub-help{max-width:500px;}
.sub-help.lim-width{max-width:400px;}

/** Breadcrumb **/
#breadcrumb{
    font-size:20px;
    margin-bottom:10px;
}

/** Context Menu **/
.context-menu li{float:left;}
.context-menu li a{
    display:block;
    font-size:22px;
    line-height:48px;
    margin-right:25px;
}

/** User Nav **/
ul.user-nav{
    margin: 2px 51px 0 0;
}
.sub-menu-controller{
    display: block;
    position: relative;
}
.user-nav #username {
    display: block;
    float: right;
    line-height: 39px;
    padding-left: 10px;
}
.sub-menu-controller:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    right: -25px;
    top: 11px;
}
.user-nav .img-circle {
    width: 30px !important;
    padding-top: 4px;
}

/* Use Different Icon for User Nav */
.user-nav .sub-menu-controller:after{
    content:"\E073";
    font-family:"ABO";
}

.breadcrumb-nav {
    height: 49px;
    margin-right: 20px;
    width: 33px;
}
/* Icon for Breadcrumb Nav */ 
.breadcrumb-nav .sub-menu-controller:after{
    content:"\E072";
    font-family:"ABO";
    font-size: 32px;
    right: 0;
    top: -2px;
}

ul ul.sub.dropdown-menu{
    position:absolute;
    top:46px;
    right:-42px;
    left:auto;
    z-index:991;
    background:#8b938a;
    border-radius:0;
    border:0 solid transparent;
    padding:0 10px;
    min-width:220px;
}
/* Drop Down Triangle */
ul.sub.dropdown-menu:after {
    color: #8b938a;
    content: "\f0DE";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 34px;
    position: absolute;
    right: 15px;
    top: -12px;
    z-index: 10190;
}
ul ul.sub.dropdown-menu a{
    border-radius:0;
    line-height: 40px;
    margin: 4px;
    text-align: left;
    font-weight: 600;
    color:#fff;
    font-size:14px;
    padding:0 10px;
    display:block;
}
ul ul.sub.dropdown-menu a:hover{
    color: #fff;
    text-decoration: none;
    background-color: #9ca39b;
}
.sub.dropdown-menu > li > a:focus, 
.sub.dropdown-menu > li > a:active,
.sub.dropdown-menu > li > a.active{
    background-color: #29905c;
    color: #fff;
    text-decoration: none;
}
ul.user-nav .divider {
    height: 0;
    margin: 0;
    overflow: hidden;
    background-color:transparent;
}

ul.user-nav a.expanded:after{content:'\f0d8';}
ul.user-nav a.expanded + ul{
    max-height:300px;
    border:1px solid #D3D5DB;
    background:#fff;
}

/* Left Aligned Menues */
ul.left-dropdown ul.dropdown-menu{left:0;}
ul.left-dropdown ul.dropdown-menu:after{left:16px;}


/* Admin Nav */
.admin-menu {
    background: #DFDFE3;
    color: black;
    height: 40px;
    padding: 0 40px 0 20px;
    font-size: 14px;
    font-weight: 400;
    position: fixed;
    top: 60px;
    z-index: 10;
    width: 100%;
}
.admin-menu ul{}
.admin-menu > ul.create-nav > li{
    position:relative;
    float:left;
}
.admin-menu a{
    color: black;
    text-transform:uppercase;
    line-height:40px;
    display:block;
}
    .admin-menu .create-nav a:hover,
    .admin-menu .create-nav a.active {
        background: #DFDFE3;
        color: black;
    }
.admin-menu > ul.create-nav > li > a{padding:0 15px;}
.admin-menu > ul.create-nav > li > a.sub-menu-controller{padding-right:25px;}
.admin-menu > ul.create-nav > li > a.sub-menu-controller:after{right:9px;}
.admin-menu .menu-label{
    line-height:40px;
    color:#ccc;
    margin-right:20px;
    text-transform:uppercase;
}
.admin-menu .sub-menu-controller:after{
    top:0;
    right:-20px;
    color:black;
}

/* Sub Nav */
    .admin-menu > ul.create-nav ul {
        display: none;
        position: absolute;
        left: 0;
        top: 40px;
        z-index: 11;
        min-width: 200px;
        background: #DFDFE3;
    }
.admin-menu > ul.create-nav li:hover ul{display:block;}
.admin-menu > ul.create-nav ul a{
    padding:0 20px;
}
.admin-menu ul.dropdown-menu{margin:0;}
ul.left-dropdown.breadcrumb-nav ul.dropdown-menu{
    left: -9px;
    top: 53px;
}
ul.left-dropdown.breadcrumb-nav ul.dropdown-menu:after{}
ul.left-dropdown.create-nav ul.dropdown-menu{
    left: 43px;
    top: 33px;
}

/* Reposition the right admin menu */
ul.admin-nav ul.dropdown-menu {
    left: auto;
    right: -40px;
    top:33px;
}
.admin-menu ul.dropdown-menu > li > a{
    line-height:40px;
    text-transform:none;
}
/* wrapper */
#wrapper {
    margin:0 auto;
    position:relative;
    display: -webkit-flex;
    display:flex;
    overflow:hidden;
    min-height:calc(100% - 85px); /* Minus the width of the Header - ticket #433 */
    /* Fixed Position */
    /*margin-top:20px;*/
}
/* Screens w/ Admin Menu */
.admin-menu + #wrapper{margin-top:100px;}
#wrapper section a.bold{font-weight:700;}
#wrapper .dropdown-menu > li > a{font-weight:400;}
/* nav */
.nav-controller{;
    display: block;
    height: 52px;
    width: 100%;
    z-index: 10;
    position:relative;
}
.nav-controller:before{
    right: -14px;
    top: 0;
    width: 25px;
    z-index: 10;
    background: #32c77f;
    border-radius: 50%;
    height:24px;	
    position:absolute;
    content:'';
    display: none;
}
.nav-controller:after{
    color: #6f6f6f;
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 22px;
    font-weight: 500;
    line-height:22px;
    position: absolute;
    left: 26px;
    top: 15px;
    z-index: 10;
    /* -webkit-transition: all 0.6s ease-in-out 0s;
   -moz-transition:  all 0.6s ease-in-out 0s;
   -ms-transition:  all 0.6s ease-in-out 0s;
   -o-transition:  all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s; */
}
body.mini-nav .nav-controller:after{
    /*transform: rotate(180deg);*/
    top: 15px;
    color: #8b938a !important;
}

/*nav{
    background:#177b57;
    width:220px;
    position: fixed;
    top: 60px;
    left: 0;
    height: 100%;
    z-index: 10;

}*/
/* Pages with Admin Menu */
.admin-menu + #wrapper nav{top:100px; z-index: 0;}
nav > ul{overflow: hidden;}
nav > ul > li{
    position:relative;
    display:block;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition:  all 0.4s ease-in-out 0s;
    -ms-transition:  all 0.4s ease-in-out 0s;
    -o-transition:  all 0.4s ease-in-out 0s;
    transition:  all 0.4s ease-in-out 0s;
}
nav > ul > li.divider{
    margin:20px;
    height:0;
    border-top:1px solid #ccc;
}
.nav > li > a{padding:15px 0 15px 15px;}

nav > ul.nav > li > a,
nav > ul.nav > li ul a,
nav > ul.nav > li > a:visited,
nav > ul.nav > li > a:focus{
    background: transparent;
    color: #fff;
    font-weight: 800;
    display:block;
}
.nav > li > a{padding:15px 0 15px 15px;}
nav > ul.nav > li ul a {padding-left:48px;}
nav li > a i {
    display: inline-block;
    font-size: 24px;
    line-height:26px;
    position: absolute;
    text-align: center;
    top: calc(50% - 12px);
    vertical-align: text-top;
    width:40px;
}
nav li:hover > a i,
nav li.active > a i{color:#fff;}

.mini-nav nav li > a{padding:15px 15px;}

.nav-label{
    display: inline-block;
    opacity: 1;
    width: 180px;  /*Fixes Menu jump */
    vertical-align: middle;
    transform: translateX(0px);
    padding-left:45px;
}
nav.animate .nav-label{
    -webkit-transition:  opacity 0s ease-in-out 0.4s;
    -moz-transition:  opacity 0s ease-in-out 0.4s;
    -ms-transition:  opacity 0s ease-in-out 0.4s;
    -o-transition:  opacity 0s ease-in-out 0.4s;
    transition:  opacity 0s ease-in-out 0.4s;
}
/*.mini-nav .nav-label{
    text-indent:-200px;
    opacity: 0;
}*/
.mini-nav nav.animate .nav-label{
    -webkit-transition:  opacity 0s ease-in-out 0s, text-indent 0s ease-in-out 0.3s;
    -moz-transition:  opacity 0s ease-in-out 0s, text-indent 0s ease-in-out 0.3s;
    -ms-transition:  opacity 0s ease-in-out 0s, text-indent 0s ease-in-out 0.3s;
    -o-transition:  opacity 0s ease-in-out 0s, text-indent 0s ease-in-out 0.3s;
    transition:  opacity 0s ease-in-out 0s, text-indent 0s ease-in-out 0.3s;
}

nav ul.nav li.active > a,
nav ul.nav li:hover > a,
.nav > li > a:hover{
    background: #3fad93;
    color:#fff;
}

/* Has Children Links */
nav li.has-children > a > span + i{
    color:#fff;
    font-size:14px;	
    line-height:14px;
    height:14px;
    font-weight:300;
    top:13px;
    right:5px;
    position:absolute;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition:  all 0.6s ease-in-out 0s;
    -ms-transition:  all 0.6s ease-in-out 0s;
    -o-transition:  all 0.6s ease-in-out 0s;
    transition:  all 0.6s ease-in-out 0s;
}
nav li.has-children > a.expanded > span + i, 
nav li.has-children.active > a.expanded > span + i{
    transform: rotate(180deg);
}

/* Hide if collapsed */
.mini-nav nav li.has-children > a > span + i{text-indent:-1000px;}
.mini-nav nav li.has-children > a.expanded + ul{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition:  all 0.3s ease-in-out 0s;
    -ms-transition:  all 0.3s ease-in-out 0s;
    -o-transition:  all 0.3s ease-in-out 0s;
    transition:  all 0.3s ease-in-out 0s;
    max-height:0;
}
/* Expand Mini Nav children on hover to Fly Out Menus */
.mini-nav nav li.has-children{position:relative;}
.mini-nav nav li.has-children ul a{
    padding:10px 20px 10px 10px;
}
/*.mini-nav nav li.has-children:hover ul,
.mini-nav nav li.has-children:hover > a.expanded + ul{
    position:absolute;
    left:70px;
    top:0;
    max-height:none;
    z-index:100;
    border-radius: 0 2px 2px 0;
    display: block;
    height: auto;
    min-width: 140px;
}*/

/* Sub Nav */
nav ul ul{
    max-height:0;
    overflow:hidden;
    background:#10563d;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition:  all 0.3s ease-in-out 0s;
    -ms-transition:  all 0.3s ease-in-out 0s;
    -o-transition:  all 0.3s ease-in-out 0s;
    transition:  all 0.3s ease-in-out 0s;
}
nav li ul a {
    padding: 5px 5px 5px 53px;
}
nav li.has-children > a.expanded + ul{
    max-height:550px;
    -webkit-transition: all 0.5s ease-in-out .4s;
    -moz-transition:  all 0.5s ease-in-out .4s;
    -ms-transition:  all 0.5s ease-in-out .4s;
    -o-transition:  all 0.5s ease-in-out .4s;
    transition:  all 0.5s ease-in-out .4s;
}
/* Main Section and Views */
#content {
    float: left;
    margin: 0;
    /*position: relative;*/
    max-width: calc(100% - 220px);
    width:100%;
    /*z-index: 1;*/
    background:#fff;
    padding:15px 20px;
    margin-left:220px; /* Fixed Menu */
}

.mini-nav #content,
#content.full-width{
    max-width:1366px;
    margin:0 auto;
    width:100%;
}
.mini-nav #content {
    max-width: calc(100% - 70px);
    margin-left:70px; /* Fixed Menu */
}
section .view{
    /*margin:0px 20px 0 20px;*/
    padding:0px 20px 25px;
    background:#fff;
    position:relative;
}
section .view.has-tabs{
    background:transparent;
    padding:0;
}
section .view .view-header{margin-bottom:30px;}
.view-header #meta-actions .upload-icon,
.view-header #meta-actions .download-icon{
    font-size:22px;
    margin:0 25px 0 0;
    line-height:30px;
}
.view-header #meta-actions .download-icon{line-height:32px;}

/* Minified Nav */
body.mini-nav nav{width:70px;}

body.mini-nav #page-wrapper{
    width:calc(100% - 70px);
}
	
/* sidebar */
.sidebar{}
/* footer */
footer {}

/*------------------------------------*\
    jQuery UI Select Menu
\*------------------------------------*/
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    /* Support: IE7 */
    overflow-x: hidden;
    padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
    right: 12px !important;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #ffffff !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: inherit !important;
    font-weight: normal;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #ffffff !important;
    border: medium none !important;
    color: inherit !important;
    font-weight: normal;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{margin:0 !important;}
.ui-selectmenu-button span.ui-selectmenu-text{
    line-height: 18px !important;
    padding:7px 15px !important;
}

/* Output Specific Select */
#output-select-button {
    border: 1px solid #ccc !important;
    font-size: 14px;
    height: 34.5px;
    margin:0 10px;
    outline:none !important;
}
#output-select-menu{}
#output-select-menu li{
    padding:10px;
}
#output-select-menu li, 
#output-select-menu li.ui-state-focus {
    color: #8b938a;
    font-size: 14px;
    padding: 10px 15px;
}
/* Output Selector */
select.activity-select option {padding: 10px;}
select.activity-select option:before,
#output-select-menu li:before,
.ui-selectmenu-button span.ui-selectmenu-text:before{
    color: #09a657;
    content: "\E018";
    font-family: "abo";
    font-size: 16px;
    padding: 0 10px 0 0;
}
select.activity-select option.completed:before,
#output-select-menu li.completed:before,
.ui-selectmenu-button.completed span.ui-selectmenu-text:before{content:"h";}
.ui-selectmenu-button span.ui-selectmenu-text:before{
    padding: 0 9px 0 0 !important;
    vertical-align: text-bottom;
}
/*------------------------------------*\
    Custom Fake Select Menu
\*------------------------------------*/
ul.fake-select {
    display: inline-block;
}
ul.fake-select li{
    position:relative;
}
ul.fake-select ul > li{
    width:100%;
    padding:0;
    cursor:pointer;
    margin:0;
}

ul.fake-select ul > li:hover a{
    background:#00c8cf;
    color: #FFFFFF;
}
ul.fake-select > li > a,
ul.fake-select ul li a{
    background: #fff;;
    border: 1px solid #97acc7;
    color: #000;
    cursor: pointer;
    display: block;
    height: 29px;
    line-height: 29px;
    min-width: 180px;
    outline: medium none;
    overflow: hidden;
    padding:0;
    position: relative;
    text-decoration: none;
    text-indent: 10px;
    width: 100%;
    z-index: 10;
}

ul.fake-select ul li a{
    border:0px;
}

ul.fake-select > li ul a{
    cursor:pointer;
}
ul.fake-select > li > a:after{
    background:#fff;
    height: 29px;
    line-height: 29px;
    right: 10px;
    content: "\f13a";
    color:#41b7be;
    font-size:14px;
    position:absolute;
    font-family:"FontAwesome";
}
ul.fake-select > li ul{
    position: absolute;
    z-index: 600;
    left: 0;
    top: 29px;
    width: 100%;
    overflow: hidden;
    background-color: #ccc;
    border: 1px solid #97acc7;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -ms-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    overflow-x: hidden;
    overflow-y: auto;
    background:#d0d0d1;
    min-width:180px;
    padding:0;
    color:#58595b;
    text-indent:10px;
    line-height:23px;
    display:none;
    max-height:250px;
}

ul.fake-select ul li:hover a{
    background:#00c8cf;
    color:#fff;
}

ul.fake-select ul li:active a, 
ul.fake-select ul li.selected a{
    background-color:#379ba1;
    color:#fff;
}

/* Category Selector Fake Select Styles */
#category-selector ul.fake-select ul{
    top:60px;
    border:1px solid #ccc;
    color:#000;
}
#category-selector ul.fake-select > li > a,
#category-selector ul.fake-select ul li a{
    height:60px;
    line-height:60px;
    background:transparent;
    color:#fff;
    border:0;
    padding:0 20px;
    min-width:285px;
}
#category-selector ul.fake-select > li > a{
    font-weight:bold;
    border-right:1px solid #9c9c9e;
}
#category-selector ul.fake-select ul li a{
    height:40px;
    line-height:40px;
    color:#000;
}
#category-selector ul.fake-select ul li a:hover,
#category-selector ul.fake-select ul li.selected a{
    background:#717172;
    color:#fff;
}
#category-selector ul.fake-select > li > a:after{
    background:transparent;
    color:#707070;
    font-size:18px;
    content:'\f107';
    top:16px;
    right:20px;
}

/* Up Caret */
#category-selector ul.fake-select > li > a.expanded:after{content:'\f106';}
/* Add Labels */
#category-selector ul.fake-select > li > a#category:before{content:'Category: ';font-weight:300;}
#category-selector ul.fake-select > li > a#scenario:before{content:'Scenario: ';font-weight:300;}

/*------------------------------------*\
    DASHBOARD - client-dashboard.html
\*------------------------------------*/
.module{position:relative;}

/* Bootstrap Collapsable Styles */
a[data-toggle="collapse"]{
    display:block;
    background:#e7e8e0;
    color:rgba(0,0,0,0.6) !important;
    padding:10px 40px 10px 20px;
    font-weight:600;
    font-size:15px;
}
/* Arrow */
a[data-toggle="collapse"]:before{
    content:"\f105";
    font-family:"FontAwesome";
    font-size:18px;
    margin-right:10px;
    display:inline-block;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition:  all 0.4s ease-in-out 0s;
    -ms-transition:  all 0.4s ease-in-out 0s;
    -o-transition:  all 0.4s ease-in-out 0s;
    transition:  all 0.4s ease-in-out 0s;
    transform: rotate(90deg);
}
a[data-toggle="collapse"].arrow-left:before{float:left;}
/* Alt Version */
a[data-toggle="collapse"].hasCheck{padding-left:40px;position:relative;}
a[data-toggle="collapse"].hasCheck:before{
    left:20px;
    position:absolute;
}
a[data-toggle="collapse"].hasCheck + a{margin-top:15px;}
a[data-toggle="collapse"].collapsed:before{
    transform: rotate(0deg);
}
.module-content{}
/** Bootstraps Collapse Animation is jumpy if padding is placed on animated div :( **/
.module-content > div:not(.tab-content){padding:15px 40px 25px;}
.module-content p{margin:0;padding-bottom:20px;}

/* Preview Video */
.video-preview{
    height: 100%;
    max-width: 420px;
    min-height: 200px;
    width: 100%;
    position:relative;
    background:lcenter top no-repeat;
    background-size:contain;
}
.video-preview a{
    background-color:#32c77f;
    width:65px;
    height:65px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    color:#fff !important;
    font-size:40px;
    line-height:65px;
    text-align:center;
}

h2 a.tool-tip{
    vertical-align:baseline;
    font-size:16px;
}

/*** Table Nav Tabs (Bootstraps Tabs) ***/
.nav-tabs{border:none;}
ul.table-nav.nav-tabs li{
    width:calc((100% / 3) - 13.33px);
    position:relative;
}
#wrapper ul.table-nav.nav-tabs > li > a{
    color:#8b938a;
    border:2px solid transparent;
    background:#fff;
    padding:20px;
    font-size:13px;
    display:block;
    border-radius:0;
    height:100%;
}
#wrapper ul.table-nav.nav-tabs > li.active > a,
#wrapper ul.table-nav.nav-tabs > li:hover > a{
    background:#fff;
    border-color:#32c77f;
}

#wrapper ul.table-nav.nav-tabs > li.active > a.selectedSurveyPhase {
    border-color: transparent !important;
    border-width: 4px;
}

#wrapper ul.table-nav.nav-tabs > li.active > a.selectedSurveyPhase:before {
    display: none;
}

ul.table-nav.nav-tabs > li.active > a:before {
    background: #fff;
    border-color: transparent #32c77f #32c77f transparent;
    border-style: solid;
    border-width: 2px;
    bottom: -5.5px;
    content: "";
    display: block;
    height: 15px;
    left: calc(57px);
    position: absolute;
    transform: rotate(45deg);
    width: 15px;
    z-index: 1;
}
.nav-tabs > li > a:hover{border-color:transparent;}

/*** Scrolling Tabs (Plugin) ***/
.scrtabs-tab-container ul.nav-tabs{width:calc(100% + 1px);} /* Fix for IE11 Wrapping */
.scrtabs-tab-container,
.scrtabs-tab-container .scrtabs-tabs-fixed-container{
    height:37px !important;
}
.scrtabs-tab-container .scrtabs-tab-scroll-arrow{
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 14px;
    /*height: 38px;*/
    background: transparent;
    width: 40px;
    padding-top: 0;
    text-align: center;
    font-weight: 100 !important;
    line-height: 38px;
}
.scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon {
    font-weight: 600;
    border: 1px solid #09a657;
    color: #09a657;
    padding: 0;
    font-size: 19px;
    line-height: 25px;
    height: 32px;
    width: 26px;
    text-align: center;

}
.scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon:before{
    content:"\f104";
    font-family:"FontAwesome";
}
.scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon.glyphicon-chevron-right:before{content:"\f105";}

.scrtabs-tab-container .scrtabs-tab-scroll-arrow:hover{
    background: none;
    opacity: 0.8;
}

/* Table 
.approve-btn{margin-left:10px}

/*------------------------------------*\
    ACTIVITIES - client-activities.html
\*------------------------------------*/
/* Nav Tabs */
.section-tabs.nav-tabs{}
.section-tabs.nav-tabs li a{
    padding:6px 20px;
    border-top:3px solid transparent;
    display:block;
    border-radius:0;
    position:relative;
    margin-right:0;
    height: 100%;
}
ul.section-tabs.nav-tabs > li.active > a,
ul.section-tabs.nav-tabs > li > a:hover,
ul.section-tabs.nav-tabs > li.active > a:hover{
    border-top:3px solid #00a453;
    padding:6px 20px;
    background:#f4f4f2;
    font-weight:bold;
    border-bottom: 1px solid #f4f4f2;
}

ul.section-tabs.nav-tabs > li.active > a.requirement,
ul.section-tabs.nav-tabs > li > a.requirement:hover,
ul.section-tabs.nav-tabs > li.active > a.requirement:hover,
.section-tabs.nav-tabs li a.requirement{
    /* padding-left: 40px; */
}

/* Completed */
.section-tabs.nav-tabs li a.completed:before {
    content: "h";
    font-family: "abo";
    position: absolute;
    left: 15px;
    top: 15px;
}

/** Nested Tabs **/
.section-tabs.nav-tabs.nested{}
.section-tabs.nav-tabs.nested li{margin-bottom:0;}
.section-tabs.nav-tabs.nested li a,
ul.section-tabs.nav-tabs.nested  > li.active > a,
ul.section-tabs.nav-tabs.nested  > li > a:hover,
ul.section-tabs.nav-tabs.nested  > li.active > a:hover{
    padding:5px 10px;
    border:2px solid #999;
    background: #fff;
    color:#999;
    display:block;
    border-radius:0;
    position:relative;
    margin-right:0;
    font-weight:bold;
    font-size:14px;
}
ul.section-tabs.nav-tabs.nested  > li.active > a,
ul.section-tabs.nav-tabs.nested  > li > a:hover,
ul.section-tabs.nav-tabs.nested  > li.active > a:hover{
    background:#999;
    color:#fff;
}

/* Progress Bar in Header */
div:not(table) > .progress-bar{margin-top:4px;width:125px;}
div:not(table) > .progress-bar + span{width:25px;}
.section-tabs + .tab-content .tab-pane,
.tab-pane.hasFTE{
    position:relative;
    overflow-x:hidden;
    overflow-y:visible;
}
/* FTE Calculator */
.calc-controller {
    border-radius: 73% 0 0 73%;
    line-height: 19px;
    padding: 7px 5px 5px 13px;
    position: absolute;
    right: 0;
    text-align: center;
    top:15px;
    width: 33px;
    z-index:10;
}
.fte-calculator{
    position:absolute;
    top:15px;
    right:0;
    width:190px;
    padding:50px 15px 20px;
    transform:translateX(190px);
    z-index:1;
    max-height:100%;
    color:#454543;
    line-height:30px;
}
.fte-calculator .title {
    font-weight: 600;
    left: 0;
    padding: 4px 10px 5px 19px;
    position: absolute;
    top: 0;
    width: 100%;
    height:31px;
    line-height:23px;
}
.fte-calculator .title:before {
    background: inherit;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    left: -12px;
    position: absolute;
    top: 0;
    width: 32px;
}
.calc-controller.expanded + .fte-calculator{transform:translateX(0);}
.fte-calculator .button{margin-top:3px;}

/*------------------------------------*\
    OUTPUTS - client-activities.html#outputs
\*------------------------------------*/

/* Output Selector */
a.button.select-control{padding:6px 14px;}
a.button.select-control i {color: inherit;}
select.activity-select{
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
select.activity-select option {padding: 10px;}
select.activity-select option:before {
    color: #cccccc;
    content: "\f10c";
    font-family: "FontAwesome";
    font-size: 16px;
    padding: 0 10px 0 0;
}
select.activity-select option.completed:before{content:"\f058";}


/*------------------------------------*\
    LOGIN VIEW
\*------------------------------------*/
#wrapper.login {
    background: #3A404D;
    min-height: 100%;
    margin: 0; /* Magenic changes*/
}
section#login.Okta-Login-Form {
    width: 400px;
    margin: 50px auto 0 auto;
}

section#login.Custom-Login-Form {
    width: 400px;
    margin: 100px auto 0 auto;
}
/*section#login h1{
    width:240px;
    margin:5px 0 0 15px;
    line-height:28px;
}
section#login h3{
    font-weight:700;
    margin:40px 0 15px 0;
    color:#fff;
    font-size:18px;
}
section#login .form-group{margin:10px 50px;}*/

.secondary-links{
    display:block;
    text-align:center;
    margin:10px auto 50px auto;
}
.secondary-links li{
    color:#a4a8ab;
    line-height:normal;
    display:inline-block;
}
.secondary-links li a:hover{opacity:1;color:#fff;}
li.pipe{vertical-align:super;}
p.copyright{
    text-align:center;
    font-size:11px;
    color:#ccc;
}

/* Animate Forgot Password Form */
#forgotPassword,
#login.pass-form #loginForm{
    height:0;
    opacity:0;
    overflow:hidden;
}
#login.pass-form #forgotPassword,
#loginForm{
    max-height:500px;
    opacity:1;
    height:auto;
}
/*section#login .msg{
    text-align:center;
    color:#fff;
    margin-bottom:20px;
}*/
.error-msg{
    background:#ab484d;
    color:#fff;
    border-radius:2px;
    padding:5px 10px 5px 30px;
    margin-bottom:20px;
    position:relative;
}

.error-msg:before{
    display:inline-block;
    content:'\f06a';
    color:#fff;
    font-size:13px;
    position:absolute;
    top:calc(50% - 9px);
    left:10px;
    font-family:"FontAwesome";
}
/*------------------------------------*\
    CONTACTS PAGE -  contacts.html
\*------------------------------------*/
.contact{
    max-width:500px;
    padding-bottom:40px;
}
.contact-logo{
    width:60px;
    position:absolute;
    top:10px;
    right:40px;
}

/*------------------------------------*\
    PROJECT VIEW -  project.html
\*------------------------------------*/
.form-item .col-1{min-width: 100px;}
.form-item .col-2{min-width: 125px;}

.translate{
    position:absolute;
    right:20px;
    top:20px;
}
.form-item .md-editor {
    border: 0 none;
    display: block;
    float: left;
    width:calc(100% / 3);
}
.form-item .md-editor > textarea {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    outline: medium none;
    font-family:inherit;
    padding:3px;
}
.form-item .md-editor.active{box-shadow:none;}
#project-status{width:330px;}

/* Color Picker */
.input-group-text {
    width: 50px;
    background: transparent;
    border: none;
}
.form-item.colorpicker-element .add-on i, 
.form-item.colorpicker-element .input-group-text i,
.form-item .color-swatch{
    border:1px solid #999;
    height: 20px;
    width: 20px;
}
.form-item .color-swatch{margin:5px 0 0 15px;}
.form-item .color-swatch div{height:33%;}

/* File Uploader */
.file-input{
    width:330px; /* To align on Project Creation page */
    float:left;
}
.form-item .file-thumbnail-footer {display: none;}
.form-item .file-preview {border: none;}
.form-item .file-preview-frame,
.form-item .file-preview-frame:hover:not(.file-preview-error) {
    border: medium none;
    box-shadow: none;
    float: left;
    height: auto;
}
/*------------------------------------*\
    TABLE STYLES
\*------------------------------------*/
table{
    border:1px solid #e7eaec;
    padding:0;
    margin:0;
    background:#fff;
    font-size:14px;
    color:#676a6c;
    font-weight:500;
}

thead{color:#505456;}

/* Table Status */
.tableStatus{
    color: #666;
    display: inline-block;
    font-style: italic;
}
.tableStatus.absolute{
    position:absolute;
    right:20px;
    top:-30px;
}
.search input.form-control {
    display: inline-block;
    margin-left: 30px;
    width: auto;
    margin-right:5px;
}
/**** BOOTSTRAP TABLE OVERRIDES */

/* Toolbar Buttons */
.fixed-table-toolbar .bs-bars, 
.fixed-table-toolbar .columns, 
.fixed-table-toolbar .search {
    line-height: inherit;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    position: relative;
}
.bootstrap-table .table > thead > tr > th{
    border:1px solid #e7eaec;
    vertical-align:middle;
    background:#fff;
    border-radius:0;
}
.fixed-table-footer, .fixed-table-header{
    border-radius:2px;
    min-height:30px;
    height:auto;
}
/* For Bootstrap Table Sticky Headers */
.fixed-table-footer, .fixed-table-container thead th{
    font-size:14px;
    background:#e7e8e0;
    font-weight:normal;
}
.fix-sticky th input[type="checkbox"]{opacity: 0;}
.fixed-table-header .table.sortable.table-hover {width: 100% !important;}/* Problematic */
.bootstrap-table .fixed-table-container{
    border-radius:0;
    border-left-color:#fff;
    border-width:0;
    clear:both;
    padding-bottom:0 !important; /* Overrides bootstrap inline padding, wtf? */
}
.fix-sticky {
    min-height: 35px;
    overflow: hidden;
    width:100%;
    top:60px !important; /* To accoutn for fixed global nav */
}
.admin-menu + #wrapper .fix-sticky{top:100px !important;}
.fix-sticky > div{
    position: absolute;
    transform: translateX(0px);
    min-width: 100% !important;
}
.fixed-table-header{
    border-radius:0;
    border-bottom:0;
}
.bootstrap-table .fixed-table-header{
    margin-right: 0 !important;
    overflow-y: visible !important;
    /* padding-right: 20px; Moved to Web.js - normalizeHeader()*/
}
.fixed-table-body table{
    background-color:#e7e8e0;
    border-left:1px solid transparent;
}
table.fixed{table-layout:fixed;}
.fixed-table-header-columns{z-index:10;}
.fixed-table-body-columns{
    /*top:60px !important;*/
    overflow:visible;/* Allow for tooltips inside fixed columns */
    box-sizing:content-box;
    padding-bottom:5px;
    z-index:1;
} 

.fixed-table-header .table.fixed.table-hover th.fix,
.fixed-table-body .table.fixed.table-hover td.fix{
    overflow:hidden;
}
/* Table tiles are clickable, lets add a pointer style */
#esf-admin tr{cursor: pointer;}
#projects tr{cursor: pointer;}
#tools tr, #tools-small tr{cursor: pointer;}

table tr{border:1px solid #e7eaec;}
table tr:nth-child(2n){background:#fff;}
table tr:nth-child(2n+1){background:#fafafa;}
table.no-zebra tr:nth-child(2n+1){background:#fff;}
.fixed-table-container thead th .both{background-image:none;}


table:not(.no-hover) tr.selected,
table.table-hover:not(.no-hover) > tbody > tr:hover,
table.small-cards.table-hover:not(.no-hover) > tbody > tr:hover {
    background: #e8f2f9;
}
.table-hover.no-hover > tbody > tr:hover{background: #fff;}
.fixed-table-container tbody .selected td{background:transparent;}

/* Drag and Drop Styles */
table.draggable tbody tr td:first-child{position:relative;padding:0 8px !important;}
/*table.draggable tbody tr:hover td:first-child{background: url('../img/gripper.png') 1px center no-repeat transparent;}*/
table.draggable:not(.filtered-view) tbody tr:not(.no-records-found) td:first-child:after{
    font-family: "abo";
    font-size:16px;
    content:"\E065";
    top:calc(50% - 11px);
    left:7px;
    opacity:0.3;
}
table.draggable:not(.filtered-view) tbody tr:hover td:first-child:after{opacity: 1.0}
tbody.ui-sortable td:first-child:after {
    background: transparent;
    content: "";
    cursor:pointer;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

tbody.ui-sortable:not(.ui-sortable-disabled) tr:not(.no-records-found) td:first-child:after{
    cursor:move;
    cursor:-moz-grab;
    cursor:-webkit-grab;
	
}
table tr.ui-sortable-helper,
table tr.ui-sortable-helper td:first-child:after {
    cursor:grabbing;
    cursor:-ms-grabbing;
    cursor:-moz-grabbing;
	
}
td.increase{color:#36947e;}
td.decrease{color:#ed5565;}

/* Multi-Sort Button */
.multi-sort.btn.btn-default {
    border-radius: 0px !important;
    margin-left: 20px;
}

.btn.btn-default.dropdown-toggle {
    border-radius: 0px !important;
    height: 34px;
    padding-bottom: 0;
    padding-top: 0;
}
/* Changed markup for bootstrap table filter */
.dropdown-menu > li > div {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

/* Dropdown menus inside of table*/
table .dropdown-menu{
    left:auto;
    right:0;
}
/** Table Styles to Allow for a dropdown menu inside of a table **/
.fixed-table-body .table-hover thead {opacity: 0;}
.table-wrap:not(.noMaxHeight) .bootstrap-table .fixed-table-body{
    overflow:auto;
    max-height:250px;
}
.noMaxHeight .fixed-table-body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden !important;
}

.noMaxHeightOnly .fixed-table-body {
    height: 100%;
    overflow-y: hidden !important;
}

.col-picker {
    border-right: 1px solid #ccc;
    display: inline-block;
    height: 100%;
    line-height: 36px;
    margin-right: 5px;
    padding-right: 10px;
}
table td, 
.table > tbody > tr > td,
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td,
.table > thead > tr > th{
    min-height:35px;
    height:100% ;
    text-align:left;
    padding:0 10px;
    vertical-align:middle;
    border:1px solid #e7eaec;
    line-height:normal;
}
/* Decrease the top/bottom table padding globally */
.bootstrap-table .table:not(.table-sm), .bootstrap-table .table:not(.table-sm) > tbody > tr > td, .bootstrap-table .table:not(.table-sm) > tbody > tr > th, .bootstrap-table .table:not(.table-sm) > tfoot > tr > td, .bootstrap-table .table:not(.table-sm) > tfoot > tr > th, .bootstrap-table .table:not(.table-sm) > thead > tr > td{
    padding:2px 8px;
}
/* No Vertical Borders */
table.no-borders td, 
.table.no-borders > tbody > tr > td, 
.table.no-borders > tbody > tr > th, 
.table.no-borders > tfoot > tr > td, 
.table.no-borders > tfoot > tr > th, 
.table.no-borders > thead > tr > td,
.table.no-borders > thead > tr > th{
    border-width:0;
}
.fixed-table-body table, 
.bootstrap-table .fixed-table-header .table thead > tr > th, 
.bootstrap-table .fixed-table-header, 
.bootstrap-table .fixed-table-footer {
    background: #e7e8e0;
}
.bootstrap-table .fixed-table-body .table tr td:not(.bs-checkbox, .likert-first-column):first-child {
    padding-left: 20px;
}

/* Hide footer when using footer formatter functions, but dont need the footer */
.hideFooter .fixed-table-footer {
    display: none !important;
}

table.no-borders tr{
    border-width:1px 0;
}
/* No table borders */
.bootstrap-table .table.no-borders{border:0 !important;}

/* Hidden Rows */
table.tree-table tr td.hideThis > a{opacity:0;}
table.tree-table tr:hover td.hideThis > a{opacity:0.5;}
table.tree-table tr:hover td.hideThis:hover > a{opacity:1;}
.table tr.hidden{
    display:none !important;
    padding:0;
}

.table > thead > tr > th,
.table > thead > tr > td{min-height:30px;height:auto;}
table td input[type="text"]{
    width:100%;
    height:25px;
    line-height:25px;
    border:1px solid #d1d4d0;
    padding:0;
    margin:0;
    color:#676a6c;
    text-indent:5px;
}
table td.max-width input[type="text"]{
    max-width:200px; /* Max width to table inputs, per Ben Feedback 12/21/16 */
}
/* Cell inputs that have pre-text */
table td input[type="text"].preText,
table td input[type="text"].postText{
    width:calc(100% - 15px);
    display:inline-block;
    margin:0 0 0 3px;
}
/* Cell inputs that have post-text */
table td input[type="text"].postText{
    margin:0 3px 0 0;
}
/* Cell inputs that have both pre and post text */
table td input[type="text"].preText.postText{
    width:calc(100% - 30px);
    margin:0 3px;
}
table td span.pre,
table td span.post{
    font-size:12px;
}

table td input[type="text"].pad-r{padding-right:5px;}
table td select{width:100%;}
table td input[type="text"].has-label,
table td select.has-label{width:90%;margin: auto;}

table td input[type="text"].has-label + span,
table td select.has-label + span{
    line-height:23px;
}

/* Table Form Elements */
table select[multiple],
table textarea{
    min-height:0;
    max-height:100px;
}
table tbody .check-wrap, 
table tbody .radio-wrap {
    float: left;
}

.table-wrap{background:#fff;}
.table-wrap.supporting-table {padding-bottom: 20px;}
/* Meta In Table Header */
.meta-info {
    color: #b1b2b5;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding-top: 17px;
}

/* Table - Roll Up Data Cells */
table .sum-num{opacity: 0.5;}

/**** Table Cell Styles ****/
/* Progress Bar */
.progress-bar{
    width:125px;
    width:69%;
    max-width:125px;
    height:13px;
    background-color:#e7e8e0;
    box-shadow:none;
    margin-top:2px;
}
.progress-bar > div{
    background-color:#8b938a;
    height:100%
}
.progress-bar + span{
    display:inline-block;
    width:31%;
    text-align:right;
    font-size: 12px;
}
.table-img{max-height:75px;}
/* Allow for Table Scrolling */
/* .fixed-table-body {overflow-y: auto;} */

/* Tool Bar */
.table-toolbar{}
.pull-left.columns-left{margin-left:10px;}

/* Filter Overrides */
button.btn-default.btn-refresh span {
    display: inline-block;
    font-family: "open sans";
    width: auto;
}
.glyphicon-repeat::before {content: "Apply";}
.glyphicon-filter:before{
    font-family:"FontAwesome";
    content:"\f0b0";
}

/* Hide Checkbox for Search field within a filter */
li[data-val='cnt'] input[type="checkbox"]{display:none;}

/* Custom Sort Arrows */
.fixed-table-container thead th .th-inner{
    white-space:normal !important;
    line-height:18px !important;
}

.fixed-table-container thead th .sortable{
    position:relative;
}
.fixed-table-container table:not(.sort-arrows) thead th .th-inner.sortable.both{background-image:none;}
.fixed-table-container table:not(.sort-arrows) thead th .sortable.desc,
.fixed-table-container table:not(.sort-arrows) thead th .sortable.asc{
    background-image:none !important;	
    font-weight:700;
}

.fixed-table-header table.sort-arrows thead th .both {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}

.fixed-table-header table.sort-arrows thead th .asc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
}

.fixed-table-header table.sort-arrows thead th .desc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
}

.fixed-table-container thead th .sortable.both:after,
.fixed-table-container thead th .sortable.both:before{
    font-family:"FontAwesome";
    color:#000;
    font-size:15px;
    content:'\f0dd';
    position: absolute;
    right: 5px;
    top: 10px;
}
.fixed-table-container thead th .sortable.both:after{
    content:'\f0de';
    top:8px;
}
.fixed-table-container thead th .sortable.asc:before,
.fixed-table-container thead th .sortable.desc:after{display:none;}
/* Table Drag Styles */
.reorder_rows_onDragClass {
    background-color: #eee !important;
    box-shadow:0 0 5px 1px rgba(0,0,0,0.5);
    width:99%;
    border-radius:4px;
}

/** Tool bar styles */
.fixed-table-toolbar .bars, 
.fixed-table-toolbar .columns, 
.fixed-table-toolbar .search {
    line-height:inherit;
    margin-bottom:0;
    margin-top:0;
    position: relative;
}
.table-toolbar.clear {}
.table-toolbar .select-wrap,
.table-toolbar .btn-toolbar{float:left;margin-left:0;}

/** Hide Filter, but keep it enabled! */
.hide-filter .btn-toolbar {display: none;}

/* Search Input w/ Clear Button */
.pull-left.search > input.form-control {
    float: left;
    height: 36px;
    margin-bottom: 0;
    margin-right: 10px;
    width: 200px;
}
.pull-left.search > input.form-control + a.button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #ccc;
    font-size: 14px;
    height: 35px;
    line-height: 29px;
    margin-top: 1px;
    position: absolute;
    right: 4px;
    top: 2px;
}
/** Editable Table Cells **/
.editable-click, 
a.editable-click, 
a.editable-click:hover{
    border-bottom:none;
    width:100%;
    display:inline-block;
}
a.editable-click:not(.editable-disabled):after{
    font-family:"FontAwesome";
    content:'\f044';
    float:right;
}

/**
    Bootstrap Table Footer 
**/
.fixed-table-footer,
.fixed-table-footer table.no-borders tr{border:none;border-radius:0;}
.fixed-table-footer td{background-color:#ccc;}
/* Fixed Table Footer */
.table-wrap.hasFixedFooter{margin-bottom: 100px;}
.table-wrap.hasFixedFooter.no-footer-buttons {margin-bottom: 46px;}
.hasFixedFooter .fixed-table-footer {
    position: fixed;
    bottom: 20px;
    width: calc(100% - 300px);
    right:40px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition:  all 0.3s ease-in-out 0s;
    -ms-transition:  all 0.3s ease-in-out 0s;
    -o-transition:  all 0.3s ease-in-out 0s;
    transition:  all 0.3s ease-in-out 0s;
}
.hasFixedFooter.no-backdrop .fixed-table-footer {
    right: 20px;
    bottom: 0px;
    width: calc(100% - 260px);
}
.hasFixedFooter.hasFixedButtons .fixed-table-footer {
    bottom: 50px;
}
/* Fixed Table Buttons */
.hasFixedButtons + .action-buttons{
    position: fixed;
    bottom: -3px;
    width: calc(100% - 260px);
    padding: 10px 20px;
    margin: 0;
    right: 20px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition:  all 0.3s ease-in-out 0s;
    -ms-transition:  all 0.3s ease-in-out 0s;
    -o-transition:  all 0.3s ease-in-out 0s;
    transition:  all 0.3s ease-in-out 0s;
}
.mini-nav .hasFixedFooter .fixed-table-footer{width: calc(100% - 150px);}
.mini-nav .hasFixedFooter.no-backdrop .fixed-table-footer {width: calc(100% - 110px);}
.mini-nav .hasFixedFooter .fixed-table-footer{width: calc(100% - 150px);}
.mini-nav .hasFixedButtons + .action-buttons{width: calc(100% - 110px);}
.mini-nav .fixed-scrollbar { width: calc(100% - 150px); }
.mini-nav .fixed-scrollbar.no-backdrop { width: calc(100% - 110px); }
/* Allocation Roll-up Footers */
.fixed-table-footer .pad-all-thin{padding:0;}
.fixed-table-footer .not-allocated{color:#de4c1f;}
.fixed-table-footer .allocated{color:#00a453;}
.bootstrap-table .fixed-table-footer tbody > tr > td:first-child .th-inner {padding-left: 20px;}

/**
    BOOTSTRAP TABLE - DETAIL/CARD VIEW
**/
.bootstrap-table.cardView .table,
.bootstrap-table.cardView .fixed-table-body,
.bootstrap-table.cardView .fixed-table-body th,
.bootstrap-table.cardView .fixed-table-body tr,
.bootstrap-table.cardView .fixed-table-body td,
.bootstrap-table.cardView .fixed-table-container{
    border:0;
    background:none;
}
.bootstrap-table.cardView .fixed-table-body table{margin-top:0 !important;}
.bootstrap-table.cardView .fixed-table-body table{max-width: 100%;}
.bootstrap-table.cardView .fixed-table-body table tbody{
    display:flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.bootstrap-table.cardView .table tr {
    border: 2px solid #e5e6e7;
    border-radius: 12px;
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    padding: 10px;
    width: calc((100% - 40px) / 3);
    max-width: calc((100% / 3) - 16px); 
    background:#fff;
    position:relative;
}

.bootstrap-table.cardView .table.small-cards tr {
    border: 2px solid #e5e6e7;
    border-radius: 12px;
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    padding: 10px;
    width: calc((100% - 70px) / 4);
    max-width: calc((100% / 4) - 16px);
    background: #fff;
    position: relative;
}
.bootstrap-table.cardView .table tr:nth-child(3n){margin-right:0;}
.bootstrap-table.cardView .table.small-cards tr:nth-child(3n){margin-right:20px;}
.bootstrap-table.cardView .table.small-cards tr:nth-child(4n){margin-right:0;}
.bootstrap-table.cardView .card-views:after{
    clear:both;
    content:' ';
    display:block;
}
.bootstrap-table.cardView .table tr td {
    display: block;
    height: auto !important;
}
/* User Details */
.bootstrap-table.cardView .card-views .user-detail .image{width:50px;}
.bootstrap-table.cardView .card-views .user-detail .image img{
    border-radius:50%;
    overflow:hidden;
    width:100%;
}
.bootstrap-table.cardView .card-views .user-detail .content{
    width:calc(100% - 50px);
    padding-left:20px;
}
.bootstrap-table.cardView .card-views .user-detail .meta{
    color:#ccc;
}
.bootstrap-table.cardView .card-views .user-detail .dropdown{
    position:absolute;
    top:10px;
    right:10px;
}
.bootstrap-table.cardView .card-views .fa-gear{font-size:22px;}

/* Item Details */
.bootstrap-table.cardView .card-views .meta-top{
    line-height:28px;
    text-transform:capitalize;
}
.bootstrap-table.cardView .card-views .meta-top a{float:right;}
.bootstrap-table.cardView .card-views .item-detail img{
    height:70px;
    margin:10px auto;
    display:block;
    max-width: 85%;
}
.bootstrap-table.cardView .table.small-cards .card-views .item-detail img {
    height: 30px;
    margin: 10px auto;
    display: block;
}
.bootstrap-table.cardView .card-views .item-detail .content{}
.bootstrap-table.cardView .card-views .item-detail .content strong{text-transform:uppercase;}
.bootstrap-table.cardView .card-views .item-detail .content a{
    position:absolute;
    top:calc(50% - 10px);
    right:20px;
    font-size:20px;
}




/* Save Action Buttons */
.form-actions{margin:20px 20px 0;}

/** Table Select Bulk Actions **/
.select-wrap{
    position:relative;
    min-width:200px;
    display:inline-block
}
.select-wrap.top-wrap select.select-bulk{
    margin: 10px 20px;
}
.select-wrap.top-wrap:after {
    right: -3px;
    top: 10px;
}

.select-wrap:after{
    font-family:"FontAwesome";
    content:'\f0dd';
    width:20px;
    display:inline-block;
    right: 17px;
    text-align: center;
    top:0;
    position:absolute;
    background:#fff;
    color:#707070;
    font-size:15px;
    height: 34px;
    line-height: 29px;
    pointer-events: none;
    border:1px solid #ccc;
    border-left-color:#fff;
    border-radius:0 0px 0px 0;
}
.table-toolbar .select-wrap:after{top:0px;}

label.for-select{
    margin:17px 0 0 20px;
}

/** Multi Select **/
select[multiple]{min-height:100px;}
select[multiple] option[disabled]{
    background:#ccc;
    opacity:0.8;
}

/* Selects with input fields */
.select-field{
    display:none;
    margin-top:10px;
}
.select-field input[type="text"] {
    margin:0 10px 10px 0;
    width: 100px;
    height:33px;
}
.select-field a.button{
    margin-bottom:0;
    height:33px;
    line-height:31px;
}

/** Hide IE clear field 'x', and the Password reveal, while were at it **/
input::-ms-clear,
input::-ms-reveal {
    display: none;
}
	
.inline-selects{}
.inline-selects .select-wrap{
    min-width:0;
}
.inline-selects .select-wrap:after {
    height: 33px;
    right: 0;
    border-color: #e5e6e7 #e5e6e7 #e5e6e7 #fff;
}
.inline-selects > span{
    line-height:29px;
    font-size:14px;
    padding-right:15px;
}

/*------------------------------------*\
    VERTICAL TAB STYLES
\*------------------------------------*/
.form-part .tab-content > .tab-pane{
    padding:25px;
    background:#f4f4f2;
}
/* Pane color in accent divs */
.bg-accent .tab-content > .tab-pane{background:#e7e8e0;}



ul.nav.nav-tabs {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
}
ul.scroll{
    overflow-y:auto;
    min-height:45px;
}
ul.nav.nav-tabs li{
    display:block;
    width:100%;
    margin-bottom:0;
    min-height:30px;
    padding:8px;
    margin-top:0;
    background:#fff;
    cursor:pointer;
    border-bottom:0px solid #e7eaec;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition:  all 0.4s ease-in-out 0s;
    -ms-transition:  all 0.4s ease-in-out 0s;
    -o-transition:  all 0.4s ease-in-out 0s;
    transition:  all 0.4s ease-in-out 0s;
}
ul.nav.nav-tabs li:first-child{margin-top:0}
ul.nav.nav-tabs li.active,
ul.nav.nav-tabs li:hover{background:#f4f4f2;}

/* Tab color in accent divs */
.bg-accent ul.nav.nav-tabs li.active,
.bg-accent ul.nav.nav-tabs li:hover{background:#e7e8e0;}

ul.nav.nav-tabs li a,
ul.nav.nav-tabs li a:hover,
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover{
    background:none;
    border:0;
    color:inherit;
    padding:0;
}
ul.nav.nav-tabs li a .left {
    max-width: 155px;
    /* Add Hyphenation */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.nav-tabs label{font-weight: 700;}
.nav-tabs .default-lang a:after{
    font-family:"FontAwesome";
    font-size:14px;
    content:'\f005';
    color:rgba(177, 178, 181, 0.8);   
}
.nav-tabs input[type="checkbox"]{margin-right:5px;}

/* Tabs Scroll Container */
ul.nav-tabs .scroll{
    overflow:auto;
}

.tab-content {
    position: relative;
    overflow: hidden;
    width: 100%;
}


.tab-content.surveytable {
    min-height: 100vh;
}

div.no-tab {
    border-bottom:1px solid #e7eaec;
    display: inline-block;
    min-height: 30px;
    padding:8px 10px 8px 5px;
    width: 100%;
}

/* Make this a Circle with a plus in it */
div.no-tab a.button {
    border: 0 none;
    border-radius: 50%;
    font-size: 12px;
    height: 22px;
    line-height: 9px;
    padding: 5px;
    text-align: center;
    width: 22px;
}

.clear.no-tab > span {
    display: inline-block;
    max-width: 135px;
    white-space: pre-line;
    word-wrap: normal;
    padding-left:5px;
    font-size:12px;
}

/* Tab Action Icons */
ul.nav.nav-tabs li i{
    color:#b1b2b5;
    font-size:14px;
    padding-left:10px;
    cursor:pointer;
}
ul.nav.nav-tabs li.active i,
ul.nav.nav-tabs li:hover i{
    color:#32c77f;
}

/*** Vertical Tabs for GAPS ***/
ul.nav.nav-tabs.nav-gaps li{
    padding:15px 15px 15px 45px;
    list-style-type:decimal;
    list-style-position:inside;
    display:list-item;
    font-size:16px;
    position:relative;
    cursor:pointer;
}
ul.nav.nav-tabs.nav-gaps li a{
    font-size:16px;
    display:inline-block;
    display:-ms-inline-grid;
    vertical-align:top;
    width:120px;
    margin-right:0;
}

/* Checkmark */
ul.nav.nav-tabs.nav-gaps li:before{
    font-family:"FontAwesome";
    font-size:18px;
    content:'\f058';
    left:22px;
    top:19px;
    color:#b5b6ba;
    position:absolute;
    opacity:0.4; /*Per Wendy*/
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition:  all 0.4s ease-in-out 0s;
    -ms-transition:  all 0.4s ease-in-out 0s;
    -o-transition:  all 0.4s ease-in-out 0s;
    transition:  all 0.4s ease-in-out 0s;
}
ul.nav.nav-tabs.nav-gaps li.complete:before{
    color:#1b82c4;
    opacity:1;
}

/*------------------------------------*\
    PROJECT ADMIN  - project.html
\*------------------------------------*/
form.admin-form{margin:20px 0;}
.form-part{margin:20px 0 30px;}
.form-part > h3 {margin-bottom: 20px;}
.form-item{margin:10px 0;}
.form-item label{padding-top:6px;}
.input-help {
    opacity:0.5;
    padding: 6px 0 0 20px;
}

.admin-form .form-group{margin-left:100px}
.admin-form .form-group label{width:167px;}

.admin-form .form-group .style-group{margin-right:70px;}

/* Add Admin Section */
#admin-list{
    background:#f4f4f2;
    border:1px solid #ccc;
    height:150px;
    width:320px;
    margin:0 20px 20px 10px;
    overflow-y:auto;
}

#admin-list .tag-item{
    line-height:30px;
    border-bottom:1px solid #ccc;
    padding:0 10px 0 5px;
    background:transparent;
    border-radius:0;
    display:block;
    margin:0;
}
#admin-list .tag-item strong {width: 32%;}
#admin-list .tag-item span {
    margin: 0 0 0 10px;
    text-align: left;
    width: 55%;
}

/*** Theme Switcher Preview Window Styles ****/
#preview-window{width:350px;font-size:10px;margin:20px 0 0;}
#preview-header{height:20px;background:#00532f;}
#preview-client-logo,
#main-client{position:absolute;right:3px;font-size:8px;line-height:8px;font-weight:600;top:2px;}
#main-client{float:left;color:#fff;position:relative;right:auto;left:5px;}
#preview-nav{width:20px;background:#00532f;color:#fff;padding-top:20px;}
#preview-nav a{display:block;text-align:center;cursor:pointer;}
#preview-nav a.active{background:rgba(24, 166, 137, 1);color:#fff;}
#preview-wrapper{position:relative;width:calc(100% - 20px);}
#preview-view{background:rgb(245, 245, 245);padding:3px 5px;}
#preview-tabs{width:50px;border-top:3px solid #e7eaec;font-weight:bold;text-align:center;color:#505456;line-height:15px;}
#preview-tabs div{height:15px;margin-bottom:2px;background:#e7eaec;}
#preview-tabs div.active{background:#fff;}
#preview-pane{background:#fff;width:calc(100% - 70px);padding:5px;border-top:3px solid #e7eaec;line-height:11px;}



/* Modals with Tables */
.modal.has-table .modal-dialog {width: 850px;}
.modal.has-language .modal-dialog {width: 850px;}

/*xl modals*/
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    #thankYouModal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 10%;
    }
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
    .modal-lg {
        width: 80%;
        max-width: 900px;
    }
}

#defaultUnchecked {
    margin-right: 10px;
}
#signature {
    margin-top: 10px;
}
#welcomeText.modal-title{
    font-weight:bold;
}
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

#confirmationPopup .modal-title:before {
    content: "\f071";
    color: #f08821;
    font-family: "fontawesome";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 1px;
    margin-right: 7px;
}
/*------------------------------------*\
    USER ADMIN  - user.html
\*------------------------------------*/
.user-img-upload {
}
.user-img-upload .file-input{width:calc(100% / 6);}
.user-img-upload .file-preview-frame,
.file-default-preview{
    margin:0;
    padding:0;
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:hidden;
}
.user-img-upload .file-preview-frame img{
    width:60px !important;
    height:60px !important;
}

/* Import User Upload Field */
.user-file-upload .file-input {width: calc(100% / 3);} 
.tag-item{
    background:#ccc;
    font-size:12px;
    border-radius:4px;
    display:inline-block;
    padding:1px 20px 1px 3px;
    position:relative;
    white-space:nowrap;
    margin:0 3px 3px 0;
    color:#676a6c;
}
.tag-item a{
    position:absolute;
    top:1px;
    right:5px;
    color:#676a6c;
}
.tag-item a i{color:#676a6c !important;}

/*------------------------------------*\
    CLIENT HELP PAGES - client-help.html, help-detail.html
\*------------------------------------* 
 /* Help Landing Page */
.search-wrap > a{
    text-align: center;
    position: absolute;
    top: 5px;
    right: 10px;
}

/* jQuery UI Autocomplete Overrides */
ul.ui-autocomplete{
    font-size:14px;
    font-family: "Open Sans";
}
ul.ui-autocomplete li.ui-menu-item.ui-state-focus{
    background: initial;
    background-color:#fff;
}

/* Help Detail Page */
article.help-content{}
article.help-content p{margin:0 0 20px 0;}
article.help-content img{
    max-width:100%;
    margin:10px 0;
}
article.help-content ul{
    list-style-type: disc;
    margin: 10px 0 10px 5px;
    padding: 0 10px;
}
article.help-content ul li a{padding:5px 0;}

/* Contextual Help Menu */
.contextual-help{
    position:absolute;
    width:325px;
    transform:translateX(360px);
    top:0;
    right:0;
    border:1px solid #ccc;
    background:#fff;
    height:100%;
    max-height:100%;
    overflow-y:auto;
    z-index:10;
    box-shadow:2px 0px 6px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition:  all 0.3s ease-in-out 0s;
    -ms-transition:  all 0.3s ease-in-out 0s;
    -o-transition:  all 0.3s ease-in-out 0s;
    transition:  all 0.3s ease-in-out 0s;
}
.help-menu .contextual-help{transform:translateX(0);}
.contextual-help .close{
    position:absolute;
    right:0;
    top:0;
}



.slide-container,
.inner-menu{overflow:hidden;}
.slide-container li a{
    padding:5px 0;
    font-size:14px;
}
.contextual-help-topic{
    height:auto;
    max-height:0;
    background:#fff;
    overflow:hidden;
}
.show-topic .contextual-help-topic{max-height:1000em;}
.show-topic .inner-menu{max-height:0;}

.contextual-help-topic .title{
    font-size:16px;
}

/*------------------------------------*\
    EDIT LANGUAGE CONTENT - edit-content-element.html
\*------------------------------------*/

textarea.min-height{min-height:100px;}
.updated-block{
    width:90px;
    height:39px;
    line-height:39px;
    text-align:center;
    background:rgba(23,123,87,1);
    color:#fff;
}


/* Change Gear Color Globally? */
table i.fa-gear {
    color: #999;
    font-size: 18px;
}
#meta-actions .download-icon i, 
#meta-actions .upload-icon {
    color: #999;
}

/* Google Tramslate */
a.google-translate{
    margin-bottom:35px;
}
.updated-block + span{line-height: 39px;}
.help-text.col-4.mar-l {width: 38%;}
.help-text.col-4.mar-l .input-help{
    margin-bottom:10px;
    padding-left:0;
}

/* Compare Container */
.compare-wrap{
    position:absolute;
    top:110px;
    right:-1000px;
    width:370px;
    border:1px solid #ccc;
    background: #fff;
    z-index:1;
}
.compare .compare-wrap{right:20px;}

.compare-wrap a{
    position:absolute;
    top:15px;
    right:15px;
}
.compare-wrap:before,
.compare-wrap:after{
    border-color:transparent transparent #fff transparent;
    border-style:solid;
    border-width:10px;
    content:"";
    height:0;
    width:0;
    position:absolute;
    top:-20px;
    right:50px;
    display: block;
    z-index: 1;
}
.compare-wrap:after {
    border-bottom-color: #ccc;
    z-index: 0;
    border-width: 11.5px;
    right: 49px;
    top: -23px;
}

/** Validate Report **/
.import-line-indent{margin-left: 45px;}
/*------------------------------------*\
    FORM ELEMENTS
\*------------------------------------*/
form{}
.form-group {
    margin-bottom: 15px;
    position:relative;
}
input[type="text"],
input[type="email"], 
input[type="password"],
textarea{
    background:#fff;
    font-weight:400;
    border: 1px solid #d1d4d0;
    border-radius: 1px;
    color: #000;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin-bottom:10px;
}

.validation input[type="text"] {
    background: #fff;
    font-weight: 400;
    border: 1px solid #d1d4d0;
    border-radius: 1px;
    color: #000;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
    select {
        background: #fff;
        font-weight: 400;
        height: 33px;
        line-height: 33px;
        border: 1px solid #e5e6e7;
        border-radius: 1px;
        color: #000;
        display: block;
        font-size: 12px;
    }
.login input[type="text"],
.login input[type="email"], 
.login input[type="password"]{width:100%;}

input[type="text"]:focus,
input[type="email"]:focus, 
input[type="password"]:focus,
textarea:focus,
.form-control:focus {
    border: 1px solid #e5e6e7;
}

/** Upload Field **/
input[type="file"]{}

/** Remove Chrome Autofill Color **/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

label{
    font-weight:400;
    margin:0;
}

/* Success Styles */
#login .success:after,
#login .error:after{
    display:inline-block;
    content:'\f058';
    color:#8dc63f;
    font-size:24px;
    position:absolute;
    top:7px;
    right:20px;
    font-family:"FontAwesome";
}

.success input[type="text"],
.success input[type="password"],
.success input[type="email"]{
    border-color:#8dc63f;
}

/* Error Styles */
#login .error:after{
    color:#de4c1f;
    content:'\f06a';
}

.error input[type="text"],
.error input[type="password"],
.error input[type="email"]{
    border-color:#de4c1f;
}
.error label{
    color:#de4c1f;
}


.form-group.required.stacked:after {top: 30px;}
input[type="text"]:disabled,
input[type="password"]:disabled{}

.input-error {
    display:none;
    clear: both;
    color: #de4c1f;
    margin-left: calc(100% / 11);
    position:relative;
    padding-left:20px;
}
.error .input-error{display:block;}
.input-error:before{
    display:inline-block;
    content:'\E078';
    color:#de4c1f;
    font-size:14px;
    position:absolute;
    top:0;
    left:0;
    font-family:"ABO";
}



/* Select */
select.btn{
    border:1px solid #ccc;
    text-align:left;
    padding:6px 0 6px 5px;
    min-width:128px;
    margin:0;
    height:34px;
    width:calc(100% - 17px);
    display:block;
}
/* Table Select */
select.td-select{
    height:27px;
    width:100%;
    min-width:80px;
}
.section-heading .select-wrap:after{top:0;}
select.btn[multiple] {
    height: auto;
    max-height: 100px;
    max-width: 200px;
    padding: 0;
}




/***** CSS Radio and Checkboxes ******/
.form-item input[type="checkbox"] {
    color: #ccc;
    height: 20px;
    margin: 4px 0 0;
    width: 20px;
}
.check-wrap,
.radio-wrap{position:relative}

table input[type="checkbox"],
.check-wrap input[type="checkbox"],
table input[type="radio"],
input[type="radio"]{
    opacity:0;
    z-index:10;	
    display:inline-block;
    width:15px;
    height:15px;
    cursor:pointer;
}
table input[type="checkbox"]{width: 20px}
table.tree-tables tr td input[type="checkbox"] {
    position:absolute;
    left:48%;
    top:calc(50% - 7px);
    opacity: 0;
    /* margin-left:-2px !important; */
    /* Hacky Fix for bootstrap table check box :() */
}
table.draggable.has-checkbox tbody tr td:first-child {
    position: relative;
    padding: 0 8px 0 30px !important;
    text-align: left !important;
}


.check-wrap input[type="checkbox"],
input[type="radio"]{position:absolute;}
.check-wrap label{
    cursor:pointer;
    padding-left:20px;
}

tbody .bs-checkbox,
thead .bs-checkbox .th-inner,
.check-wrap{position:relative;}
tbody .bs-checkbox:before,
thead .bs-checkbox .th-inner:before,
tbody .td-radio label,
.radio-wrap label:before,
.check-wrap label:before {
    font-family: "FontAwesome";
    content: '\f096';
    left: calc(50% - 7px);
    top: calc(50% - 11px);
    font-size: 15px;
    font-weight: 300;
    position: absolute;
    cursor: pointer;
}
.fix-sticky thead th.handle.bs-checkbox:first-child .th-inner::before {
    /*margin-left: 7px;*/
}

.draggable tbody .bs-checkbox:before, 
.draggable thead .bs-checkbox .th-inner:before{
    left:50%;
}
tbody .radio-wrap label:before{
    left:2px;
    content:"\f10c";
}

tbody .check-wrap label:before{
    top:0;
    left:calc(50% - 7px);
}
.check-wrap label:before {
    left: 0;
    top: auto;
}

/* Radio Version */
tbody .td-radio{position:relative;}
tbody .td-radio label,
tbody input[type="radio"] label,
label input[type="radio"] + span{
    width:15px;
    height:15px;
    cursor:pointer;
    font-size:14px;
    margin-right:10px
}

tbody input[type="radio"] label:before,
label input[type="radio"] + span:before{
    font-family:"FontAwesome";
    position:relative;
    left:0;
    content:'\f10c';
    color:#676a6c;
    vertical-align:text-top;
    padding-right:5px;
    font-size: 15px;
}


tbody tr.selected .bs-checkbox:before,
thead .bs-checkbox .th-inner.checked:before,
.check-wrap input[type="checkbox"]:checked + label:before {
    content: '\f14a';
}

tbody tr.selected.mixed .bs-checkbox::before{
    content: "v";
}

/* Radio Checked */
tbody .td-radio input:checked + label,
tbody .td-radio label:hover,
.radio-wrap label:hover,
.radio-wrap input:checked + label,
.check-wrap input[type="checkbox"]:checked + label{color:#676a6c}

/*.radio-wrap label:hover:before,*/
.radio-wrap input:checked + label:before,
label input[type="radio"]:checked + span:before{content:'\f111';}

/* Checkbox with Label in Header */
thead .hasLabel.bs-checkbox .th-inner:before{top:calc(50%);}
table .hasLabel.bs-checkbox label{
    margin-bottom: 0;
    display:block;
    cursor:pointer;
    font-weight:600;
}

/* textareas for tables */
table textarea{
    margin:0;
    padding:5px 10px;
    min-height:50px;
    color:#676a6c;
}

/** Tree Table Checkboxes **/
.draggable.tree-table thead .bs-checkbox .th-inner:before {
    left: 7px !important;
    position: relative;
    z-index: 0;
}
.draggable.tree-table thead .bs-checkbox .th-inner input {
    left: 34px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 7px);
}
table.tree-table tbody .bs-checkbox input[type="checkbox"]{display: none;}


/*------------------------------------*\
    MODAL DIALOG STYLES
\*------------------------------------*/
.modal{
    height:auto !important; /* Prevents the height from shrinking on drag */	
}
/*.modal-dialog{
    margin:10% auto 0;
    width:475px;
}*/
.modal-header,
.modal-body,
.modal-footer{padding:20px;}

.modal-header.ui-draggable-handle{cursor:move;}
/*------------------------------------*\
    TOOL TIP STYLES 
\*------------------------------------*/
.tooltip{border-radius:0;}
.tooltip.in{opacity:1;}
.tooltip-arrow{border-width:10px 10px 0;}
.tooltip.top .tooltip-arrow{border-top-color:#f7f8f4;}
.tooltip.bottom .tooltip-arrow{bottom:1px;border-bottom-color:#f7f8f4;}
.tooltip.left .tooltip-arrow{border-left-color:#f7f8f4;}
.tooltip.right .tooltip-arrow{border-right-color:#f7f8f4;}
/* Hide Tips in Tabs, for now */
.nav-tabs .has-tip:after{display:none;}
.tooltip-inner{
    background-color:#f7f8f4;
    color:#8b938a;
    padding:20px;
    min-width:200px;
    text-align:left;
    font-size:12px;
    font-weight:400;
    border:1px solid #f7f8f4;
    border-radius:0;
    line-height:18px;
    max-width:500px;
    box-shadow:4px 4px 4px 0 rgba(0,0,0,0.2);
}

/** POS Calculations Button/Markup **/
.pos-panel{}
.pos-panel > i{
    color: #32c77f;
    cursor: pointer;
    font-size: 14px;
    padding:10px 5px 0 10px;
}
.pos-panel a i{
    color:#b1b2b5;
    margin-right:5px;
}
.pos-panel .message{
    color: #b1b2b5;
    font-size: 12px;
    font-weight: 600;
}
.pos-panel a.button.btn-large{
    padding:5px 25px;
}

.pos-panel a.button.btn-large.processing,
.pos-panel a.button.btn-large.disabled{
    color:#b1b2b5;
    background-color:#fff;
    border-color:#b1b2b5;
    cursor:default;
}
/*------------------------------------*\
    TREE TABLE STYLES - client-activities.html
\*------------------------------------*/
table.tree-table{}
table thead tr {border-top: 0 !important;}
.node-indenter {
    display: table-cell;
    /* float: left; Causes problems in Chrome/IE */
    height: calc(100% + 8px);
    line-height: 30px;
    margin-left: 6px;
    min-width: 15px;
    padding: 0 0 0 1px;
    position: relative;
}
span.node-indenter{left:6px}
span.node-indenter:nth-of-type(2){left:12px;}
span.node-indenter:nth-of-type(3){left:18px;}
span.node-indenter:nth-of-type(4){left:24px;}
span.node-indenter:nth-of-type(5){left:30px;}
span.node-indenter:nth-of-type(6){left:36px;}
span.node-indenter:nth-of-type(7){left:42px;}

table.tree-table tr.branch td:first-child,
table.tree-table tr.leaf td:first-child,
table.tree-table tr.emptybranch td:first-child {
	min-height: 35px;
	padding: 0 8px 0 20px !important;
}
/* Vertical Lines for Branches */
tr.branch td:first-child, 
tr.branch ~ tr td:first-child {}
tr.branch td .fTable, 
tr.branch ~ tr td .fTable{display:table;height:100%;}
tr.branch td .indenterWrap, 
tr.branch ~ tr td .indenterWrap {
    position:relative;
    display:table-cell;
    display:table; /* Fixe for vertical tree lines when rows get tall on small screens. BE 2/8/2017 */
    height:100%;
    width:100%;
}
tr.branch:not(.leaf) td .indenterWrap:before,
tr.branch ~ tr td .node-indenter:before,
tr.branch.leaf td .node-indenter:last-child:after{
    border-left:1.5px solid #8b938a;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    left:0;
    position: absolute;
    width: 1px;
}

tr.branch:not(.leaf) td .indenterWrap:before{
    height:38%;
    left: 6px;
    bottom:0;
}

table.filtered-view tr.branch:not(.leaf) td .indenterWrap:before,
table.filtered-view tr.branch ~ tr td .node-indenter:before,
table.filtered-view tr.branch.leaf td .node-indenter:last-child:after{border:none !important;}

tr.branch.last-leaf:not(.leaf) td .indenterWrap:before{border:none;}
table:not(.has-checkbox) tr.branch td:first-child, table:not(.has-checkbox, .likert-scale) tr.branch ~ tr td:first-child,
table.has-checkbox tr.branch td:nth-child(2), table.has-checkbox tr.branch ~ tr td:nth-child(2) {
    padding: 0 8px 0 20px !important;
    white-space: pre;
    background: #fff; /* For Chrome */
}
.fixed-table-body table.optimized-tree:not(.has-checkbox) tr td:first-child{background: transparent !important;}
table.has-checkbox.tree-table tr.branch td:first-child, 
table.has-checkbox.tree-table tr.leaf td:first-child {
    padding: 0 0 0 30px !important;
}
table.has-checkbox tr.branch td:nth-child(2), 
table.has-checkbox tr.branch ~ tr td:nth-child(2){
    padding:0 8px 0 0 !important;
    background: transparent;
}
table:not(.has-checkbox) tr.branch.selected td:first-child,
.fixed-table-container table:not(.tree-tables) tbody .selected td{
    background:#f5f5f5 !important;
}
table:not(.has-checkbox) tr.branch:hover td:first-child,
table:not(.has-checkbox) tr.leaf:hover td:first-child {
    background: inherit;
}

.fixed-table-container table.tree-tables tbody .selected td{background-color:transparent !important;}
tr.branch.leaf td .node-indenter:last-child:after {
    height: 40% !important;
    left: 21px;
}

tr.branch ~ tr.leaf:not(.branch) td .node-indenter:before,
tr.branch ~ tr.leaf.branch td .node-indenter:before{height:calc(100% + 1px);left:0;}

/* Last Leaves */
tr.branch ~ tr.last-leaf td .node-indenter:last-child:before {
    left:0;
    height:calc(50% + 0px) !important;
    top:-1px;
}
tr.branch ~ tr.branch.leaf.last-leaf td .node-indenter:last-child:before{
    height:calc(50% + 1px) !important;
    top:-1px;
}
.node-indenter i {
    line-height:49px;
    height:49px;
    vertical-align: 0;
}

table.optimized-tree .node-indenter i {
    line-height:30px;
    height:30px;
    vertical-align: 0;
}

/* Hide Vertical Connecting lines in special cases */
tr.branch ~ tr.parent-last-leaf td .node-indenter:nth-last-child(2):before{border-color:transparent;}
tr.node-1 td .node-indenter:nth-child(1):before,
tr.node-2 td .node-indenter:nth-child(2):before,
tr.node-3 td .node-indenter:nth-child(3):before,
tr.node-4 td .node-indenter:nth-child(4):before,
tr.node-5 td .node-indenter:nth-child(5):before,
tr.node-6 td .node-indenter:nth-child(6):before,
tr.node-7 td .node-indenter:nth-child(7):before{border-color:transparent;}

/* Expand/Collapse */
tr.branch td .fTable a{
    display:inline-block;
    width:20px;
    height:49px;
    line-height:49px;
    font-size:13px;
    color:#8b938a;
}

table.optimized-tree tr.branch td .fTable a{
    height:30px;
    line-height:30px;
}
tr.branch td .fTable a:before{
    font-family:"ABO";
    content:"v";
}  
table.filtered-view tr.branch td .fTable a{width:.1px;}
table.filtered-view tr.branch td .fTable a:before{opacity:0;}

tr.branch.collapsed td .fTable a:before{content:"r";}
tr.branch.collapsed td .indenterWrap:before,
tr.collapsed.branch.leaf td .node-indenter:last-child:after,
tr.hideKids.branch.leaf td .node-indenter:last-child:after{
    border-color: transparent;
}

/* tr.branch.collapsed ~ tr.leaf td {
  display: none;
  height: 0 !important;
  overflow: hidden;
  padding: 0;
}
*/
/** Min Widths on First Table Cell base on Node Level **/
table:not(.has-checkbox, .likert-scale) tr[data-node-level="1"] td:first-child {min-width: 340px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="2"] td:first-child {min-width: 400px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="3"] td:first-child {min-width: 460px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="4"] td:first-child {min-width: 520px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="5"] td:first-child {min-width: 580px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="6"] td:first-child {min-width: 640px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="7"] td:first-child {min-width: 700px !important;}

table.has-checkbox tr[data-node-level="1"] td:nth-child(2) {min-width: 340px !important;}
table.has-checkbox tr[data-node-level="2"] td:nth-child(2) {min-width: 400px !important;}
table.has-checkbox tr[data-node-level="3"] td:nth-child(2) {min-width: 460px !important;}
table.has-checkbox tr[data-node-level="4"] td:nth-child(2) {min-width: 520px !important;}
table.has-checkbox tr[data-node-level="5"] td:nth-child(2) {min-width: 580px !important;}
table.has-checkbox tr[data-node-level="6"] td:nth-child(2) {min-width: 640px !important;}
table.has-checkbox tr[data-node-level="7"] td:nth-child(2) {min-width: 700px !important;}

/* Limit Size of Cell */
.fixed-table-body table.tree-table:not(.has-checkbox) tr td:first-child {min-width: 340px !important; max-width: 700px !important;}
table.tree-table.has-checkbox tr td:nth-child(2) {min-width: 340px !important; max-width: 700px !important;}

/* Filtered Views - Remove Tree Structure */
.filtered-view span.node-indenter:last-child {left: 0;}
.filtered-view span.node-indenter:not(:last-child){display: none;}
.filtered-view .node-indenter i {display: none;}

/* Filter Views Buttons */
a.button.filterNodes{
    margin-top:5px;
}

/*** Heirarchy Table Sans Vertical Line - Tree Table v 2.0 **/
/** 5/17/17 -  BE **/
/** Min Widths on First Table Cell base on Node Level **/
table:not(.has-checkbox, .likert-scale) tr[data-node-level="1"] td:first-child {min-width: 170px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="2"] td:first-child {min-width: 200px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="3"] td:first-child {min-width: 230px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="4"] td:first-child {min-width: 260px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="5"] td:first-child {min-width: 290px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="6"] td:first-child {min-width: 320px !important;}
table:not(.has-checkbox, .likert-scale) tr[data-node-level="7"] td:first-child {min-width: 350px !important;}

table.has-checkbox:not(.filtered-view) tr[data-node-level="1"] td.indent:nth-child(2) {padding-left:20px !important}
table.has-checkbox:not(.filtered-view) tr[data-node-level="2"] td.indent:nth-child(2) {padding-left:40px !important}
table.has-checkbox:not(.filtered-view) tr[data-node-level="3"] td.indent:nth-child(2) {padding-left:60px !important}
table.has-checkbox:not(.filtered-view) tr[data-node-level="4"] td.indent:nth-child(2) {padding-left:80px !important}
table.has-checkbox:not(.filtered-view) tr[data-node-level="5"] td.indent:nth-child(2) {padding-left:100px !important}
table.has-checkbox:not(.filtered-view) tr[data-node-level="6"] td.indent:nth-child(2) {padding-left:120px !important}
table.has-checkbox:not(.filtered-view) tr[data-node-level="7"] td.indent:nth-child(2) {padding-left:140px !important}

table.optimized-tree:not(.filtered-view) tr[data-node-level="0"] td.indent:nth-child(1) {padding-left:20px !important; width: 657px !important}
table.optimized-tree:not(.filtered-view) tr[data-node-level="1"] td.indent:nth-child(1) {padding-left:40px !important; width: 657px !important}
table.optimized-tree:not(.filtered-view) tr[data-node-level="2"] td.indent:nth-child(1) {padding-left:60px !important; width: 657px !important}
table.optimized-tree:not(.filtered-view) tr[data-node-level="3"] td.indent:nth-child(1) {padding-left:80px !important; width: 657px !important}
table.optimized-tree:not(.filtered-view) tr[data-node-level="4"] td.indent:nth-child(1) {padding-left:100px !important; width: 657px !important}
table.optimized-tree:not(.filtered-view) tr[data-node-level="5"] td.indent:nth-child(1) {padding-left:120px !important; width: 657px !important}
table.optimized-tree:not(.filtered-view) tr[data-node-level="6"] td.indent:nth-child(1) {padding-left:140px !important; width: 657px !important}
table.optimized-tree:not(.filtered-view) tr[data-node-level="7"] td.indent:nth-child(1) {padding-left:160px !important; width: 657px !important}

table.has-checkbox tr[data-node-level="1"],table.has-checkbox tr[data-node-level="1"]:hover{background: #f7f7f7;}
table.has-checkbox tr[data-node-level="2"]{background: #fff;}
table.has-checkbox tr[data-node-level="3"],table.has-checkbox tr[data-node-level="3"]:hover{background: #f7f7f7;}
table.has-checkbox tr[data-node-level="4"]{background: #fff;}
table.has-checkbox tr[data-node-level="5"],table.has-checkbox tr[data-node-level="5"]:hover{background: #f7f7f7;}
table.has-checkbox tr[data-node-level="6"]{background: #fff;}
table.has-checkbox tr[data-node-level="7"],table.has-checkbox tr[data-node-level="7"]:hover{background: #f7f7f7;}

table.optimized-tree tr[data-node-level="1"],table.optimized-tree tr[data-node-level="1"]:hover{background: #f7f7f7;}
table.optimized-tree tr[data-node-level="2"]{background: #fff;}
table.optimized-tree tr[data-node-level="3"],table.optimized-tree tr[data-node-level="3"]:hover{background: #f7f7f7;}
table.optimized-tree tr[data-node-level="4"]{background: #fff;}
table.optimized-tree tr[data-node-level="5"],table.optimized-tree tr[data-node-level="5"]:hover{background: #f7f7f7;}
table.optimized-tree tr[data-node-level="6"]{background: #fff;}
table.optimized-tree tr[data-node-level="7"],table.optimized-tree tr[data-node-level="7"]:hover{background: #f7f7f7;}

/*table tr.collapsed td i.abo-blacktie-regular-webfont-136:before{content:'\E030';}*/
td.indent > a i.abo::before{vertical-align: -2px;}

.tree-tables.filtered-view tr{display: table-row !important;}
table.tree-tables.filtered-view tr td i.aboSurveyNode:before {
    display: none;
}


td a.message.empty{opacity:0.4}
td a.message.empty:hover{opacity:1;}
/* Admin Filter Select */
.message-popup select{
    height:25px;
    margin:3px 0;
}
.message-popup.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    padding: 10px;
    font-size: 12px;
    width:290px;
    right: 130px;
    top: -27px;
}
.message-popup.dropdown-menu:before,
.message-popup.dropdown-menu:after{
    content:"";
    right:-20px;
    top:20px;
    color:#fff;   
    font-size:24px;
    width:0;
    height:0;
    display:block;
    position:absolute;
    border:10px solid transparent;
    border-left-color:#fff;
    z-index:1;
}
.message-popup.dropdown-menu:after {
    border-left-color: #ccc;
    border-width: 11px;
    right: -22px;
    z-index: 0;
}
.message-popup .message-list {
    max-height: 150px;
    overflow: auto;
}
.message-popup .message-list li{padding:5px 0;}
.message-popup .message-list li small{opacity:0.5;}
.message-popup a.button{
    padding:2px 4px;
    font-size:11px;
    margin-top:5px;
}
.message-popup textarea{
    margin:5px 0;
    font-size:12px;
    width:100%;
}
.message-popup .bold a{
    position:absolute;
    top:0;
    right:0;
}

.survey-title {
    color: #868686;
    font-size: 18px;
}

/* Tree Menu Options */
.dropdown.tree-options{padding:10px 0 5px;}

.dropdown.tree-options.survey-list {
    padding: 15px 0 5px 15px;
}

#wrapper .dropdown.tree-options a {
    font-size: 12px;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom:5px;
}
#wrapper .dropdown.tree-options > a{color:#8b938a;}
#wrapper .dropdown.tree-options > a i{vertical-align:text-top;padding-left:5px;}
#wrapper .dropdown.tree-options a[disabled] {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

/* Status Icons in Tables */
table .statusText{
    width: 80%;
    display: inline-block;
    padding-right:5px;
}
table ul.statusDD{
    width: 10%;
    display: inline-block;
}
/*------------------------------------*\
    ADMIN SETUP SCREEN STYLES
\*------------------------------------*/
/* Edit Module Details */
#question-list{
    max-height:350px;
    overflow-y: auto;
    overflow-x: visible;
    border:1px solid #ccc;
}

.break-bar{
    background:#ccc;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    height: 45px;
    line-height: 25px;
    padding: 10px;
}

/* Edit Calculations */
#calculator, .text-wrap{
    width:100% !important;
    background: #fff;
}

.text-tag.defined .text-button {
    background: #ededed !important;
    border: 1px solid #cccccc !important;
}
.text-core .text-wrap .text-tags .text-tag .text-button{margin:0 5px 5px 0 !important;}
/* Variable Selector */
.tileMenu input:checked + label + #object.list-options{
    padding:0 0 20px 0;
}
.metric-selector .head{
    padding:15px 10px 10px 15px;
    background:#fff;
}
.layerMenu .metric-selector .head,
.graphMenu .metric-selector .head{
    padding:0 0 10px 0;
}

.ddMenu.layerMenu ul:before, .ddMenu.layerMenu ul:after,
.ddMenu.graphMenu ul:before, .ddMenu.graphMenu ul:after{
    left: 100px;
}

.metric-selector .top-folder{
    width:34px;
    text-align:center;
}
.metric-selector a.top-folder i{display:block;}
.metric-selector .form-item{width:170px;}
.layerMenu .metric-selector .form-item,
.graphMenu .metric-selector .form-item{
    width:180px;
}
.folder-back{
    display:block;
    background: #f9fafc;
    font-weight:500;
    font-size:16px;
    line-height:35px;
    height:35px;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0 10px 0 15px;
}
.folder-back i{
    font-size:14px;
    padding-right:10px;
    vertical-align:inherit;
}
.metric-selector[data-level='0'] .folder-back i{display:none;}
.metric-selector[data-level='0'] .folder-back span{color:#676a6c;}

.level-wrap{
    height:230px;
    padding-top:7px;
    overflow-y:auto;
    overflow-x:hidden;
    border-bottom:1px solid #97acc7;
    border-top:1px solid #97acc7;
    background:#f9fafc;
}

.layerMenu .level-wrap,
.graphMenu .level-wrap{
    border:1px solid #97acc7;
}

.level-wrap .inner{
    width:720px;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -ms-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    /* Default to 1st Level */
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.level-wrap .inner[data-level="2"]{
    -webkit-transform:translateX(-240px);
    -moz-transform:translateX(-240px);
    -ms-transform:translateX(-240px);
    -o-transform:translateX(-240px);
    transform:translateX(-240px);
}
.level-wrap .inner[data-level="3"]{
    -webkit-transform:translateX(-480px);
    -moz-transform:translateX(-480px);
    -ms-transform:translateX(-480px);
    -o-transform:translateX(-480px);
    transform:translateX(-480px);
}
.level-wrap .inner[data-level="4"]{
    -webkit-transform:translateX(-720px);
    -moz-transform:translateX(-720px);
    -ms-transform:translateX(-720px);
    -o-transform:translateX(-720px);
    transform:translateX(-720px);
}


ul.level{
    float:left;
    width:240px;
}
ul.level[data-level="1"] ~ ul{display:none;}
.level-wrap ul.level li{
    margin:0;
}
ul.level li a{
    display:block;
    height:30px;
    line-height:30px;
    color:#000;
    padding:0 20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    background:#f9fafc;
    position: relative;
}
ul.level li a:hover,
ul.level li a.selected{
}

ul.level li a:after{
    font-family:"FontAwesome";
    content:"\f054";
    right:2px;
    font-size:14px;
    opacity: 0.2;
    position:absolute;
    top:-1px;
}
ul.level li a.tag:after{content:"\f067";}

.metric-selector .form-item{
    width:170px;
    margin-bottom:0;
}
.metric-selector .form-item label{
    position:absolute;
    left:10px;
    top:3px;
    color:#00b4ae;
    font-size:18px
}

.metric-selector input[type="text"]{
    padding-left:30px;
}

/* Buttons */
.metric-selector .action-buttons{
    padding:0 5px 20px 5px;
    background:#fff;
}

.layerMenu .action-buttons a,
.graphMenu .action-buttons a{
    margin:10px 0 0 0;
    padding-bottom:0;
}
.metric-selector a.button.cancel{
    width:85px;
}

.metric-selector #addMetrics{
    padding:0 10px;
}





/*------------------------------------*\
    TABLE LOADING STYLES 
\*------------------------------------*/
#table-loader{
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background:rgba(250,250,250,0.7);
    text-align:center;
    z-index:1001;
    height:100%;
}
.loading-inner{
    top:50%;
    width:100%;
    position:absolute;
}
#loading-msg{
    vertical-align:super;
    padding-left:5px;
}
#table-loader i{
    font-size:24px;
}

/*------------------------------------*\
    TABLE PAGER STYLES
\*------------------------------------*/
/* Rows Per Page Dropdown */
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    background-color: #00a453;
    color: #fff !important
}

/* Page Number Styles */
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #00a453;
    border-color: #00a453;
    color: #fff !important;
}

.pagination > li > a, 
.pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #00a453;
    float: left;
    border-radius:0 !important;
}

/* Chris Varosy Overrides */
.fixed-table-pagination,
.fixed-table-pagination button.btn-default{
    font-weight:500;
    font-size: 12px;
    margin:0 20px;
} 
.fixed-table-pagination .pagination-info {margin-right: 20px;}


/*------------------------------------*\
    ADMIN SETUP STYLES - admin-setup.html
\*------------------------------------*/

/*** Phases and Modules ***/
#phase-list{border-bottom:1px solid #ccc;}
.module-list{}
#report-list li:not(.ul-placeholder),
#tourslide-list li:not(.ul-placeholder),
.module-list li:not(.ul-placeholder),
#phase-list > li:not(.ul-placeholder){
    border-bottom:1px solid #ccc;
    padding-left:35px;
    position:relative;
    background:#fff;
}

ul.draggable-container li:not(.ul-placeholder){position: relative;}
#phase-list .module-list li:not(.ul-placeholder):last-child{border:none;}
#report-list li:not(:first-child){border-top:none;}
#tourslide-list li:not(:first-child){border-top:none;}
#phase-list > li:not(.ul-placeholder){border-bottom:none;}

#report-list li:not(.ul-placeholder):not(.no-handle):before,
#tourslide-list li:not(.ul-placeholder):before,
.module-list li:not(.ul-placeholder):before,
#phase-list li:not(.ul-placeholder):before, ul.draggable-container li:not(.ul-placeholder):not(.no-handle):not(.firstSelectItem):before {
    content: "\f0c9";
    cursor: move;
    display: block;
    font-family: "FontAwesome";
    font-size: 20px;
    left: 10px;
    position: absolute;
}	

ul.draggable-container li:not(.ul-placeholder):not(.no-handle):before{
    position: relative;
    float: left;
    margin: 5px 25px 0 0;
}

.module-list i.fa-clock-o{
    color:#000;
    margin-right:5px;
}
.module-list time.medium{opacity:0.5}
.module-list time.short{opacity:0.25}

.ui-sortable-helper{opacity: 0.75}
#phase-list li.disabled{opacity:0.5}

.ul-placeholder{
    width:calc(100% - 10px);
    display: block;
    border:2px dashed #000 !important;
    background:#fff;
    opacity: 0.5;
    text-align: center;
    padding:5px 0;
    margin:5px;
}
.ul-placeholder:before{
    content:"Drop Here";
    display: inline;
    color:#999;
    font-size:24px;
}

/** Table Placeholder **/
.tr-placeholder {
    background: #fff;
    border: 2px dashed #000 !important;
    display: table-row;
    margin: 5px;
    min-height: 30px;
    opacity: 0.5;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: calc(100% - 10px);
}
.tr-placeholder td:nth-child(2) {
    font-size: 20px;
    text-align: center;
}
.tr-placeholder td:nth-child(2):before {
    content: "Drop Here";
    text-align: right;
}
.tr-placeholder.indent-drag{
    margin-left:50px;
    width: calc(100% - 60px);
}

a.grey i{color:#999;}

/** Modal Language Styles **/
.modal-language{}
.modal-language label{width:120px;}
.modal-language .input-help{width:calc(48% - 10px);}


/* DatePicker Icon*/
.hasDatepicker + a .fa-calendar {
    font-size: 22px;
    margin: 5px 0 0 5px;
}

.setup-status {
    padding: 5px 0;
    text-transform: uppercase;
}
.setup-status i.error-color:before,
.setup-status i.success-color:before{
    content: "\f00d";
    margin-right: 3px;
}
.setup-status i.success-color:before {content: "\f00c";}

/*------------------------------------*\
    REPORTS - dispersion-analysis.html
\*------------------------------------*/
.report-wrap{overflow-x: hidden;}
.report-wrap .calc-controller,
.report-wrap .fte-calculator{
    top:0;
}
.meta-actions .abo-bubble-2:before {line-height: 25px;}

/** Messaging **/
.report-wrap .meta-actions {
    margin-right: 15px;
    margin-top: 3px;
}
.report-wrap .message-popup.dropdown-menu {
    left: -230px;
    right: auto;
    top: 30px;
}
.report-wrap .message-popup.dropdown-menu:before, 
.report-wrap .message-popup.dropdown-menu:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255);
    right: 40px;
    top: -20px;
}

.report-wrap .message-popup.dropdown-menu::after {
    border-bottom-color: rgb(204, 204, 204);
    right: 39px;
    top: -22px;
}

/* Vertically Rotated Table Column Headers */
.bootstrap-table th.rotate {
    height: 175px !important;
    white-space: nowrap;
}
.rotate .th-inner {
    height: 100% !important;
    min-width: 50px;
    padding: 0 !important;
    position: relative;
    width: 100% !important;
}
.bootstrap-table th.rotate div.th-inner div:not(.drildownitem):not(.tooltip) {
    bottom: 0;
    height: 20px;
    left: -10px;
    overflow-wrap: normal;
    position: absolute;
    transform: translate(-25px, -55px) rotate(-90deg);
    white-space: nowrap;
    width: 115px;
    background: none !important;
}

.bootstrap-table th.rotate2 {
    transform: translate(50px, 25px)rotate(45deg);
    background: none !important;
}

.bootstrap-table td.total-column {
    background-color: #e7e8e0;
    text-align:right
}

table.heat-map > thead > tr {
    background: none;
}

    table.heat-map > thead > tr > th {
        background: none !important;
    }

.rotate2 .tooltiptext {
    visibility: hidden;
    background-color: #d3d3d3;
    color: #000;
    text-align: center;
    border-radius: 6px;
    width: 200px;
    padding: 5px 0;
    position: fixed;
    top: 40px;
    left: -176px;
    transform: rotate(-45deg) !important;
    white-space: pre-wrap;
}

.rotate2:hover .tooltiptext {
    visibility: visible;
}

.bootstrap-table th.rotate div.fht-cell{
    display:none;
}

table td.no-pad.rotate {
    max-width: 50px !important;
    padding: 0 !important;
    width: 50px !important;
}

/* Rotate the Sort Icon(s) */
.fixed-table-container thead th .sortable:after, 
.fixed-table-container thead th .sortable:before {
    right: 25px !important;
    top: 60px !important;
    transform: rotate(-90deg);
}

table.heat-map td, 
.table.heat-map > tbody > tr > td, 
.table.heat-map > tbody > tr > th, 
.table.heat-map > tfoot > tr > td, 
.table.heat-map > tfoot > tr > th, 
.table.heat-map > thead > tr > td, 
.table.heat-map > thead > tr > th {
    border-left-width: 0;
    border-right-width: 0;
}
.report-wrap .bootstrap-table .fixed-table-footer tbody > tr > td:first-child .th-inner{padding:0;}

.fixed-table-footer .heat-map td:first-child .pad-all-thin {padding-left: 20px;}
.fixed-table-footer .heat-map {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.fixed-table-footer {
    position: fixed;
}

ul#reports li{border: solid 1px transparent;}
ul#reports li:hover{
    border-color: #09a657;
    background-color: #f4f4f2;
}
.report-description{color: #8b938a;}
ul#reports li i {font-size: 18px;}
ul#reports li img{width:55px;}
.report-icon{margin-top: 25px;}
.col-special{width: calc(100%/6.5);}
.quadrant-pad{padding-right: 20px;}

/* Table Legend */
.legend-square{
    font-size:14px;
}
.legend-square:before{
    display:inline-block;
    content:"";
    width:15px;
    height:15px;
    margin-right:10px;
    background-color:rgba(5, 190, 193, 0.95);
    vertical-align: sub;
}
.legend-square.red-square:before{
    background-color: rgba(235, 58, 76, 1);
}
.content p{margin-bottom:10px;}

/***** 
    BOOTSTRAP POPOVER STYLES 
****/
body .popover {
    background-clip: padding-box;
    background-color:#f7f8f4;
    color:#8b938a;
    border: 1px solid #f7f8f4;
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-height: 16px;
    max-width: 400px;
    min-width:330px;
    overflow-wrap: normal;
    padding: 1px;
    position: absolute;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1060;
}

.popover.top > .arrow{border-top-color:#f7f8f4;}
.popover.top > .arrow:after {border-top-color:#f7f8f4;}

/*------------------------------------*\
    SEMANTIC STYLES
\*------------------------------------*/
.button,
a.button,
button.button {
    line-height: 21px;
    padding: 5px 25px;
    font-weight: 700;
    color: #fff;
    background: #3A404D;
    border-radius: 0;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #3A404D;
    white-space: nowrap;
}
    .button:hover,
    a.button:hover,
    button.button:hover,
    .btn-primary:hover,
    button.btn-default.btn-refresh:hover {
        background: #3A404D;
        border-color: #3A404D;
        outline: none;
    }

table a.button,
.button.small-btn{
    line-height:21px;
    padding:1px 12px;
}
table a.button{
    line-height: 13px;
    height: 19px;
}

.btn{border-radius:0;}
.form-control,
.form-control:focus{
    border-radius:0;
    box-shadow:none;
}
.btn-primary,
button.btn-default.btn-refresh,
.button:focus,
a.button:focus, 
button.button:focus,
.btn-primary:focus,
button.btn-default.btn-refresh:focus{
    background-color:#00a453;
    border:1px solid #00a453;
    color:#fff;
	
}
button.btn-default.btn-refresh{margin-right:5px;}

/** Disabled Button **/
.btn.btn-default.btn-primary.btn-refresh:disabled, 
.btn.btn-default.btn-primary.btn-refresh:disabled:hover {
    background: #d1d4d0 none repeat scroll 0 0;
    border: 1px solid #d1d4d0;
}

/* Button Modyfiers */
.button.btn-full-width{width:100%;}

/** Saving States **/
.button.btn-large.last{padding:5px 30px;}
.button.btn-large.saving,
.button.btn-large.last.saved{
    background: #fff;
    position:relative;
}
.button.btn-large.last i,
.button.btn-large.last.saved:before{
    display: none;
    left: 10px;
    position: absolute;
    top: 8px;
}
.button.btn-large.last.saved:before{top:5px;left:12px;}
.button.btn-large.saving i{display:inline-block;}

.button.btn-large.last.saved{background:#ededed;border-color:#ededed;}
.button.btn-large.last.saved:before{
    font-family:"FontAwesome";
    content:'\f00c';
    display:inline-block;
}
#downloadEulaText {
    background-color: #ffffff !important;
    color: #000;
    line-height: 21px;
    padding: 5px 25px;
    font-weight: 700;
    color: #fff;
    background: #00a453;
    border-radius: 0;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #000;
    white-space: nowrap;
}

.button.cancel,
a.button.cancel,
button.button.cancel,
button.btn-default {
    background: #fff;
    color: #00a453;
    border-color: #00a453;
}

.button.disabled,
a.button.disabled,
button.button.disabled,
button:disabled,
button[disabled],
.btn:disabled,
.btn[disabled] {
    background-color: transparent !important;
    border-color: #504a8d !important;
    color: #504a8d !important;
    cursor: not-allowed !important;
    pointer-events: auto;
}

/* Bootstrap pointer down */
.btn .caret{border-top-color:#707070;}

.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn.focus:active, 
.btn:active:focus, 
.btn:focus{
    outline:none;
}

a.add-button {
    border: 1px solid #32c77f;
    border-radius: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
}
a.add-button i{
    font-weight:300;
}
/** Bootstrap Table Toggle Button **/
.cardView .btn.btn-default[title="Toggle"] i:before {content: "\f0c9";}
.fixed-table-toolbar:visible{margin-bottom: 10px;}
.fixed-table-toolbar:after{
    content:' ';
    clear:both;
    display:block;
}
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
    line-height: 34px;
    margin-bottom: 10px;
    margin-top: 0;
    position: relative;
    margin-left: 0;
}
.fixed-table-toolbar .bs-bars, 
.fixed-table-toolbar .columns, 
.fixed-table-toolbar .search{
    margin:0 5px 0 0 !important;
}
.fixed-table-toolbar .search{margin-right:0 !important;}
 
/* Borders */
.border{border:1px solid #ccc;}
h4.border{padding-bottom:10px;}
.border-top{
    padding-top:10px;
    border-top:1px solid #bcc1b8;
}
.border-bottom{border-bottom:1px solid #bcc1b8;}
/* Remove Bottom Border from last li in a list  */
li.border-bottom:last-child {border-bottom: 0 none;}
/* Remove border bottom except for last child*/
ul.last-only li.border{border-bottom: none;}
ul.last-only li.border:last-of-type{border-bottom: 1px solid #ccc;}

.form-item.disabled{opacity:0.5;}

.left{float:left;}
.right{float:right;}
.clear:after{
    display:block;
    content:'';
    clear:both;
}
.relative{position:relative;}
.clearBoth{clear:both}
.center{text-align:center;}
.leftAlign{text-align:left;}
.rightAlign{text-align:right;}
.topAlign{vertical-align:top;}
/* Font Size */
.smaller{font-size:14px;}
.bigger{font-size:125%;line-height:175%;}
.big{font-size:20px}
/* Font Colors */
.lighter{color:#999;}
.darker{color:#000;}

/* Font Weight */
#wrapper section a.light{font-weight:400;}
.bold{font-weight:600;}

/* Display */
.block{display:block;}
.inline-block{display:inline-block;}
.flex{display:flex;}

/* Text Transforms */
.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}

/* Margins */
.mar-none{margin:0;}
.mar-t-b{margin:20px 0;}
.mar-l-r{margin:0 20px;}
.mar-l{margin-left:20px;}
.mar-r{margin-right:20px;}
.mar-t{margin-top:10px;}
.mar-b{margin-bottom:20px;}
.mar-r.thin{margin-right:10px;}
.mar-l.thin{margin-left:10px;}

/** Paddings **/
.pad-all{padding:20px;}
.pad-all-thin{padding:10px;}
.pad-t-b{padding:10px 0;}
.pad-r{padding-right:10px;}
.pad-l{padding-left:10px;}

/* Table */
table.pad-all td,
table.pad-all th{padding:8px;}
table.no-bg,
table.no-bg td,
table.no-bg tr,
table.no-bg th{background:transparent !important;}
table.topAlign td,
table.topAlign th{vertical-align:top;}

table td.no-pad{padding:0 !important;}
table div.full-td {
    background-color: rgba(23, 123, 87, 0.15);
    border-collapse: separate;
    border-spacing: 0 !important;
    display: table;
    height: 100%;
    width:100%;
    padding: 8px;
    text-align: center;
}
table div.full-td span{
    display: table-cell;
    vertical-align: middle;
}

/* Background Accents */
.bg-accent{
    background:#f4f4f2;
    padding:20px 30px;
}
.bg-white{background-color:#fff;}

/* Animations */
.animate{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition:  all 0.3s ease-in-out 0s;
    -ms-transition:  all 0.3s ease-in-out 0s;
    -o-transition:  all 0.3s ease-in-out 0s;
    transition:  all 0.3s ease-in-out 0s;
}

.notransition{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

/* Some Table Loading Animations */
table.optimized-tree tr.branch .indent a{position:relative;}
table.optimized-tree tr.branch .indent a:before {
    content: "\f110";
    font-family: "FontAwesome";
    left: 0px;
    top:2px;
    position: absolute;
    opacity: 0;
}
table.optimized-tree tr.branch .indent a.spin:before {
    animation: 1s linear 0s normal none infinite running fa-spin;
    opacity: 1;
}
/* Hide collapse/expand icon temporarily! */
table.optimized-tree tr.branch .indent a.spin i.abo{opacity:0 !important;}
/* Style non-survey nodes */
table.optimized-tree tr.branch span.non-survey,
table.optimized-tree tr.emptybranch span.non-survey,
table.optimized-tree tr.leaf span.non-survey{
    font-style: italic;
    opacity: 1;
}
/* No records */
tr.no-records-found td {
    height: 30px !important;
    padding: 3px 20px;
}
tr.no-records-found td:before{content:'' !important;}

.img-circle{
    border-radius:50%;
    border:0px solid transparent;
}
.img32{height:32px;width:32px;}

/* Columns */
.col-1{width:calc(100%/12);}
.col-2{width:calc(100%/6);}
.col-3{width:calc(100%/4);}
.col-4{width:calc(100%/3);}
.col-5{width:calc(100%/(12/5));}
.col-6{width:calc(100%/2);}
.col-7{width:calc(100%/(12/7));}
.col-8{width:calc(100%/(12/8));}
.col-9{width:calc(100%/(12/9));}
.col-10{width:calc(100%/(12/10));}
.col-11{width:calc(100%/(12/11));}
.col-12{width:100%;}

/* Accent Colors */
.white{color:#fff;}
#wrapper a.black,
.black{color:#000;}
.blue{color:#0099ff;}
.brown{color:#a56715;}
.error-color{
    color:#de4c1f !important;
    opacity:1.0 !important;
}
.warning-color{
    color:#ffcb2f !important;
}
.success-color{
    color:#00a453 !important;
    opacity:1.0 !important;
}

/* Table Specific State Colors */
table .error-color{color:#de4c1f !important;}
table .warning-color{color:#ffcb2f !important;}

/*********************************
    THEME-ABLE OPTIONS
**********************************/

#client-logo{
    position:absolute;
    top:20px;
    right:40px;
    max-height:50px;
    display:none;
    z-index:10;
}


/**** Repsonsive Styles ****/
@media screen and (max-width: 980px){
    
    
    /* Columns */
    .col-1{width:calc(100%/12);}
    .col-2{width:calc(100%/6);}
    .col-4{width:calc(100%/3);}
    .col-6{width:calc(100%/2);}
    .col-11{width:calc(100%/(12/11));}
    .col-12{width:100%;}
    
}

/** Media Query that will only target IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .bootstrap-table.cardView .fixed-table-body table tbody{display: block;}
    
    table.tree-tables tr td input[type='checkbox'] {
        position: absolute;
        left: 34px;
        top: 11px;
        opacity: 0;
        width: 20px;
        height: 16px;
    }
    table:not(.filtered-view).draggable tbody tr:not(.no-records-found) td:first-child::after {
        font-family: "abo";
        font-size: 16px;
        content: "\E065";
        top: 10px;
        left: 7px;
        opacity: 0.3;
    }
    .draggable tbody .bs-checkbox::before, .draggable thead .bs-checkbox .th-inner::before {
        left: 50%;
        top: 9px;
    }

    /* Move Fixed Footer and Action buttons up higher to fix IE11 fullscreen toolbar issue */
    :-ms-fullscreen .hasFixedButtons + .action-buttons {
        bottom: 0px;
        padding: 10px 20px 70px 20px;
    }
    :-ms-fullscreen .hasFixedFooter.hasFixedButtons .fixed-table-footer {
        bottom: 113px;
    }

    :-moz-full .hasFixedButtons + .action-buttons {
        bottom: 0px;
        padding: 10px 20px 70px 20px;
    }
    :-moz-full .hasFixedFooter.hasFixedButtons .fixed-table-footer {
        padding-bottom: 113px;
    }

    :-webkit-full-screen .hasFixedButtons + .action-buttons {
        bottom: 0px;
        padding: 10px 20px 70px 20px;
    }
    :-webkit-full-screen .hasFixedFooter.hasFixedButtons .fixed-table-footer {
        padding-bottom: 113px;
    }
}

/*------------------------------------*\
    FULLSCREEN STYLES 
\*------------------------------------*/
:fullscreen{}
:-ms-fullscreen #wrapper{
    margin:0;
}
:-moz-full-screen #wrapper{
    margin:0;
}
:-webkit-full-screen #wrapper{
    margin:0;
}
/* Hide Some Extraneous Stuff */
:-ms-fullscreen #wrapper nav, 
:-ms-fullscreen header, 
:-ms-fullscreen .section-heading,
:-ms-fullscreen .admin-menu{
    display: none;
}
:-moz-full-screen #wrapper nav, 
:-moz-full-screen header, 
:-moz-full-screen .section-heading,
:-moz-full-screen .admin-menu{
    display:none;
}
:-webkit-full-screen #wrapper nav, 
:-webkit-full-screen header, 
:-webkit-full-screen .section-heading,
:-webkit-full-screen .admin-menu{
    display:none;
}
/* Expand some stuff */
:-ms-fullscreen #content,
:-ms-fullscreen .mini-nav #content{
    padding:0;
    width: 100%;
    max-width:none;
    margin:0;
}
:-moz-full-screen #content {
    padding:0;
    width: 100%;
    max-width:none;
    margin:0;
}
:-webkit-full-screen #content {
    padding:0;
    width: 100%;
    max-width:none;
    margin:0;
}

:-ms-fullscreen .table-wrap + .mar-t-b{margin-bottom:0}
:-moz-full-screen .table-wrap + .mar-t-b{margin-bottom:0; padding-bottom: 70px !important}
:-webkit-full-screen .table-wrap + .mar-t-b{ margin-bottom: 0px; padding-bottom: 70px !important}

:-ms-fullscreen .tab-pane.pad-all{padding-bottom:90px}
:-moz-full-screen .tab-pane.pad-all{padding-bottom:90px}
:-webkit-full-screen .tab-pane.pad-all{padding-bottom:90px}

:-ms-fullscreen .section-heading + div.mar-t{margin-top:0;}
:-webkit-full-screen .section-heading + div.mar-t{margin-top:0;}
:-moz-full-screen .section-heading + div.mar-t{margin-top:0}

:-ms-fullscreen .tab-content.surveytable{padding-bottom:90px}
:-moz-full-screen .tab-content.surveytable{padding-bottom:0px}
:-webkit-full-screen .tab-content.surveytable{padding-bottom:0px}

:-ms-fullscreen .section-tabs.nav-tabs li a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 14px;
}
:-webkit-full-screen  .section-tabs.nav-tabs li a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 14px;
}
:-moz-full-screen  .section-tabs.nav-tabs li a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 14px;
}

:-ms-fullscreen .hasFixedFooter .fixed-table-footer,
:-ms-fullscreen .hasFixedButtons + .action-buttons{
    width: calc(100% - 57px) !important; /* Extra 17px is for the IE Scroll Bar */
    right: 37px;
}
:-webkit-full-screen .fixed-table-footer,
:-webkit-full-screen .hasFixedButtons + .action-buttons{
    width: calc(100% - 40px);
    right: 20px;
    padding-bottom: 60px;
}
:-moz-full-screen .fixed-table-footer,
:-moz-full-screen .hasFixedButtons + .action-buttons{
    width: calc(100% - 40px);
    right: 20px;
    padding-bottom: 60px;
}

:-ms-fullscreen .fixed-scrollbar{
    width: calc(100% - 57px) !important; /* Extra 17px is for the IE Scroll Bar */
    right: 37px;
    bottom: 150px !important;
}
:-webkit-full-screen .fixed-scrollbar{
    width: calc(100% - 40px);
    right: 20px;
    bottom: 150px !important;
}
:-moz-full-screen .fixed-scrollbar{
    width: calc(100% - 40px);
    right: 20px;
    bottom: 150px !important;
}


:-ms-fullscreen .scrtabs-tab-container, 
:-ms-fullscreen .scrtabs-tab-container .scrtabs-tabs-fixed-container {height: 32px !important;}
:-webkit-full-screen .scrtabs-tab-container, 
:-webkit-full-screen .scrtabs-tab-container .scrtabs-tabs-fixed-container {height: 32px !important;}
:-moz-full-screen .scrtabs-tab-container, 
:-moz-full-screen .scrtabs-tab-container .scrtabs-tabs-fixed-container {height: 32px !important;}

:-ms-fullscreen .mini-nav .hasFixedFooter .fixed-table-footer {width: calc(100% - 40px);}
:-webkit-full-screen .mini-nav .hasFixedFooter .fixed-table-footer {width: calc(100% - 40px);}
:-moz-full-screen .mini-nav .hasFixedFooter .fixed-table-footer {width: calc(100% - 40px);}
:-ms-fullscreen #wrapper .fix-sticky {top: 0 !important;}
:-webkit-full-screen #wrapper .fix-sticky {top: 0 !important;}
:-moz-full-screen #wrapper .fix-sticky {top: 0 !important;}

/* IE Scroll in Fullscreen known issue https://github.com/whatwg/fullscreen/issues/23 */
/* Temporary solution for #1519 */
:-ms-fullscreen body {
    overflow:visible !important;
    -ms-overflow-style:none;
}
:-ms-fullscreen #wrapper {
    height:calc(100% - 25px);
    overflow:auto !important;
    -ms-overflow-style:scrollbar;
} 
/*
:-ms-fullscreen body{
    -ms-overflow-style:scrollbar !important;
    overflow: auto !important;
} */

/* Toggle Controller */
a.left.toggleScreen {
    display: block;
    height: 22px;
    width: 14px;
    position:relative;
}

a.left.toggleScreen:before {
    color: inherit;
    content: "\f065";
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
}

.list-font {
    color: #fff;
    width: 40px;
    padding: 10px 12px;
}

:-ms-fullscreen a.left.toggleScreen:before{content:"\f066";}
:-moz-full-screen a.left.toggleScreen:before{content:"\f066";}
:-webkit-full-screen a.left.toggleScreen:before{content:"\f066";}


/**** KEY FRAME ANIMATIONS ****/
@keyframes dropdowns{

}

.nav-tabs a label{color:#676a6c;}

.dummy-div {
    height: 90px;
}

.simple-survey-settings .abo-look-settings {
    height: 10.1rem;
    width: 100%;
    background: #F4F4F2;
    margin-bottom: 1rem;
}

.simple-survey-margin .abo-look-margin {
    margin-left: 2rem;
    margin-top: 2rem;
}

.simple-survey-settings .check-wrap input[type="checkbox"]:checked {
    color: #1070CA !important;
}

.fa-refresh.apply:before {
    content: "Apply";
}

.btn.btn-default.dropdown-toggle {
    font-size: 14px !important;
}

.btn-secondary.cancel.fa.fa-bold,
.btn-secondary.cancel.fa.fa-italic,
.btn-secondary.cancel.fa.fa-code {
    background-color: white !important;
}

.padding-r-20{
    padding-right:20px !important;
}
/*
	This file is for css that resolves issues in style.css
	We don't want to edit style.css because as that changes we want to be able to easily merge those changes into this project.
*/

/*------------------------------------*\
	FORGOT PASSWORD PAGE
\*------------------------------------*/
#wrapper.login a {
    color: #fff;
}

.Login-Widget-BG {
    padding: 53px 42px 20px;
    width: 400px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #ffffff;
}

.odm-filter-container {
    min-height: 35rem;
}

.trialMode {
    background: red;
    width: 150px;
    height: 58.6px;
    position: fixed;
    float: left;
    right: 20%;
    top: -6px;
}

    .trialMode span {
        animation-delay: 2s;
        -webkit-animation-delay: 2s;
    }

.trialModeText {
    text-align: center;
    font-size: 0.7em;
    line-height: 3;
    position: relative;
    bottom: -10%;
}

.Welcome-to-Activity-Based-Optimization {
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    height: 24px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: normal;
    color: #868686;
}

.InnerInfo {
    font-family: OpenSans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
    height: 95px;
}

.ToolText {
    font-weight: 300;
    padding-top: 5px;
}

.login-widget-inner {
    position: relative;
}

.login-form-theme {
    background: transparent;
    box-shadow: none;
    padding: 0 0 14px;
    border-radius: 0;
    border: none;
}

.clearfix {
    display: block;
}

.login-field-container {
    padding-top: 25px;
}

.login-field {
    width: 100%;
    height: auto;
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 15px;
}

.login-padding {
    padding: 50px 0px 0px;
}

.login-padding-mid {
    padding: 10px 0px;
}

.login-padding-bottom {
    padding: 25px 0px;
}

.title {
    min-height: 16px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #848484;
}

.title-left {
    min-height: 16px;
    /*font-size: 1.6em;*/
    font-size: 14px;
    font-weight: 550;
    text-align: left;
    color: #848484;
}

.subtitle-report-link {
    font-size: 0.7em;
}

.subtitle-report {
    font-size: 0.7em;
    color: #828283
}

.msg {
    font-size: 13px;
    text-align: center;
    padding-top: 20px;
    color: #5E5E5E;
    line-height: 16px;
}

.support-msg-success {
    padding-top: 10px;
    width: 400px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    color: #1c8778;
}

.support-msg {
    padding-top: 10px;
    height: 31px;
    font-size: 13px;
    text-align: center;
    color: #515151;
}

.field-border-normal {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #bbbbbb;
    float: left;
    display: inline-block;
}

.login-form-input {
    width: 100%;
    float: left;
}

    .login-form-input .input-field {
        position: relative;
    }

        .login-form-input .input-field .icon-username,
        .login-form-input .input-field .icon-hint {
            width: 14px;
            height: 14px;
            position: absolute;
            top: 50%;
            margin-top: -6px;
        }

        .login-form-input .input-field input {
            height: 40px;
            padding: 6px 8px;
            opacity: 0.75;
        }

.reset-password {
    padding: 0.6rem 2.9rem !important;
}

.login-form-input .input-field .icon-username {
    left: 10px;
}

.login-form-input .input-field .icon-hint {
    right: 10px;
    opacity: 0.5;
}

.placeholder-text {
    height: 15px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.login-button-bar {
    background: transparent;
    border: none;
    padding: 0 0 25px;
    border-radius: 0;
    box-shadow: none;
}

.button-bg {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    background-color: #515151;
    border: solid 1px #4a4a4a;
}

.button-label {
    width: 294px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.button-label-a {
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.password-request-bg {
    width: 100%;
    height: 60px;
    border-radius: 3px;
    background-color: #202020;
    border: solid 1px #202020;
    padding: 15px 43px;
}

.back-link a {
    width: 97px;
    height: 15px;
    font-size: 13px;
    text-align: left;
    color: #ffffff;
}

.error-text {
    width: 290px;
    height: 34px;
    font-size: 13px;
    color: #e34843;
    text-align: left;
    font-weight: bold;
}

.error-icon {
    color: #e34843;
    float: left;
    text-align: center;
    padding-top: 3px;
    padding-right: 3px;
}

.main-error-text {
    width: 290px;
    font-size: 13px;
    padding: 10px 0px 5px 50px;
    font-weight: normal;
}

.icon-alert-positive {
    width: 15px;
    height: 14px;
}

.login-field-container .login-separator {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    height: 5px;
}

.error-border {
    margin-top: 15px;
    width: 314px;
    min-height: 62px;
    height: auto;
    border-radius: 3px;
    border: solid 1px #bbbbbb;
    position: relative;
}


    .error-border .error-left {
        text-align: center;
        width: 37px;
        height: 100%;
        border-radius: 3px;
        background-color: #e34843;
        border: solid 1px #e34843;
        padding: 10px;
        position: absolute;
        display: block;
    }

    .error-border .error-text-container {
        float: right;
        padding: 10px 0px 0px 40px;
    }

.icon-alert-negative {
    width: 17px;
    height: 16px;
    color: #fff;
}


/*------------------------------------*\
	LOGOUT PAGE - logout.html
\*------------------------------------*/
#wrapper.logout {
    background: #00532f;
    min-height: 100%;
}

section#logout {
    width: 400px;
    margin: 160px auto 0 auto;
}

    section#logout .logout-container {
        background: #fff;
        padding-top: 80px;
        padding-bottom: 50px;
        text-align: center;
        border-radius: 3px;
    }

.logout-message-container {
    padding-bottom: 80px;
}

    .logout-message-container .logout-message {
        font-weight: bold;
    }

section#logout .form-group .login-again-button {
    height: 50px;
    border: 1.5px solid #676a6c;
    border-radius: 3px;
    background: #fff;
    width: 100%;
    padding: 10px 100px;
    color: #5e5e5e;
}

.modal-dialog {
    z-index: 1000 !important;
}

.modal .modal-dialog.modal-1080 {
    width: 1080px;
}

.modal .modal-dialog.modal-1080 {
    width: 1080px;
}
/*We need to get rid of this for a better user experience... Jed - 20180530*/
/*.modal-backdrop {
	z-index: -1 !important; 
}*/

#loading {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e9e9e9;
    opacity: 0.8;
    z-index: 2000;
}

table td input[type="text"].max-width {
    max-width: 200px; /* Max width to table inputs, per Ben Feedback 12/21/16 */
}

table td select.max-width {
    max-width: 200px; /* Max width to table inputs, per Ben Feedback 12/21/16 */
}

#document-list {
    border-bottom: 1px solid #ccc;
}

.document-list {
}

    .document-list li:not(.ul-placeholder),
    #document-list > li:not(.ul-placeholder) {
        border-bottom: 1px solid #ccc;
        padding-left: 35px;
        position: relative;
        background: #fff;
    }

ul.draggable-container li:not(.ul-placeholder) {
    position: relative;
}

#document-list .document-list li:not(.ul-placeholder):last-child {
    border: none;
}

#document-list > li:not(.ul-placeholder) {
    border-bottom: none;
}


.document-list li.sortable-transform li:not(.ul-placeholder):before,
#document-list li.sortable-transform li:not(.ul-placeholder):before, ul.draggable-container li:not(.ul-placeholder):not(.no-handle):not(.firstSelectItem):before {
    transform: translate(-50px, 25px);
}

.document-list li:not(.ul-placeholder):before,
#document-list li:not(.ul-placeholder):before, ul.draggable-container li:not(.ul-placeholder):not(.no-handle):not(.firstSelectItem):before {
    content: "\f0c9";
    cursor: move;
    display: block;
    font-family: "FontAwesome";
    font-size: 20px;
    left: 10px;
    position: absolute;
}

ul.draggable-container li:not(.ul-placeholder):not(.no-handle):not(.firstSelectItem):before {
    position: relative;
    float: left;
    margin: 5px 25px 0 0;
}

li.firstSelectItem:before {
    position: relative;
    float: left;
    margin: 5px 25px 0 0;
    padding-left: 15px;
}

.document-list i.fa-clock-o {
    color: #000;
    margin-right: 5px;
}

.document-list time.medium {
    opacity: 0.5;
}

.document-list time.short {
    opacity: 0.25;
}

.ui-sortable-helper {
    opacity: 0.75;
}

#document-list li.disabled {
    opacity: 0.5;
}

input[type='number'] {
    background: #fff;
    font-weight: 400;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: #000;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin-bottom: 10px;
}

div.fileUploadResults {
    position: relative;
    height: 90%;
    max-height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: hidden;
}

span.node-indenter {
    vertical-align: middle;
}

span.validation-message {
    display: none;
}

div#divFileUploadResultsContainer {
    display: none;
}

.allocation-table div.bootstrapTable-cell {
    max-width: 216px;
    min-width: 200px;
    margin: auto;
    display: flex;
}

.allocation-table div.input-category-numeric {
    width: 180px;
    margin: auto;
}

.allocation-table div.input-category-text {
    width: 200px;
    margin: auto;
}

.allocation-table div.input-category-boolean {
    width: 100px;
    margin: auto;
}

.allocation-table div.input-category-combobox {
    width: 250px;
    margin: auto;
}

.allocation-table div.input-category-numeric-suffix {
    width: calc(100% - 30%) !important;
    margin: auto;
}

.allocation-table div.input-category-text-suffix {
    width: calc(100% - 30%) !important;
    margin: auto;
}

.allocation-table div.input-category-combobox-suffix {
    width: calc(100% - 22%) !important;
    margin: auto;
}

.allocation-table div.input-category-numeric input[type="text"] {
    width: calc(100% - 30%) !important;
    margin: auto;
}

.allocation-table div.input-category-text input[type="text"] {
    width: calc(100% - 30%) !important;
    margin: auto;
}

.allocation-table div.input-category-combobox select {
    width: calc(100% - 22%) !important;
    margin: auto;
}

/*.allocation-table div.input-category-numeric-suffix input[type="text"] {
	width: calc(100% - 45px);
	margin: auto;
}

.allocation-table div.input-category-text-suffix input[type="text"] {
	width: calc(100% - 45px);
	margin: auto;
}

.allocation-table div.input-category-combobox-suffix select {
	width: calc(100% - 45px);
	margin: auto;
}*/



.allocation-table div.input-category-numeric span.pre {
    padding-top: calc(20%);
}

.allocation-table div.input-category-numeric span.post {
    padding-top: calc(20%);
}

.allocation-table div.input-category-text span.pre {
    padding-top: calc(10%);
}

.allocation-table div.input-category-text span.post {
    padding-top: calc(10%);
}

.allocation-table div.input-category-combobox span.pre {
    padding-top: calc(30%);
}

.allocation-table div.input-category-combobox span.post {
    padding-top: calc(30%);
}

.module-tabs {
    padding-top: 10px;
}

.survey-button {
    margin: 2px;
}

.fixed-scrollbar {
    width: calc(100% - 300px);
    overflow-x: auto;
    overflow-y: hidden;
    background-color: transparent;
    position: fixed;
    bottom: 90px;
}

    .fixed-scrollbar.no-backdrop {
        width: calc(100% - 260px);
        bottom: 42px;
    }

#innerScrollbar {
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    visibility: hidden;
    background-color: yellow;
}

.tab-header {
    cursor: pointer;
}

.disable-anchor {
    pointer-events: none;
    cursor: default;
}

.pad {
    padding: 6px 0 0 20px
}

a.verification-btn-disabled {
    color: white !important;
    background-color: lightgray !important;
    border-color: lightgray !important;
}

a.verification-arrow-btn-disabled {
    color: lightgray !important;
    border-color: lightgray !important;
    pointer-events: none;
    cursor: none;
}

div.question-section-header {
    padding-bottom: 15px;
}

span.verification-output-select-btn {
    border: 1px solid #ccc !important;
    font-size: 14px;
    height: 34.5px;
    margin: 0 10px;
    outline: none !important;
}

.info-color {
    color: #337ab7 !important;
}

input[type="text"]:disabled, textarea:disabled, input[type="number"]:disabled, select:disabled {
    background: #dddddd;
}

#heat-map-table {
    max-height: none !important;
}

a#btnSave {
    cursor: pointer;
}

table.likert-scale,
table.likert-scale tr,
table.likert-scale td {
    background: none !important;
    border: none !important;
    vertical-align: bottom;
}

    table.likert-scale td.likert-first-column:first-child,
    table.likert-scale td {
        text-align: center;
        min-width: 0 !important;
        white-space: pre-wrap !important;
    }

    table.likert-scale input[type="radio"] {
        cursor: default;
    }

        table.likert-scale input[type="radio"]:before {
            content: "\f10c";
        }

    table.likert-scale label {
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
    }

.likert-scale-tooltip {
    font-size: small;
}

table.likert-scale span.likert-radio:before {
    font-family: "FontAwesome";
    position: relative;
    left: 5px;
    content: '\f10c';
    color: #676a6c;
    vertical-align: text-top;
    padding-right: 5px;
    cursor: pointer;
    font-size: 15px;
}

table.likert-scale span.likert-radio:hover,
table.likert-scale input[type="radio"]:checked + span:before {
    content: '\f111';
}

table.likert-scale span.likert-label-line {
    white-space: nowrap;
}

.bootstrap-table button[name="toggle"] {
    display: none;
}

tr.likert-radio-button-row {
    padding-top: 5px;
}

div.likert-label-container {
    display: inline;
    vertical-align: bottom;
}

input.likert-input {
    margin-top: 5px !important;
}

div.likert-radio-container {
    padding-top: 10px;
}
/* Solution 1: Only works in chrome */
label.likert-label {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*line-height: 1.5em;
	height: 3em;*/
}

/* Solution 1: x-browser compatible but with aesthetic issues */
/*label.likert-label {
	overflow: hidden;
	position: relative;
	line-height: 1.5em;
	max-height: 3em;
	text-align: center;
	margin-right: -1em;
	padding-right: 1em;
	display: inline-block;
	vertical-align: bottom;
}*/

/*label.likert-label:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}
label.likert-label:after {
	content: '!!!';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
}*/

/*Solution 3: Testing*/
/*label.likert-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: -webkit-box;
	display: -moz-box;
	display: block;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-flex-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-flex-line-pack: center;
	-ms-flex-line-pack: center;
	-webkit-align-content: center;
	align-content: center;
}*/

.menu-overlap-ie-fix {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -2;
    height: 100%;
}

li#liReplayQuickTour {
    opacity: 1 !important;
}

    li#liReplayQuickTour:before {
        content: none !important;
    }

textarea.auto-size {
    resize: none;
    overflow: hidden;
    min-height: 50px;
}

div.textarea-hidden-div {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 12px;
    overflow: hidden;
    min-height: 50px;
    padding-right: 15px;
}


button.button-word-wrap {
    word-wrap: break-word;
    white-space: pre-wrap;
}

div.projectModal-single-select {
    margin-top: 105px;
    height: 100%;
}

a.cursor-pointer {
    cursor: pointer;
}

#tourContent li.draggable {
    cursor: move;
}

div.tourSlideModal .modal-lg {
    width: 900px;
}

div.tourSlideModal .modal-header {
    border-bottom: none;
}

div#tourWelcome .modal-body {
    padding: 80px;
}

div.tourSlideModal .tourSlideImageContainer {
    width: 70%;
    float: left;
}

div.tourSlideModal .tourSlideDescriptionContainer {
    width: 30%;
    float: left;
    padding-left: 10px;
}

div.tourSlideModal .container {
    width: 100%;
    padding: 0;
}


/*!
 * jQuery ClassyEdit
 * http://www.class.pm/projects/jquery/classyedit
 *
 * Copyright 2012 - 2013, Class.PM www.class.pm
 * Written by Marius Stanciu - Sergiu <marius@picozu.net>
 * Licensed under the GPL Version 3 license.
 * Version 1.1.0
 *
 */

*:focus {
    outline: none;
}

.classyedit {
    border: 1px solid #d1d4d0;
}

    .classyedit .toolbar {
        position: relative;
        z-index: 5;
        background-color: white;
        background-repeat: repeat-x;
        overflow: hidden;
        border-bottom: 1px solid #d1d4d0;
    }

        .classyedit .toolbar .button {
            width: 36px;
            height: 34px;
            float: left;
            background-repeat: no-repeat;
            background-position: right 4px;
            cursor: pointer;
            padding: 0 !important;
            border: none !important;
        }

            .classyedit .toolbar .button:hover,
            .classyedit .toolbar .button.on {
                background-color: #E5E8EF;
                border-top: none;
            }

            .classyedit .toolbar .button.first:hover {
                border-left: none;
                margin-left: 0px;
            }

            .classyedit .toolbar .button div,
            .classyedit .toolbar .button a {
                background-repeat: no-repeat;
                background-position: center center;
                display: block;
                width: 100%;
                height: 34px;
                padding: 12px;
                border-top: 1px solid;
                border-bottom: 1px solid;
                border-right: 1px solid;
            }

            .classyedit .toolbar .button.first a {
                border-left: 1px solid;
            }

    .classyedit .editor {
        position: relative;
        z-index: 1;
        min-height: 150px;
        padding: 10px;
        background-color: white;
        margin-top: -6px;
        overflow-x: auto;
    }

#bar .classyedit .editor, #bar .classyedit .html_editor {
    position: relative;
    z-index: 1;
    min-height: 50px;
    padding: 10px;
    background-color: white;
    margin-top: -6px;
    overflow-x: auto;
    height: 50px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
}

#dept .classyedit .editor, #dept .classyedit .html_editor {
    position: relative;
    z-index: 1;
    min-height: 80px;
    padding: 10px;
    background-color: white;
    margin-top: -6px;
    overflow-x: auto;
    height: 80px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
}

.classyedit .html_editor {
    width: 100%;
    resize: none;
    padding: 10px;
    border: 0px;
    display: none;
    min-height: 150px;
    margin-top: -6px;
    margin-bottom: 0px;
}

#listItemEditTabContent .form-group {
    margin-top: -30px !important;
}

.classyedit .editor ul {
    padding: 20px;
    list-style: disc;
}

.classyedit .editor ol {
    padding: 20px;
    list-style: decimal;
}

.classyedit .file-upload {
    display: none;
}

.content-module ul {
    padding: 20px;
    list-style: disc;
}

.content-module ol {
    padding: 20px;
    list-style: decimal;
}

/** Prompt User to Only Use landscape on smaller devices */
/* May need to place the text in code to support languages */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    body:after {
        position: fixed;
        display: block;
        background: #ccc;
        content: attr(data-rotateMessage);
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 100vh;
        font-size: 30px;
        font-weight: bold;
        left: 0;
        top: 0;
        z-index: 999999;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

/** Change Menu to Slide Offscreen/Overtop of content on iPads **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

#addlistItem span {
    font-size: 14px;
    color: #000;
}

#reportModal .file-caption-main {
    width: 100%;
}

#reportModal .file-input {
    width: 100%;
}

.flat-list thead th:not(.bs-checkbox):first-child div.column-header-label.th-inner {
    padding-left: 10px;
}

#report-list .edit-icon-container-width {
    width: 30px;
}

#report-list .masterreport-link-width {
    width: 215px;
}

#report-list .caseteamreport-link-width {
    width: 115px;
}

#report-list .report-link-width {
    width: 75px;
}

#report-list .view-report-link-width {
    width: 123px;
}

#report-list .download-report-link-width {
    width: 125px;
}

#report-list .download-link-width {
    width: 115px;
}

#report-list i.report-link {
    width: 35px;
}

#report-list li.pad-all-thin:not(.ul-placeholder) {
    padding-left: 10px;
}

#report-list i.handle {
    font-size: 20px;
    padding-top: 8px;
    padding-right: 10px;
}

#report-list i.handle-none {
    font-size: 20px;
    padding-top: 8px;
    padding-right: 10px;
    width: 28px;
}

#report-list i.handle:hover {
    cursor: move;
}

.survey-submit-status {
    vertical-align: top;
    margin-right: 30px;
}

    .survey-submit-status.complete, .survey-complete {
        color: green !important;
    }

.survey-status-col {
    width: 10%;
}

    .survey-status-col.notsubmitted:after {
        content: "\00a0";
    }

.document-wrap {
    word-wrap: break-word;
}

#txtNotesValue {
    resize: none;
}

i.notes-icon {
    font-size: 1.4em;
    width: 45px;
    text-align: center;
}

input.question-module-field,
textarea.question-module-field,
select.question-module-field {
    display: inline;
}

div.has-action-column-admin thead > tr > th:first-child,
div.has-action-column-admin tbody > tr > td:first-child,
div.has-action-column-admin thead > tr > th:nth-child(2),
div.has-action-column-admin tbody > tr > td:nth-child(2) {
    border-right: none;
}

div.has-action-column thead > tr > th:nth-child(2),
div.has-action-column tbody > tr > td:nth-child(2),
div.has-action-column-admin thead > tr > th:nth-child(2),
div.has-action-column-admin tbody > tr > td:nth-child(2),
div.has-action-column-admin thead > tr > th:nth-child(3),
div.has-action-column-admin tbody > tr > td:nth-child(3) {
    border-left: none;
}

#surveyStatisticsDiv.single-phase {
    width: 70% !important;
}

    #surveyStatisticsDiv.single-phase .survey-stat-item {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

#surveyStatisticsDiv div {
    vertical-align: middle;
    padding-bottom: 5px;
}

#surveyStatisticsDiv .survey-stats, #surveyStatisticsDiv .stats-count {
    font-size: 13px;
    margin-top: 3px;
}

tbody .bs-checkbox.disabled:before {
    color: lightgray;
}

div:not(.user-dashboard).hasBorders .fix-sticky thead th:not(:first-child):not(:nth-child(2)) {
    border-left: 1px solid #eee;
}

div.user-dashboard.hasBorders .fix-sticky thead th:not(:first-child) {
    border-left: 1px solid #eee;
}

div.flat-list-table .fixed-table-container thead th:not(.bs-checkbox):first-child .th-inner {
    padding-left: 8px;
}

div.has-bootstrap-dropdowns .fixed-table-body {
    padding-bottom: 80px;
}

.col-no-wrap {
    white-space: nowrap !important;
}

div.bootstrap-table div.fix-sticky {
    z-index: 9;
}

div.fix-sticky thead > tr {
    vertical-align: bottom;
}

select[readonly] {
    pointer-events: none;
    touch-action: none;
}

.warning-color-orange {
    color: #EE7600;
}

@media (max-width : 1744px) {
    .main-responsible-col {
        width: 20% !important;
    }
}

.file-side-nav {
    font-size: 24px !important;
}

img.abo-contact-image {
    height: 100px;
    width: 100px;
}

div.abo-contact-container {
    height: 200px;
}

form.admin-form [readonly='readonly'] {
    background: #ddd;
}

.document-file-upload .file-input {
    width: 100%;
}

ul.document-errors {
    list-style-type: circle;
}

    ul.document-errors li {
        margin-left: 20px;
    }

.btn-map-documents {
    margin-top: 40px;
}

.fixed-table-body tr.file-unread {
    border-left-color: red;
    border-left-width: 5px;
}

.icon-wrapper {
    position: relative;
}

.margin-r {
    margin-right: 12px;
}

.line-height-40 {
    line-height: 4rem !important;
}

span.file-unread {
    background-color: red;
    width: 5px;
    height: 5px;
    margin: 0;
    border-radius: 50%;
    position: absolute;
    padding: 3px;
    left: 30px;
}

div:not(.item-detail).file-unread {
    border-left-color: red;
    border-left-width: 5px;
    border-left-style: solid;
}

div.document-tile {
    padding-left: 5px;
}

tr.branch.file-unread, tr.emptybranch.file-unread {
    border-left-color: red !important;
    border-left-width: 5px !important;
}

div.document-audience, div.document-aboinstance {
    border-style: groove;
    height: 150px;
    overflow: auto;
}

.horizontal-line {
    height: 1px;
    background-color: #848484;
}

span.survey-file-unread {
    background-color: red;
    width: 5px;
    height: 5px;
    margin: 0;
    border-radius: 50%;
    position: absolute;
    padding: 3px;
    z-index: 10;
    margin-left: -2px;
    top: 1px;
}

.reminder #triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f0f0;
    /*margin-left: 15px;*/
    /*line-height: 1px;*/
}

.reminder #text {
    background-color: #f2f0f0;
    color: #8b938a;
    padding: 10px;
    min-width: 200px;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #f2f0f0;
    border-radius: 0;
    line-height: 18px;
    max-width: 500px;
    box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.2);
    position: relative;
    right: 40%;
}

#tool-tip.reminder {
    min-width: 350px;
}

#eula-menu {
    width: 64px;
}

#close-tooltip {
    float: right;
    font-size: 21px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
}

i.eula-icon {
    background-color: red;
    width: 7px;
    height: 7px;
    margin: 0;
    border-radius: 50%;
    position: absolute;
    padding: 3px;
    z-index: 10;
    margin-left: -2px;
    top: 10px;
}

.survey-document-section {
    margin-top: 20px;
}


nav#navAdminChecklist {
    width: 0px;
}

    nav#navAdminChecklist.open {
        width: 450px;
        z-index: 100;
    }

nav#navAdminChecklist {
    height: calc(100% - 100px);
    position: fixed;
    top: 100px;
    right: 0;
    left: unset;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
}

    nav#navAdminChecklist div.container {
        padding: 8px 32px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
        width: 450px;
    }

.color-eula {
    color: #868686
}

.color-eula-header {
    color: #686a6c
}

nav#navAdminChecklist div.checklist-item {
    padding-bottom: 20px;
}

nav#navAdminChecklist div.checklist-title {
    font-weight: 600;
    font-size: 16px;
}

nav#navAdminChecklist div.checklist-description {
    font-weight: 500;
    font-size: 14px;
}

nav#navAdminChecklist div.checklist-metadata {
    font-weight: 200;
    font-size: 10px;
}

nav#navAdminChecklist .checklist-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    nav#navAdminChecklist .checklist-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
nav#navAdminChecklist .solid-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: solid 1px;
}

nav#navAdminChecklist .checklist-checkbox:hover input ~ .solid-checkmark {
    background-color: #ccc;
}

nav#navAdminChecklist a.collapsible-control {
    font-weight: 600;
    font-size: small;
}

#admin-checklist-list i.handle {
    font-size: 20px;
    padding-right: 10px;
}

    #admin-checklist-list i.handle:hover {
        cursor: move;
    }

#admin-checklist-list .classyedit .editor {
    min-height: 0px !important;
}

#admin-checklist-list .form-group {
    padding-left: 20px;
}

[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text);
}

.upload-message {
    color: green;
}


/*Added form Toggle button*/

.switch {
    position: relative;
    display: inline-block;
    width: 85px;
    height: 28px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8a938a;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 60px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 24px;
        width: 24px;
        left: -20px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

#listItemEditTab .active, #listItemTab .active {
    left: 0px !important;
}

input:checked + .slider {
    background-color: #0199d1;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.slider:after {
    content: 'OFF';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 71%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked + .slider:after {
    content: 'ON';
    margin-left: -24px;
}

.subtitle {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
}

.textAlighnRightFontSmall {
    text-align: right;
    font-size: small;
    opacity: 0.5;
}

.textAlignRightFontSmallMargin {
    text-align: right;
    font-size: small;
    opacity: 0.5;
    margin-top: -15px;
}

.preview {
    margin-left: 29px;
    font-size: 13px;
    margin-top: 21px;
}

.eula-ul-padding {
    margin: 0;
    line-height: normal;
}

.eula-p-padding {
    padding-left: 37px;
}

.show-list-style ul, .tooltip-inner ul {
    list-style-type: disc !important;
    margin-left: 19px !important;
}

    .show-list-style ul.m-l-10 {
        margin-left: 10px;
    }

    .show-list-style ul:not(.clear-list-style), .tooltip-inner ul {
        list-style-type: disc !important;
        margin-left: 19px !important;
    }

.show-list-style ol:not(.clear-list-style), .tooltip-inner ol {
    list-style-type: decimal !important;
    margin-left: 19px !important;
}

ul.fields {
    list-style-type: none !important;
}

input.no-border {
    border: none;
}



#listItemEditTabContent .tab-pane, #listItemEditTSaveResontent .tab-pane {
    background: #F5F5F5;
}

#bar ul.nav.nav-tabs li.active,
.bg-accent ul.nav.nav-tabs li:hover {
    background: #F5F5F5;
}

#bar .nav-tabs label {
    font-weight: 1;
    width: 16px;
    height: 17px;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
}


.modal-contentOrg {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

@media (min-width: 768px) {


    .modal-contentOrg {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
}


.ADD-NEW-USER {
    font-family: Open Sans;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    margin-left: 19px;
}

.New-Department {
    height: 24px;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
    margin-left: 11px;
}

.Position {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
    margin-left: 6px;
}

.textAlighnRightFontSmallNew {
    text-align: right;
    font-size: xx-small;
    opacity: 0.5;
    font-family: Open Sans;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.18;
    letter-spacing: normal;
    text-align: left;
    color: #ada8a8;
    margin-left: 26px;
}

.Department-Name {
    height: 19px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
    margin-left: 35px;
    margin-top: -23px;
}

.Position-in-Organization {
    height: 19px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
    margin-left: 14px;
    margin-top: 25px;
}

.Department-NameFor {
    margin-left: 22px;
    margin-top: -36px;
    height: 17px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
}

#file-history a:link {
    color: blue !important;
}

.placeholder-color::-webkit-input-placeholder {
    color: #646464 !important;
    opacity: 50 !important;
}

#txtDelete {
    margin-top: 10px;
}

.searchDiv {
    position: relative;
    color: #aaa;
    font-size: 16px;
    float: left;
    padding-top: 0.2%;
    margin-top: 10px;
}

    .searchDiv input {
        width: 180.5px;
        height: 30px;
        background: #fcfcfc;
        border: 1px solid #aaa;
    }

    .searchDiv input {
        text-indent: 5px;
        padding-left: 25px;
    }

    .searchDiv .fa-search {
        position: absolute;
        top: 25%;
        left: 10px;
    }

.searchSpan {
    width: 11px;
    height: 12px;
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
}

.expandAllSpan, .collapseAllSpan {
    cursor: pointer;
    padding-left: 3%;
}

.expandAllSpanText, .collapseAllSpanText {
    cursor: text;
    font-weight: bold !important;
    font-size: 12px;
}

#expandAll, #collapseAll {
    font-weight: bold !important;
}

#tblResponsibleRes .bootstrap-table .fixed-table-toolbar {
    background-color: #f4f4f2;
}

#tblResponsibleRes input.form-control {
    display: inline-block;
    margin-left: 0px;
    width: auto;
    margin-right: 5px;
}

#tblResponsibleDel .bootstrap-table .fixed-table-toolbar {
    background-color: #f4f4f2;
}

#tblResponsibleDel input.form-control {
    display: inline-block;
    margin-left: 0px;
    width: auto;
    margin-right: 5px;
}

.contentset-table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eeeeee;
}

    .contentset-table.table-striped > tbody > tr:nth-of-type(odd) input.contentset-value-field {
        background-color: #eeeeee;
    }

.multibarMain {
    overflow: hidden;
}

#totalSurveysDiv {
    float: left;
    margin-right: 20px;
}

#boxMultibar {
    overflow: hidden;
    margin: 10px;
}

@media screen and (max-width: 500px) {
    #boxMultibar {
        float: none;
        margin-right: 0;
        width: auto;
    }
}

.Example {
    font-family: Open Sans;
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #ada8a8;
}

.Peer-Before {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #868686;
}


/*Override toggle class don't remove important*/
.toggle-group {
    border-color: grey !important;
    color: transparent;
    height: 35px;
}

    .toggle-group .toggle-on {
        color: white !important;
        border-color: green !important;
    }

    .toggle-group .toggle-off {
        color: grey !important;
        border-color: grey !important;
    }

    .toggle-group .toggle-handle {
        background-color: white !important;
        border-color: grey !important;
    }

.toggle.ios, .toggle-on.ios, .toggle-off.ios {
    border-radius: 20px;
}

    .toggle.ios .toggle-handle {
        border-radius: 20px;
    }

#divFrameContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: solid;
}

    #divFrameContent iframe {
        border: none;
    }

.ula-reminder {
    margin: 8px 0px 10px 0px;
}

.ula-wrapper {
    margin-top: 21px;
}

.ula-hidden {
    margin-top: 8px;
}

.ula-dynamic {
    margin-top: -7px;
    text-align: left;
    line-height: 14px;
}

.ula-footer {
    padding: 10px 0px;
}

.ula-save {
    margin-left: 12px;
}

#divFrameContent iframe {
    border: none;
}

.hris-import-table td, .hris-import-table th {
    padding: 8px !important;
}

.hris-import-table tr td:nth-child(2), .hris-import-table thead tr th:nth-child(2),
.hris-import-table tr td:nth-child(3), .hris-import-table thead tr th:nth-child(3),
.hris-import-table tr td:nth-child(4), .hris-import-table thead tr th:nth-child(4) {
    text-align: center;
}

.hris-import-table > tbody > tr:nth-of-type(even) > *,
.hris-import-table > thead > tr > * {
    background-color: #f2f2f2 ;
    box-shadow: inset 0 0 0 9999px #f2f2f2 ;
}

.hris-import-table > tbody > tr:nth-of-type(odd) > * {
    background-color: #fff ;
    box-shadow: inset 0 0 0 9999px #fff ;
}



#hris-container ul.material-tabs.nav-tabs > li.active > a, #hris-container ul.material-tabs.nav-tabs > li.active > a:hover {
    background: none;
    background-color: #fff !important;
    border-top: none;
    font-weight: 400;
    border-bottom: 4px solid;
}

#hris-container ul.material-tabs.nav-tabs > li > a:hover {
    background: none;
    background-color: #fff !important;
    border-top: none;
    font-weight: 400;
    border-bottom: 1.5px solid #eeeeee;
}

#hris-container ul.material-tabs.nav-tabs > li > a {
    color: #000;
}

.hris-mapping-container .drop-hover {
    background-color: grey;
}

.hris-mapping-container .droppable-target .placeholder-text {
    color: rgba(100, 100, 100, .5);
    font-weight: 400;
}

.hris-mapping-container .droppable-target {
    border: 1px dashed #646464;
}

    .hris-mapping-container .droppable-target span.draggable {
        display: block !important;
        width: 100% !important;
    }

.draggable {
    cursor: pointer;
}

.hris-type-select {
    display: inline-block;
    width: 38px;
    text-align: center;
    font-size: medium;
    font-weight: 700;
    cursor: pointer;
    margin-right: 15px;
}

.hris-mapping-container .dropdown-item:hover {
    background-color: dodgerblue;
}

.hris-mapping-container .dropdown-toggle {
    border-color: #d1d4d0 !important;
    color: #676a6c !important;
    box-shadow: none;
    height: 25px !important;
    text-align: left;
}

.hris-mapping-container .dropdown-menu {
    padding-left: 12px;
    cursor: pointer;
}

.selected-type {
    width: 145px;
    float: left;
}

.hris-download-link {
    color: dodgerblue !important;
}

.hris-import-steps > li {
    color: #000;
}

.hris-import-steps p {
    color: #777d8a;
}

.hris-import-steps {
    margin-top: 30px;
}

.hris-heading {
    margin-top: 25px;
}

.disabled-tab {
    pointer-events: none;
}

#hris-tabs {
    color: #000 !important;
}

.tabs-hr {
    margin-top: -1px;
    background-color: #eeeeee;
    height: 1px;
}

.hris-mapping-container {
    margin-right: 3px;
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.hris-target-container {
    margin-right: 10px;
}

.hris-import-table {
    margin-bottom: 0;
}

.hris-dropup-caret {
    margin-left: 20px;
}

.hris-source-container {
    display: flex;
    flex-direction: column;
}

.hris-mapped-count {
    border: 1px solid #35A761;
    background-color: #35A761;
    height: 36px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hris-source-container > .droppable-source {
    border: 1px solid;
    flex-grow: 1;
    margin-top: 7px;
    padding: 10px;
}

    .hris-source-container > .droppable-source > p {
        color: #000;
    }

.hris-source-container ul {
    color: #35A761;
    width: 90%;
    min-height: 30rem;
}

.hris-import-footer {
    margin-top: 40px;
}


div.view.tool-container {
    margin: 0px;
}

#hris-employee-data .row {
    margin-left: 0;
    margin-right: 0;
}

#hris-employee-data .metrics.total-fte {
    border: 1px solid #ccc;
}

    #hris-employee-data .metrics.total-fte > .metric-count {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 4px;
    }

    #hris-employee-data .metrics.total-fte > .metric-label {
        font-size: 14px;
    }

#hris-employee-data .metrics {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

#hris-employee-data .flex-fill {
    flex-grow: 1;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

#hris-emp-data-table-container .fixed-table-body {
    max-height: 400px !important;
}

#hris-emp-data-table-container .fixed-table-header {
    margin-right: 17px !important;
}

#hris-emp-data-table-container .fixed-table-container {
    background-color: #dee1eb;
}

    #hris-emp-data-table-container .fixed-table-container thead th .th-inner, #hris-emp-data-table-container .fixed-table-body tr td {
        white-space: nowrap !important;
    }

#select-instance-level {
    margin-right: 10px;
}

.fu-error-list {
    margin: 1rem 0;
    max-height: 25rem;
    overflow-y: auto;
    padding: 0;
}

    .fu-error-list li {
        list-style: disc;
        margin: 0.5rem 2rem;
    }

.navigate-csd {
    margin-bottom: 15px;
    margin-top: 15px;
}

.hris-additional-buttons {
    margin-top: -1px;
}

.hris-additional-buttons .btn-secondary {
    padding: 6px 12px !important;
}

.hris-text-danger {
    font-size: medium;
}

.margin-left-40 {
    margin-left: 40px
}

.textAlignLeftFontSmall {
    text-align: left;
    font-size: small;
    opacity: 0.5;
}

.font-tick {
    color: green;
    font-size: 20px !important;
    padding: 5px;
}

.font-times {
    color: red;
    font-size: 20px !important;
    padding: 5px;
}

.font-exclamation-triangle {
    color: #ff8f00;
    font-size: 20px !important;
    padding: 5px;
}

.pointer {
    cursor: pointer;
    color: blue;
}

div.metrics {
    min-height: 64.6px;
}

.colorpicker-alpha {
    display: none !important;
}

.msg-container {
    background: #FFFFFF;
    border-radius: 3px;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 60rem;
}

    .msg-container .modal-header h3 {
        font-size: 1.8rem;
        font-weight: bold;
    }

    .msg-container .tab-content {
        padding: 1.5rem;
    }

        .msg-container .tab-content p {
            font-size: 1.6rem;
            line-height: 2.2rem;
            margin: 0;
            padding: 0;
        }

    .msg-container .modal-footer {
        text-align: center !important;
    }

.qa-login-widget-bg {
    padding: 25px 40px 15px 40px;
    width: 400px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #ffffff;
}

.qa-title {
    min-height: 19px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #5E5E5E;
}

.send-password-btn {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px !important;
}

.qa-margin-top {
    margin-top: 150px;
}

.generateLink {
    margin-top: 5px;
    color: blue !important;
    text-decoration: underline;
}

.expireLink {
    margin-top: 5px;
    color: red !important;
    text-decoration: underline;
}

.link-validity {
    margin-top: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.email-radioButton {
    position: unset !important;
    opacity: unset !important;
}

#emailTab li:hover {
    background: #e7e8e0 !important;
}

.email-textarea {
    padding: 25px !important;
    background: #e7e8e0 !important;
}

.font-weight {
    font-weight: normal !important;
}

.ml-5 {
    margin-left: 5px;
}

#form-footer {
    background: #616670 !important;
    border-radius: 0 0 3px 3px;
    font-family: Trebuchet MS;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 4px;
}

    #form-footer a {
        line-height: 15px;
        padding-left: 40px;
        color: #FFFFFF !important;
        font-family: Trebuchet MS;
        font-size: 13px;
        letter-spacing: 0;
        text-decoration: underline !important;
    }

.qa-link-section #form-footer #footer-links,
.Custom-Login-Form #form-footer #footer-links {
    display: table;
    height: 60px;
    margin-top: 0px;
}

    .qa-link-section #form-footer #footer-links a,
    .Custom-Login-Form #form-footer #footer-links a {
        display: table-cell;
        vertical-align: middle;
    }

.Okta-Login-Form #form-footer #footer-links {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
}

#okta-login-container #form-footer #footer-links #magic-link {
    padding-top: 10px;
}

#okta-login-container #msg-container {
    background-color: #3A404D;
    border-color: #3A404D;
    border-radius: 0px;
}

    #okta-login-container #msg-container #supportedMsg {
        color: #FFFFFF;
        font-family: Trebuchet MS;
        font-size: 13px;
        letter-spacing: 0;
        line-height: 15px;
        text-align: center;
        padding-top: 20px;
        border-color: #3A404D;
    }

#okta-sign-in.auth-container.main-container {
    background-color: #3A404D !important;
    border-color: #3A404D !important;
    box-shadow: none !important;
}

#okta-sign-in.main-container {
    border-radius: 3px 3px 0 0 !important;
    margin: 0px auto 0px !important;
}

#okta-sign-in .o-form-button-bar {
    padding: 0 0 19px !important;
}

.Custom-Login-Form #okta-sign-in .o-form .o-form-fieldset:last-child {
    margin-bottom: 20px;
}

.Okta-Login-Form #okta-sign-in .o-form-fieldset {
    margin-bottom: 20px;
}

.Okta-Login-Form #okta-sign-in .o-form .o-form-fieldset:last-child {
    margin-bottom: 20px;
}

#okta-sign-in .o-form .o-form-input .input-icon {
    left: 12px !important;
}

#okta-login-container .auth-content .o-form-input .input-icon, #okta-login-container .auth-content .o-form-input .input-tooltip {
    width: 14px !important;
    height: 14px !important;
}

#okta-sign-in .o-form .o-form-input .input-icon + input, #okta-sign-in .o-form .o-form-input .input-icon + input + input {
    padding-left: 32px !important;
}


input[type=checkbox]:disabled {
    opacity: 0.5;
    margin-left: -.1rem;
    margin-top: 0.3rem;
}


#confirmDeleteMessageLine1 {
    font-size: 1.4rem;
}

#confirmDeleteMessageLine2 {
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
}

#delete {
    color: red !important;
}

#deleteAbsorbInstanceModal #btnConfirmDelete {
    background-color: #c21a2f !important;
    border-radius: .3rem;
    box-shadow: inset 0 -1px 1px 0 rgba(67,90,111,0.09), inset 0 0 0 1px rgba(67,90,111,0.14);
    border-color: #f5f5f5 !important;
}

    #deleteAbsorbInstanceModal #btnConfirmDelete:disabled {
        opacity: 0.5;
    }

#deleteAbsorbInstanceModal #btnCancelDelete {
    background-color: rgba(67,90,111,0.09) !important;
    border-radius: .3rem;
    color: #3A404D;
    box-shadow: inset 0 -1px 1px 0 rgba(67,90,111,0.09), inset 0 0 0 1px rgba(67,90,111,0.14);
    border-color: #f5f5f5 !important;
}

.not-allowed {
    cursor: not-allowed !important;
    background-color: #f09999;
    border: 1px solid #f09999;
}

.simple-survey-check {
    cursor: default !important;
}

.abo-type-margin {
    margin-right: 5rem;
    margin-bottom: 2rem;
}

.instance-tool-type {
    background: #f5f5f5;
    padding: 2rem;
    margin-bottom: 2rem;
}

    .instance-tool-type span {
        font-weight: 600;
    }

.cp-m-r-10 {
    margin-right: 1rem;
}

.create-btn .dropdown-menu {
    min-width: 185px;
}

.welcome-block {
    display: inline-block;
    width: 89%;
}

.create-btn {
    display: inline-block;
    vertical-align: top;
    width: 10%;
}

    .create-btn .m-l-10 {
        margin-left: 10px;
    }

    .create-btn li {
        list-style-type: none;
    }

.edit-proj .mar-t-b {
    margin: 0px 0px 20px 0 !important;
}

.edit-proj.p-t-20 {
    padding-top: 20px !important;
}

.ula-wrapper.eula {
    margin-top: 0px !important;
}

.ula-wrapper .no-pad,
.cswrapper .no-pad {
    padding: 0px !important;
}

.edit-proj.div-below-tab {
    padding: 0px 20px 15px 20px !important
}

.custom-tabs li:not(.active) a {
    color: #000 !important;
}

.custom-tab-impl.div-below-tab,
.custom-tab-impl .div-below-tab {
    padding: 2rem !important;
}

.custom-tabs {
    padding-left: 2rem !important;
    border-bottom: 1px solid #d9d9d9 !important;
}

    .custom-tabs .m-b-12 {
        margin-bottom: 1.2rem;
    }

    .custom-tabs .nav-tabs {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .custom-tabs .nav-tabs li {
        margin-right: 3rem;
        background-color: rgba(0,0,0,0);
        border-bottom: 0.3rem solid rgba(0,0,0,0);
        padding-bottom: 1rem;
        white-space: nowrap;
    }

    .custom-tabs li:not(.active):hover,
    .custom-tabs li:not(.active):hover a {
        opacity: 0.8 !important;
    }

    .custom-tabs li.active {
        font-weight: 600;
    }

        .custom-tabs li.active a:hover {
            opacity: 1 !important;
        }

.cs-tabs li:not(.active):hover {
    color: #35a761 !important;
    border-bottom-color: #35a761 !important;
}

    .cs-tabs li:not(.active):hover a {
        color: #35a761 !important;
    }

.cs-tabs li.active {
    color: #35a761 !important;
    border-bottom-color: #35a761 !important;
}

    .cs-tabs li.active a,
    .cs-tabs li.active a#cs-page {
        color: #35a761 !important;
    }

.app_selected {
    font-weight: bold;
    color: #000;
}

.m-b-10 {
    margin-bottom: 1rem;
}

.m-t-10 {
    margin-top: 1rem;
}

.openlink_div {
    margin-left: 0px;
    margin-top: 1rem;
}

.lang_header {
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 600;
    display: block;
    color: #000;
}

.link-title {
    display: inline;
}

.link-title-error {
    display: inline-block;
    padding: 6px 10px;
    margin-left: 0px;
}

.support-setting-container {
    display: flex;
    font-family: 'Open Sans';
    font-style: normal;
}

.support-setting-container .support-setting-description {
    display: inline-block;
    margin-right: 21rem;
}

.support-setting-container .support-setting-description .desc-heading {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #000000;
    margin-bottom: .8rem;
}

.support-setting-container .support-setting-description .desc-details {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #979797;
}



.support-setting-control {
    display: inline-block;
}

.support-setting-control .setting-toggle {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.support-setting-control .setting-toggle .setting-toggle-control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 20rem;
    margin-bottom:2rem;
}

.support-setting-control .setting-toggle .setting-toggle-control .toggle-name {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #000000;
    float: left;
    margin-right: 4.5rem;
    margin-top: -0.8rem;
}

.support-setting-control .setting-toggle .setting-toggle-control .toggle-control {
    float: right;
}

/*toggle button*/
.supportSettingEditSwitch {
    position: relative;
    width: 14.5rem;
}

.supportSettingEditSwitch input {
    display: none;
}

.supportSettingEditSlider {
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9A9A9A;
    transition: .4s;
    width: 3rem;
    height: 1.875rem;
}

.supportSettingEditSlider:before {
    position: absolute;
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    left: .1rem;
    bottom: .2rem;
    background-color: white;
    transition: .4s;
}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .supportSettingEditSlider,
input[type="checkbox"]:checked + .supportSettingEditSlider {
    background-color: #35a761;
}

/* include generated hidden field here */
input[type="checkbox"]:focus + input[type="hidden"] + .supportSettingEditSlider,
input[type="checkbox"]:focus + .supportSettingEditSlider {
    box-shadow: 0 0 1px #35a761;
}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .supportSettingEditSlider:before,
input[type="checkbox"]:checked + .supportSettingEditSlider:before {
    transform: translateX(13px);
}

/* Rounded sliders */
.supportSettingEditSlider.round {
    border-radius: 34px;
}

.supportSettingEditSlider.round:before {
    border-radius: 50%;
}

.btn-toolbar > .btn-group{
    margin-left: 5px!important;
}

button.btn-default.btn-refresh span {
    display: inline-block !important;
    font-family: "open sans" !important;
    width: auto !important;
}
#image-placeholder{
  height: 150px;
  background-color: #D7D7D7;
  padding-top: 70px;
}

#add-image-container{margin-top: 39px;}

#choose-window label{display: inline-block;}

.fa-chevron-right{color: #E5E6E7;}

#add-image-container .file-input{
    width: auto;
    float: initial;
}

#breadcrumb{font-size: 20px;}
#wrapper #breadcrumb a, #wrapper #breadcrumb i {font-weight: 400;}

#add-image-container .btn-file{margin-left: 40px;}

#add-image-container .file-default-preview{
    width: auto;
    height: auto;
    border-radius: initial;
}

#link-lang .file-input:not(.file-input-new) .btn-file{margin-left: 20px;}


.fixed-table-container .bs-checkbox,.fixed-table-container .no-records-found{text-align:center}.fixed-table-body thead th .th-inner,.table td,.table th{box-sizing:border-box}.bootstrap-table .table{margin-bottom:0!important;border-bottom:1px solid #ddd;border-collapse:collapse!important;border-radius:1px}.bootstrap-table .table:not(.table-condensed),.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,.bootstrap-table .table:not(.table-condensed)>thead>tr>td{padding:8px}.bootstrap-table .table.table-no-bordered>tbody>tr>td,.bootstrap-table .table.table-no-bordered>thead>tr>th{border-right:2px solid transparent}.bootstrap-table .table.table-no-bordered>tbody>tr>td:last-child{border-right:none}.fixed-table-container{position:relative;clear:both;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.fixed-table-container.table-no-bordered{border:1px solid transparent}.fixed-table-footer,.fixed-table-header{overflow:hidden}.fixed-table-footer{border-top:1px solid #ddd}.fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}.fixed-table-container table{width:100%}.fixed-table-container thead th{height:0;padding:0;margin:0;border-left:1px solid #ddd}.fixed-table-container thead th:focus{outline:transparent solid 0}.fixed-table-container thead th:first-child{border-left:none;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px}.fixed-table-container tbody td .th-inner,.fixed-table-container thead th .th-inner{padding:8px;line-height:24px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixed-table-container thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px}.fixed-table-container thead th .both{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC')}.fixed-table-container thead th .asc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)}.fixed-table-container thead th .desc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=)}.fixed-table-container th.detail{width:30px}.fixed-table-container tbody td{border-left:1px solid #ddd}.fixed-table-container tbody tr:first-child td{border-top:none}.fixed-table-container tbody td:first-child{border-left:none}.fixed-table-container tbody .selected td{background-color:#f5f5f5}.fixed-table-container .bs-checkbox .th-inner{padding:8px 0}.fixed-table-container input[type=radio],.fixed-table-container input[type=checkbox]{margin:0 auto!important}.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-top:10px;margin-bottom:10px}.fixed-table-pagination div.pagination .pagination{margin:0}.fixed-table-pagination .pagination a{padding:6px 12px;line-height:1.428571429}.fixed-table-pagination .pagination-info{line-height:34px;margin-right:5px}.fixed-table-pagination .btn-group{position:relative;display:inline-block;vertical-align:middle}.fixed-table-pagination .dropup .dropdown-menu{margin-bottom:0}.fixed-table-pagination .page-list{display:inline-block}.fixed-table-toolbar .columns-left{margin-right:5px}.fixed-table-toolbar .columns-right{margin-left:5px}.fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429}.fixed-table-toolbar .bs-bars,.fixed-table-toolbar .columns,.fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;line-height:34px}.fixed-table-pagination li.disabled a{pointer-events:none;cursor:default}.fixed-table-loading{display:none;position:absolute;top:42px;right:0;bottom:0;left:0;z-index:99;background-color:#fff;text-align:center}.fixed-table-body .card-view .title{font-weight:700;display:inline-block;min-width:30%;text-align:left!important}.table td,.table th{vertical-align:middle}.fixed-table-toolbar .dropdown-menu{text-align:left;max-height:300px;overflow:auto}.fixed-table-toolbar .btn-group>.btn-group{display:inline-block;margin-left:-1px!important}.fixed-table-toolbar .btn-group>.btn-group>.btn{border-radius:0}.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.bootstrap-table .table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}.bootstrap-table .table thead>tr>th{padding:0;margin:0}.bootstrap-table .fixed-table-footer tbody>tr>td{padding:0!important}.bootstrap-table .fixed-table-footer .table{border-bottom:none;border-radius:0;padding:0!important}.pull-right .dropdown-menu{right:0;left:auto}p.fixed-table-scroll-inner{width:100%;height:200px}div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}
.md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}
/*!
 * Bootstrap Colorpicker v2.3.3
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */.colorpicker-saturation{width:100px;height:100px;background-image:url(../_css/_images/saturation.png);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(../_css/_images/hue.png)}.colorpicker-alpha{background-image:url(../_css/_images/alpha.png);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(../_css/_images/alpha.png);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(../_css/_images/hue-horizontal.png)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(../_css/_images/alpha-horizontal.png)}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0}
/*!
 * bootstrap-fileinput v4.3.5
 * http://plugins.krajee.com/file-input
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2016, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */.file-loading{top:0;right:0;width:25px;height:25px;font-size:999px;text-align:right;color:#fff;background:url(../_css/_images/loading.gif) top left no-repeat;border:none}.file-object{margin:0 0 -5px;padding:0}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}.file-caption-name{display:inline-block;overflow:hidden;height:20px;word-break:break-all}.input-group-lg .file-caption-name{height:25px}.file-zoom-dialog{text-align:left}.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre,.file-error-message ul{margin:0;text-align:left}.file-preview-frame,.file-preview-other{text-align:center;vertical-align:middle}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#EEE;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:5px;width:100%;margin-bottom:5px}.file-preview-frame{position:relative;display:table;margin:8px;height:160px;border:1px solid #ddd;box-shadow:1px 1px 5px 0 #a2958a;padding:6px;float:left}.file-preview-frame:not(.file-preview-error):hover{box-shadow:3px 3px 5px 0 #333}.file-preview-image{vertical-align:middle}.file-preview-text{display:block;color:#428bca;border:1px solid #ddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;outline:0;padding:8px;resize:none}.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-ajax-new .no-browse .input-group-btn,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file,.file-input-new .no-browse .input-group-btn{display:none}.file-preview-html{border:1px solid #ddd;padding:8px;overflow:auto}.file-zoom-dialog .file-preview-text{font-size:1.2em}.file-preview-other{left:0;top:0;right:0;bottom:0;margin:auto;padding:10px}.file-preview-other:hover{opacity:.8}.file-actions,.file-other-error{text-align:left}.file-other-icon{font-size:4.8em}.file-zoom-dialog .file-other-icon{font-size:8em;font-size:55vmin}.file-caption-main{width:100%}.file-input-ajax-new .no-browse .form-control,.file-input-new .no-browse .form-control{border-top-right-radius:4px;border-bottom-right-radius:4px}.file-thumb-loading{background:url(../_css/_images/loading.gif) center center no-repeat content-box!important}.file-actions{margin-top:15px}.file-footer-buttons{float:right}.file-upload-indicator{display:inline;cursor:default;opacity:.8;width:60%}.file-upload-indicator:hover{font-weight:700;opacity:1}.file-footer-caption{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;text-align:center;padding-top:4px;font-size:11px;color:#777;margin:5px auto}.file-preview-error{opacity:.65;box-shadow:none}.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;height:100%;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone-title{color:#aaa;font-size:1.6em;padding:85px 10px;cursor:default}.clickable .file-drop-zone-title,.file-preview .clickable{cursor:pointer}.file-drop-zone.clickable:hover{border:2px dashed #999}.file-drop-zone.clickable:focus{border:2px solid #5acde2}.file-drop-zone .file-preview-thumbnails{cursor:default}.file-highlighted{border:2px dashed #999!important;background-color:#f0f0f0}.file-uploading{background:url(../_css/_images/loading-sm.gif) center bottom 10px no-repeat;opacity:.65}.file-thumb-progress .progress,.file-thumb-progress .progress-bar{height:10px;font-size:9px;line-height:10px}.file-thumbnail-footer{position:relative}.file-thumb-progress{height:10px;position:absolute;top:35px;left:0;right:0}.file-zoom-fullscreen.modal{position:fixed;top:0;right:0;bottom:0;left:0}.file-zoom-fullscreen .modal-dialog{position:fixed;margin:0;width:100%;height:100%;padding:0}.file-zoom-fullscreen .modal-content{border-radius:0;box-shadow:none}.file-zoom-fullscreen .modal-body{overflow-y:auto}.file-zoom-dialog .modal-body{position:relative!important}.file-zoom-dialog .btn-navigate{position:absolute;padding:0;margin:0;background:0 0;text-decoration:none;outline:0;opacity:.7;top:45%;font-size:4em;color:#1c94c4}.file-zoom-dialog .floating-buttons{position:absolute;top:5px;right:10px}.floating-buttons,.floating-buttons .btn{z-index:3000}.file-zoom-dialog .kv-zoom-actions .btn,.floating-buttons .btn{margin-left:3px}.file-zoom-dialog .btn-navigate:not([disabled]):focus,.file-zoom-dialog .btn-navigate:not([disabled]):hover{outline:0;box-shadow:none;opacity:.5}.file-zoom-dialog .btn-navigate[disabled]{opacity:.3}.file-zoom-dialog .btn-prev{left:1px}.file-zoom-dialog .btn-next{right:1px}.file-drag-handle{display:inline;margin-right:2px;font-size:16px;cursor:move;cursor:-webkit-grabbing}.file-drag-handle:hover{opacity:.7}.file-zoom-content{height:480px;text-align:center}.file-preview-initial.sortable-chosen{background-color:#d9edf7}.file-preview-frame.sortable-ghost{background-color:#eee}.btn-file ::-ms-browse{width:100%;height:100%}
/**
 * Bootstrap-FileInput v4.3.5 to Bootstrap 5 Compatibility CSS
 * This file provides compatibility styles for the older fileinput plugin with Bootstrap 5
 */

/* Glyphicon Replacement with Font Awesome or Bootstrap Icons */
.glyphicon {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Glyphicon to Font Awesome mappings */
.glyphicon-trash::before {
    content: '\f1f8'; /* Font Awesome trash */
    font-family: 'FontAwesome';
}

.glyphicon-upload::before {
    content: '\f093'; /* Font Awesome upload */
    font-family: 'FontAwesome';
}

.glyphicon-zoom-in::before {
    content: '\f00e'; /* Font Awesome zoom-in */
    font-family: 'FontAwesome';
}

.glyphicon-menu-hamburger::before {
    content: '\f0c9'; /* Font Awesome bars/menu */
    font-family: 'FontAwesome';
}

.glyphicon-hand-down::before {
    content: '\f0a7'; /* Font Awesome hand-down */
    font-family: 'FontAwesome';
}

.glyphicon-ok-sign::before {
    content: '\f058'; /* Font Awesome check-circle */
    font-family: 'FontAwesome';
}

.glyphicon-exclamation-sign::before {
    content: '\f071'; /* Font Awesome exclamation-triangle */
    font-family: 'FontAwesome';
}

.glyphicon-hand-up::before {
    content: '\f0a6'; /* Font Awesome hand-up */
    font-family: 'FontAwesome';
}

.glyphicon-file::before {
    content: '\f15b'; /* Font Awesome file */
    font-family: 'FontAwesome';
    margin-right:5px;
}

.glyphicon-folder-open::before {
    content: '\f07c'; /* Font Awesome folder-open */
    font-family: 'FontAwesome';
}

.glyphicon-ban-circle::before {
    content: '\f05e'; /* Font Awesome ban */
    font-family: 'FontAwesome';
}

.glyphicon-remove::before {
    content: '\f00d'; /* Font Awesome times/close */
    font-family: 'FontAwesome';
}

.glyphicon-fullscreen::before {
    content: '\f065'; /* Font Awesome expand */
    font-family: 'FontAwesome';
}

.glyphicon-resize-full::before {
    content: '\f31e'; /* Font Awesome expand-arrows-alt */
    font-family: 'FontAwesome';
}

.glyphicon-resize-vertical::before {
    content: '\f07d'; /* Font Awesome arrows-v */
    font-family: 'FontAwesome';
}

.glyphicon-triangle-left::before {
    content: '\f0d9'; /* Font Awesome caret-left */
    font-family: 'FontAwesome';
}

.glyphicon-triangle-right::before {
    content: '\f0da'; /* Font Awesome caret-right */
    font-family: 'FontAwesome';
}

.glyphicon-calendar::before {
    content: '\f133'; /* Font Awesome calendar */
    font-family: 'FontAwesome';
}

/* Button size compatibility */
.btn-xs {
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

/* Ensure fileinput browse button matches application button styling */
.file-input .btn-file,
.file-input .input-group-btn .btn,
.file-input .btn-file .btn {
    line-height: 21px;
    padding: 5px 25px;
    font-weight: 500;
    font-size: 14px;
    height: auto;
}

/* Match Bootstrap .btn-secondary to application buttons */
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding: 5px 25px;
}

.btn-secondary:hover,
.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
}

    .btn-secondary:disabled,
    .btn-secondary[disabled] {
        cursor: not-allowed !important;
        pointer-events: auto;
        background-color: transparent !important;
        border-color: #504a8d !important;
        color: #504a8d !important;
    }

/* Sync dropdown toggle buttons in HRIS */
.hris-import-table .btn-group .btn.dropdown-toggle {
    line-height: 21px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
    height: auto;
}

/* Primary button styling to match theme */
.btn-primary {
    background-color: #00a453;
    border-color: #00a453;
    font-weight: 500;
    line-height: 21px;
    padding: 5px 25px;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #008f47;
    border-color: #008240;
}

/* Default button styling */
.btn-default {
    background: #fff;
    color: #00a453;
    border-color: #00a453;
    font-weight: 500;
    line-height: 21px;
    padding: 5px 15px;
}

.btn-default:hover,
.btn-default:focus {
    background: #f8f9fa;
    color: #008f47;
    border-color: #008240;
}

/* File input specific styles */
.file-input .btn-file {
    position: relative;
    overflow: hidden;
}

.file-input .btn-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none;
    cursor: inherit;
    display: block;
}

/* File caption styling for Bootstrap 5 */
.file-caption {
    display: block;
    width: 100%;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d4d0;
    appearance: none;
    border-radius: 1px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: auto;
    min-height: 33px;
}

.file-caption:focus {
    color: #212529;
    background-color: #fff;
    border-color: #e5e6e7;
    outline: 0;
    box-shadow: none;
}

.file-caption-name {
    display: inline-block;
    overflow: hidden;
    height: auto;
    line-height: 21px;
    word-break: break-all;
}

.file-caption-icon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

/* Input group compatibility */
.input-group-btn {
    display: flex;
    align-items: stretch;
}

.input-group-btn .btn {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.input-group-btn .btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Ensure browse button matches height */
.file-input .input-group .btn-file {
    min-height: 33px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Ensure cancel and upload buttons match if shown */
.fileinput-cancel,
.fileinput-upload,
.fileinput-remove {
    line-height: 21px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
}

/* File preview frame */
.file-preview-frame {
    position: relative;
    display: table;
    margin: 8px;
    height: 160px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px 0 #a2958a;
    padding: 6px;
    float: left;
    background: #fff;
}

.file-preview-frame:not(.file-preview-error):hover {
    box-shadow: 3px 3px 5px 0 #333;
}

/* Progress bar compatibility */
.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width 0.6s ease;
}

.progress-bar-success {
    background-color: #198754;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-striped.active,
.progress-bar.active {
    animation: progress-bar-stripes 1s linear infinite;
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0;
    }
    100% {
        background-position: 0 0;
    }
}

/* Modal compatibility */
.modal.file-zoom-dialog .modal-header .close {
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

/* Text color utilities */
.text-danger {
    color: #dc3545 !important;
}

.text-info {
    color: #0dcaf0 !important;
}

.text-success {
    color: #198754 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-muted {
    color: #6c757d !important;
}

/* Pull right/left replacements */
.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

/* Hide utility */
.hide {
    display: none !important;
}

/* Form control file */
.form-control.file-caption {
    height: auto;
}

/* Ensure proper display of file input wrapper */
.file-input-new .file-preview,
.file-input-new .close,
.file-input-new .glyphicon-file,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button {
    display: none;
}

/* File drop zone */
.file-drop-zone {
    border: 1px dashed #aaa;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 12px 15px 12px 12px;
    padding: 5px;
}

.file-drop-zone.file-highlighted {
    border: 2px dashed #999 !important;
    background-color: #f0f0f0;
}

/* Button styling improvements */
.fileinput-upload,
.fileinput-remove,
.fileinput-cancel {
    white-space: nowrap;
}

/* Fix for input group in Bootstrap 5 */
.file-caption-main {
    width: 100%;
}

.input-group .file-caption {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    flex: 1 1 auto;
}

.input-group .input-group-btn {
    margin-left: -1px;
    display: flex;
    align-items: stretch;
}

.input-group .input-group-btn .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Ensure proper spacing */
.file-input .input-group .btn {
    margin-left: 0;
}

/* Ensure input group displays properly */
.file-input .input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* HRIS specific file input adjustments */
.hris-import-steps .file-input,
.hris-import-steps .file-caption,
.hris-import-steps .input-group-btn .btn {
    font-size: 14px;
}

.hris-import-steps .form-item .file-caption {
    border: 1px solid #d1d4d0;
    border-radius: 1px;
}

.hris-import-steps .form-item .input-group-btn .btn {
    border: 1px solid #00a453;
    background-color: #00a453;
    color: #fff;
}

.hris-import-steps .form-item .input-group-btn .btn:hover {
    background-color: #008f47;
    border-color: #008240;
}

/* ========================================
   DROPDOWN STYLING SYNCHRONIZATION
   ======================================== */

/* Dropdown toggle buttons in HRIS table */
.hris-import-table .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.hris-import-table .dropdown-toggle {
    border-color: #d1d4d0 !important;
    color: #676a6c !important;
    background-color: #fff !important;
    box-shadow: none !important;
    text-align: left;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding: 5px 15px;
    border-radius: 1px;
    transition: all 0.15s ease-in-out;
}

.hris-import-table .dropdown-toggle:hover {
    border-color: #b1b2b5 !important;
    background-color: #f8f9fa !important;
}

.hris-import-table .dropdown-toggle:focus,
.hris-import-table .dropdown-toggle:active {
    border-color: #b1b2b5 !important;
    box-shadow: none !important;
    outline: none;
}

/* Selected type display */
.hris-import-table .selected-type {
    width: 145px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    color: #676a6c;
}

/* Dropdown caret styling */
.hris-dropup-caret,
.hris-import-table .caret {
    display: inline-block;
    margin-left: 10px;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #676a6c;
}

/* Dropup caret (points up) */
.hris-import-table .dropup .caret,
.hris-dropup-caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

/* Dropdown menu styling */
.hris-mapping-container .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 180px;
    padding: 5px 0;
    padding-left: 12px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d4d0;
    border-radius: 1px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    cursor: pointer;
}

.hris-mapping-container .dropdown-menu.show {
    display: block;
}

/* Dropup menu positioning */
.hris-import-table .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

/* Dropdown items */
.hris-mapping-container .dropdown-item {
    display: block;
    width: 100%;
    padding: 5px 10px;
    clear: both;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #676a6c;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

.hris-mapping-container .dropdown-item:hover,
.hris-mapping-container .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00a453;
}

.hris-mapping-container .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #008f47;
}

/* Dropdown item icons and text */
.hris-mapping-container .dropdown-item .hris-type-select {
    display: inline-block;
    margin-right: 8px;
    min-width: 30px;
    font-weight: 700;
}

.hris-mapping-container .dropdown-item i {
    margin-right: 5px;
}

/* First item (Select placeholder) styling */
.hris-mapping-container .dropdown-menu .dropdown-item:first-child {
    color: #b1b2b5;
    font-style: italic;
}

.hris-mapping-container .dropdown-menu .dropdown-item:first-child:hover {
    background-color: #f8f9fa;
    color: #676a6c;
}

/* Ensure dropdown works with Bootstrap 5 */
.hris-import-table .btn-group .dropdown-toggle::after {
    display: none;
}

/* Dropdown open state */
.hris-import-table .btn-group.show .dropdown-toggle {
    border-color: #b1b2b5 !important;
    background-color: #f8f9fa !important;
}

/* Responsive dropdown sizing */
@media (max-width: 768px) {
    .hris-import-table .dropdown-toggle {
        width: 160px;
    }
    
    .hris-import-table .selected-type {
        width: 125px;
    }
}

/* ========================================
   HRIS MODAL BOOTSTRAP 3 STYLING
   ======================================== */

/* HRIS Import Message Popup - Bootstrap 3 Style */
#hrisImportMessagePopup .modal-dialog,
#hrisImportSystemErrorPopup .modal-dialog {
    max-width: 600px;
    width: 600px;
    margin: 30px auto;
}

#hrisImportMessagePopup .modal-content,
#hrisImportSystemErrorPopup .modal-content {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

/* Modal Header - Bootstrap 3 Style */
#hrisImportMessagePopup .modal-header,
#hrisImportSystemErrorPopup .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#hrisImportMessagePopup .modal-header .close,
#hrisImportSystemErrorPopup .modal-header .close {
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    opacity: 0.2;
    cursor: pointer;
    margin: -2px -2px -2px auto;
    text-shadow: 0 1px 0 #fff;
}

#hrisImportMessagePopup .modal-header .close:hover,
#hrisImportSystemErrorPopup .modal-header .close:hover {
    color: #000;
    opacity: 0.5;
}

#hrisImportMessagePopup .modal-title,
#hrisImportSystemErrorPopup .modal-title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.42857143;
    color: #333;
    font-family: 'Open Sans', Arial, sans-serif;
}

/* Modal title icons */
#hrisImportMessagePopup .modal-title .fa,
#hrisImportSystemErrorPopup .modal-title .fa {
    margin-right: 8px;
}

.font-tick {
    color: #00a453;
}

.font-times {
    color: #dc3545;
}

.font-exclamation-triangle {
    color: #ffc107;
}

/* Modal Body - Bootstrap 3 Style */
#hrisImportMessagePopup .modal-body,
#hrisImportSystemErrorPopup .modal-body {
    padding: 15px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}

#hrisImportMessagePopup .modal-body p,
#hrisImportSystemErrorPopup .modal-body p {
    margin: 0 0 10px;
}

#hrisImportMessagePopup .modal-body p:last-child,
#hrisImportSystemErrorPopup .modal-body p:last-child {
    margin-bottom: 0;
}

/* Clickable links in modal body */
#hrisImportMessagePopup .modal-body .pointer,
#hrisImportMessagePopup .modal-body .file-history {
    color: #00a453;
    cursor: pointer;
    text-decoration: underline;
}

#hrisImportMessagePopup .modal-body .pointer:hover,
#hrisImportMessagePopup .modal-body .file-history:hover {
    color: #008f47;
}

/* Error list in failed popup - Bootstrap 3 Style */
.fu-error-list {
    margin: 10px 0;
    padding-left: 25px;
    list-style-type: disc;
}

.fu-error-list li {
    margin-bottom: 5px;
    color: #a94442;
    line-height: 1.42857143;
}

/* Modal Footer - Bootstrap 3 Style */
#hrisImportMessagePopup .modal-footer,
#hrisImportSystemErrorPopup .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* Modal footer buttons - Bootstrap 3 Style */
    #hrisImportMessagePopup .modal-footer .button,
    #hrisImportSystemErrorPopup .modal-footer .button {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 4px;
        font-family: 'Open Sans', Arial, sans-serif;
        min-height: auto;
        height: auto;
    }

#hrisImportMessagePopup .modal-footer .button + .button {
    margin-left: 5px;
}

#hrisFooterSuccess,
#hrisFooterFailure,
#hrisFooter {
    background-color: #00a453;
    border-color: #009649;
    color: #fff;
}

#hrisFooterSuccess:hover,
#hrisFooterFailure:hover,
#hrisFooter:hover {
    background-color: #008f47;
    border-color: #007a3d;
}

#hrisFooterSuccess:active,
#hrisFooterFailure:active,
#hrisFooter:active {
    background-color: #007a3d;
    border-color: #006633;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* Confirm Delete Modal - Bootstrap 3 Style */
#confirmDeleteModal .modal-dialog {
    max-width: 600px;
    width: 600px;
    margin: 30px auto;
}

#confirmDeleteModal .modal-content {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

#confirmDeleteModal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#confirmDeleteModal .modal-header .close {
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    opacity: 0.2;
    cursor: pointer;
    margin: -2px -2px -2px auto;
    text-shadow: 0 1px 0 #fff;
}

#confirmDeleteModal .modal-header .close:hover {
    color: #000;
    opacity: 0.5;
}

#confirmDeleteModal .modal-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.42857143;
    color: #a94442;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#confirmDeleteModal .modal-header .fa-trash {
    margin-right: 8px;
}

#confirmDeleteModal .modal-body {
    padding: 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    font-family: 'Open Sans', Arial, sans-serif;
}

#confirmDeleteModal .modal-body h6 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857143;
}

#confirmDeleteModal .modal-body input[type="text"] {
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#confirmDeleteModal .modal-body input[type="text"]:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#confirmDeleteModal .modal-body .text-danger {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #a94442;
}

#confirmDeleteModal .modal-body a {
    color: #00a453;
    text-decoration: underline;
}

#confirmDeleteModal .modal-body a:hover {
    color: #008f47;
}

#confirmDeleteModal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    #confirmDeleteModal .modal-footer .button {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 4px;
        font-family: 'Open Sans', Arial, sans-serif;
    }

#confirmDeleteModal .modal-footer .button.cancel {
    margin-right: 5px;
}

/* System error modal specific styling - Bootstrap 3 */
#hrisImportSystemErrorPopup .modal-header {
    background-color: #ffffff;
}

/* Modal Body - ensure white background */
#hrisImportMessagePopup .modal-body,
#hrisImportSystemErrorPopup .modal-body {
    background-color: #ffffff;
}

/* Modal Content - ensure white background */
#hrisImportMessagePopup .modal-content,
#hrisImportSystemErrorPopup .modal-content {
    background-color: #ffffff;
}

/* Bootstrap 3 modal fade-in animation */
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    transform: translate(0, 0);
}

/* Bootstrap 3 modal backdrop */
.modal-backdrop {
    background-color: #000;
}

.modal-backdrop.show {
    opacity: 0.5;
}

/* Bootstrap 3 Typography for modals */
#hrisImportMessagePopup,
#hrisImportSystemErrorPopup,
#confirmDeleteModal,
#confirmationPopup {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

/* ========================================
   BOOTSTRAP TABLE FILTER PLUGIN - BOOTSTRAP 5 COMPATIBILITY
   ======================================== */

/* Filter toolbar buttons */
.btn-toolbar .btn-group {
    display: inline-block;
    margin-right: 5px;
}

    .btn-toolbar .btn-group.no-margin {
        display: inline-block;
        margin-right: -8px !important;
    }

.btn-toolbar .btn-filter,
.btn-toolbar .btn-refresh {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
}

.btn-toolbar .btn-filter:hover,
.btn-toolbar .btn-refresh:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-toolbar .btn-filter .fa,
.btn-toolbar .btn-refresh .fa {
    font-size: 14px;
}

/* Filter dropdown menu */
.btn-group-filter-main .dropdown-menu,
.btn-group-filters .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.btn-group-filter-main .dropdown-menu.show,
.btn-group-filters .dropdown-menu.show {
    display: block;
}

/* Dropdown menu items */
.btn-group-filter-main .dropdown-menu li a,
.btn-group-filters .dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

.btn-group-filter-main .dropdown-menu li a:hover,
.btn-group-filters .dropdown-menu li a:hover {
    background-color: #f5f5f5;
    color: #262626;
}

/* Dropdown divider */
.btn-group-filter-main .dropdown-menu .divider,
.btn-group-filters .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

/* Filter option checkboxes and inputs */
.btn-group-filters .dropdown-menu input[type="text"],
.btn-group-filters .dropdown-menu input[type="search"] {
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn-group-filters .dropdown-menu input[type="checkbox"] {
    margin-right: 5px;
}

/* Caret for dropdowns */
.btn-toolbar .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* Ensure dropdown works with Bootstrap 5 */
.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

/* Remove filters link styling */
.btn-group-filter-main .remove-filters a {
    color: #d9534f;
}

.btn-group-filter-main .remove-filters a:hover {
    background-color: #f2dede;
}

/* Filter button active state */
.btn-toolbar .btn-filter.active,
.btn-toolbar .btn-group.open .btn-filter {
    background-color: #e6e6e6;
    border-color: #adadad;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* ========================================
   CONFIRMATION POPUP - BOOTSTRAP 3 STYLING
   ======================================== */

/* Confirmation Popup - Bootstrap 3 Style */
#confirmationPopup .modal-dialog {
    max-width: 600px;
    width: 600px;
    margin: 30px auto;
}

#confirmationPopup .modal-content {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
}

/* Confirmation Popup Header - Bootstrap 3 Style */
#confirmationPopup .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#confirmationPopup .modal-header .close {
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    opacity: 0.2;
    cursor: pointer;
    margin: -2px -2px -2px auto;
    text-shadow: 0 1px 0 #fff;
}

#confirmationPopup .modal-header .close:hover {
    color: #000;
    opacity: 0.5;
}

#confirmationPopup .modal-title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.42857143;
    color: #333;
    font-family: 'Open Sans', Arial, sans-serif;
}

/* Confirmation Popup Body - Bootstrap 3 Style */
#confirmationPopup .modal-body {
    padding: 15px;
    background-color: #ffffff;
}

#confirmationPopup .modal-body div {
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
    margin: 0;
}

/* Confirmation Popup Footer - Bootstrap 3 Style */
#confirmationPopup .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* Confirmation Popup footer buttons - Bootstrap 3 Style */
#confirmationPopup .modal-footer .button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
    min-height: auto;
    height: auto;
}

#confirmationPopup .modal-footer .button + .button {
    margin-left: 5px;
}

#btnOkWarningConfirmation {
    background-color: #00a453;
    border-color: #009649;
    color: #fff;
}

#btnOkWarningConfirmation:hover {
    background-color: #008f47;
    border-color: #007a3d;
}

#btnOkWarningConfirmation:active {
    background-color: #007a3d;
    border-color: #006633;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#btnCancelWarningConfirmation {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

#btnCancelWarningConfirmation:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

#btnCancelWarningConfirmation:active {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden;margin-left:-1px}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:35px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}