/**
 * Main SmartAdmin related style changes.  This should be used for theme related tweaks, NOT general style changes.
 * Use styles-v3.2.scss for specific style changes not related to the SmartAdmin theme.
 */
/* Elements */
/*-----------------------------------------------------
    Derived from:
    LESS Elements 0.9: http://lesselements.com
    http://css-tricks.com/snippets/css/useful-css3-less-mixins/
  ---------------------------------------------------*/
/* FROM http://css-tricks.com/snippets/css/useful-css3-less-mixins/ */
/* FROM LESS ELEMENTS 0.9 */
/* Color variables */
/* kuler.adobe.com compound colors based on base color #2E96D1 */
/* other colors */
/* colors based on SA bg-color-purple (qipath-purple), jarviswidget-color-purple (qipath-purple-dark) */
html {
  background: #fff; }

a, a:focus {
  color: #3976C2; }

a:hover {
  color: #2d5e9b; }

#content > h1, #content > h2, #content > h3, #content > h4, #content > h5, #content > h6, .widget-body > h1, .widget-body > h2, .widget-body > h3, .widget-body > h4, .widget-body > h5, .widget-body > h6, .tabarea > h1, .tabarea > h2, .tabarea > h3, .tabarea > h4, .tabarea > h5, .tabarea > h6 {
  color: #2578a7; }

#header #logo-group {
  width: auto; }

#logo {
  margin-top: 9px; }
  #logo img {
    width: 115px; }

/* For minified with words setup */
.minified #left-panel {
  width: 85px; }
.minified #main {
  margin-left: 85px; }
.minified nav > ul > li > a {
  text-align: center; }
  .minified nav > ul > li > a > .menu-item-parent {
    left: 84px;
    top: -2px;
    text-align: left; }
  .minified nav > ul > li > a > .menu-minified-title {
    line-height: 1.5em; }
.minified nav > ul > li > ul {
  left: 84px;
  margin-top: -18px; }

@media (max-width: 767px) {
  /* org info is not needed at this width */
  #organization-context .label, #organization-context #organization {
    display: none !important; }
  #organization-context .header-dropdown-list {
    padding-top: 9px; } }
#organization-context {
  display: inline-block;
  padding: 7px 13px 0;
  position: relative; }
  #organization-context > span {
    display: block; }
  #organization-context > :first-child {
    display: block;
    color: #bfbfbf;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0 1px white;
    padding-left: 0px;
    text-align: left; }

.smart-style-2 #shortcut {
  background-color: rgba(255, 255, 255, 0.9); }
  .smart-style-2 #shortcut ul {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #A8BADB; }
.smart-style-2 .superbox-list.active:before {
  color: #2C3742; }
.smart-style-2 .superbox-img-description {
  color: #9EA8B1 !important; }
.smart-style-2 #logo-group #activity {
  background: none !important;
  border: none !important;
  color: #3976C2;
  margin-top: 13px; }
  .smart-style-2 #logo-group #activity .badge {
    padding: 1px 3px 2px;
    background: #2E96D1; }
  .smart-style-2 #logo-group #activity .badge.bg-new-message {
    background: #FF5940 !important;
    /* important overrides sa important */ }
.smart-style-2 #logo-group .ajax-dropdown #ajax-new-notification {
  color: #FF5940;
  font-size: 80%;
  font-weight: bold;
  cursor: pointer; }
.smart-style-2 #logo-group .ajax-dropdown .notification-body > li a {
  display: inline; }
.smart-style-2 #logo-group .ajax-dropdown .notification-body .unread {
  background: #ffe2de; }
.smart-style-2 #logo-group .ajax-dropdown .notification-body .subject {
  white-space: normal;
  font-weight: bold;
  overflow: visible;
  display: inline-block; }
.smart-style-2 .btn-header > :first-child > a {
  background: none;
  border: none !important;
  color: #C5C6CA;
  box-shadow: none !important; }
.smart-style-2 .btn-header > :first-child > a:hover {
  color: #fff;
  cursor: pointer !important; }
.smart-style-2 #ribbon {
  background: #fff; }
.smart-style-2 .btn.btn-ribbon {
  background: #9498A0; }
.smart-style-2 aside {
  background: #F7F7F7;
  background: -webkit-gradient(linear, left top, right top, color-stop(99%, #F7F7F7), color-stop(100%, #CACACA));
  background: -webkit-linear-gradient(left, #F7F7F7 99%, #CACACA 100%);
  background: -webkit-gradient(linear, top left, top right, from(#F7F7F7), to(#CACACA));
  background: linear-gradient(to right, #F7F7F7 99%, #CACACA 100%);
  min-height: 100%; }
.smart-style-2 #left-panel {
  padding: 15px; }
.smart-style-2 .login-info {
  margin-bottom: 7px !important;
  height: auto; }
  .smart-style-2 .login-info span {
    padding: 5px 10px 7px;
    background: #FFF;
    border-radius: 4px; }
  .smart-style-2 .login-info a {
    font-size: 16px !important;
    color: #33455A;
    margin-top: 2px; }
    .smart-style-2 .login-info a span {
      padding: 0;
      font-size: 16px !important;
      max-width: 105px; }
  .smart-style-2 .login-info img {
    width: 35px; }
.smart-style-2 nav ul li a {
  color: #69737A !important;
  font-size: 12px !important; }
.smart-style-2 nav ul ul {
  background: none; }
  .smart-style-2 nav ul ul > li:hover b {
    color: #69737A !important; }
  .smart-style-2 nav ul ul li > a {
    padding-left: 23px; }
  .smart-style-2 nav ul ul ul li a {
    padding-left: 30px; }
  .smart-style-2 nav ul ul ul ul li a {
    padding-left: 40px; }
  .smart-style-2 nav ul ul ul ul ul li a {
    padding-left: 50px; }
  .smart-style-2 nav ul ul ul ul ul ul li a {
    padding-left: 60px; }
.smart-style-2 nav > ul > li > a {
  padding-top: 16px;
  padding-bottom: 16px; }
  .smart-style-2 nav > ul > li > a > i {
    font-size: 25px !important; }
  .smart-style-2 nav > ul > li > a b {
    top: 16px; }
.smart-style-2 .jarviswidget-color-blueDark > header {
  background: #2C3742 !important;
  border-color: #2C3742 !important; }
.smart-style-2 .jarviswidget-color-purple > header a {
  color: #e7f4fb; }
.smart-style-2 .btn-success {
  background-color: #96bf48;
  border-color: #84A83E; }
.smart-style-2 .btn-danger {
  background-color: #DB4A67;
  border-color: #CA4862; }
.smart-style-2 .btn-warning {
  background-color: #E2B14A;
  border-color: #C99D42; }
.smart-style-2 .bg-color-red {
  background: #DB4A67 !important; }
.smart-style-2 .bg-color-blue {
  background: #4387bf !important; }
.smart-style-2 .smart-form .toggle i:before {
  background-color: #3b9ff3; }
.smart-style-2 .bg-color-greenLight {
  background-color: #89AD45 !important; }
.smart-style-2 .bg-color-orange {
  background-color: #D6A848 !important; }
.smart-style-2 .bg-color-teal {
  background-color: #5ba0a3 !important; }
.smart-style-2 .minifyme {
  background: #D7DAE2;
  border-bottom: 1px solid #818181;
  color: #7E7E7E; }
.smart-style-2 .minifyme:hover {
  color: #4E4E4E; }
.smart-style-2 .onoffswitch-inner:before {
  background: #3b9ff3;
  border-color: #3b9ff3 #257DC7 #2A7DC4; }
.smart-style-2 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  color: #84A83E; }

body.smart-style-2 {
  background: #fff; }

#header {
  border-bottom: 1px solid #BBB; }
  #header #admin-selector {
    max-width: 97%;
    white-space: nowrap;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    color: #555555;
    font-size: 14px;
    cursor: pointer; }
  #header #admin-selector:hover {
    color: #333333; }
  #header #qipath-admin-dropdown {
    margin-left: 5px; }
  #header #organization {
    float: left; }

.fixed-header #header {
  z-index: 2003; }

/*
.smart-style-2 #header, .smart-style-2 .inbox-footer, .smart-style-2 .superbox-show {
    background-image:none;
    background-color: #2C3742;
}
.smart-style-2 .header-search &>button,.smart-style-2 .header-dropdown-list a.dropdown-toggle {
    color: #C5C6CA;
}
*/
.smart-style-2 a.dropdown-toggle:hover, .smart-style-2 a.dropdown-toggle {
  text-decoration: none; }

.smart-style-2 #ribbon .breadcrumb li:last-child, .smart-style-2 #ribbon .breadcrumb > .active, .smart-style-2 #ribbon .breadcrumb, .smart-style-2 #ribbon .breadcrumb a {
  color: #7C7C7C !important; }

.smart-style-2 .login-info span, .smart-style-2 .login-info {
  border: 0 !important;
  box-shadow: none !important; }

.smart-style-2 nav ul li.open > a, .smart-style-2 nav ul li.open > a b, .smart-style-2 nav ul .active > a {
  color: #202427 !important;
  font-weight: bold; }

.smart-style-2 nav ul ul li > a:hover, .smart-style-2 nav ul li a:hover {
  color: #202427 !important;
  background: none !important; }

.smart-style-2 nav > ul > li > ul::before, .smart-style-2 nav > ul ul li::before {
  border: none !important; }

.smart-style-2 .btn-primary, .smart-style-2 .smart-form .button {
  background-color: #3b9ff3;
  border-color: #3292E2; }

.smart-style-2 .btn-primary:hover, .smart-style-2 .btn-primary:focus, .smart-style-2 .btn-primary:active, .smart-style-2 .btn-primary.active, .smart-style-2 .open .dropdown-toggle.btn-primary {
  background-color: #3E90D4;
  border-color: #2F7DBE; }

.smart-style-2 .dropdown-menu > li > a:hover, .smart-style-2 .dropdown-menu > li > a:focus {
  background-color: #3E90D4; }

.smart-style-2 .btn-success:hover, .smart-style-2 .btn-success:focus, .smart-style-2 .btn-success:active, .smart-style-2 .btn-success.active, .smart-style-2 .open .dropdown-toggle.btn-success {
  background-color: #89AD45;
  border-color: #78973B; }

.smart-style-2 .btn-danger:hover, .smart-style-2 .btn-danger:focus, .smart-style-2 .btn-danger:active, .smart-style-2 .btn-danger.active, .smart-style-2 .open .dropdown-toggle.btn-danger {
  background-color: #CF4762;
  border-color: #C0455E; }

.smart-style-2 .btn-warning:hover, .smart-style-2 .btn-warning:focus, .smart-style-2 .btn-warning:active, .smart-style-2 .btn-warning.active, .smart-style-2 .open .dropdown-toggle.btn-warning {
  background-color: #D6A848;
  border-color: #C09844; }

.smart-style-2 .pagination > .active > a, .smart-style-2 .pagination > .active > span, .smart-style-2 .pagination > .active > a:hover, .smart-style-2 .pagination > .active > span:hover, .smart-style-2 .pagination > .active > a:focus, .smart-style-2 .pagination > .active > span:focus {
  background-color: #3b9ff3; }

.smart-style-2.minified .login-info {
  margin: 0 !important; }
  .smart-style-2.minified .login-info a {
    margin-top: 4px; }
  .smart-style-2.minified .login-info span {
    padding: 0; }
.smart-style-2.minified #left-panel {
  padding: 0 !important; }
.smart-style-2.minified nav ul > li > a {
  padding: 12px 11px; }
.smart-style-2.minified nav ul li.active > a:before {
  height: 23px;
  right: -19px;
  top: 7px;
  font-size: 20px;
  color: #FFFFFF; }
.smart-style-2.minified nav > ul > li {
  border-bottom: 1px solid #E6E6E6;
  border-top: 1px solid #FFFFFF; }
  .smart-style-2.minified nav > ul > li > a > i {
    font-size: 18px !important; }

.smart-style-2.minified nav > ul > li > ul, .smart-style-2.minified nav > ul > li > ul > li, .smart-style-2.minified nav > ul > li > ul > li > ul > li {
  background: #fff !important; }

.smart-style-2 .smart-form .checkbox input:checked + i, .smart-style-2 .smart-form .radio input:checked + i, .smart-style-2 .smart-form .toggle input:checked + i {
  border-color: #3b9ff3; }

.smart-form .rating input + label:hover, .smart-form .rating input + label:hover ~ label {
  color: #3b9ff3; }

/* widget-body-toolbars not within an actual widget should not have margin to display properly */
div:not(.widget-body) > .widget-body-toolbar {
  margin: 0; }

.dataTables_wrapper {
  /* IE10 specific adding up/down button */
  /* reference: http://msdn.microsoft.com/en-us/library/windows/apps/hh465742.aspx */
  /* dropdown button on paging select (10, 25, 50, ... rows), works for IE11+ and modern browsers
     there is a click event handler for browsers that don't accept pointer-events: none in datatables.js */ }
  .dataTables_wrapper table.table {
    /* prevent text from wrapping to multiple lines */ }
    .dataTables_wrapper table.table thead .sorting {
      background: url("../images/vendor/smartadmin/sort_both.png") no-repeat center right; }
    .dataTables_wrapper table.table thead .sorting_asc {
      background: url("../images/vendor/smartadmin/sort_asc.png") no-repeat center right; }
    .dataTables_wrapper table.table thead .sorting_desc {
      background: url("../images/vendor/smartadmin/sort_desc.png") no-repeat center right; }
    .dataTables_wrapper table.table thead .sorting_asc_disabled {
      background: url("../images/vendor/smartadmin/sort_asc_disabled.png") no-repeat center right; }
    .dataTables_wrapper table.table thead .sorting_desc_disabled {
      background: url("../images/vendor/smartadmin/sort_desc_disabled.png") no-repeat center right; }
    .dataTables_wrapper table.table thead tr th {
      border-right: 1px solid #dfdfdf; }
    .dataTables_wrapper table.table th, .dataTables_wrapper table.table td {
      max-width: 21em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .dataTables_wrapper table.table th.column-large, .dataTables_wrapper table.table td.column-large {
        padding-right: 2em;
        /* allow a bit more horizontal space for these columns, e.g. 'Action' */
        max-width: 33em; }
    .dataTables_wrapper table.table .inplaceanalysis th,
    .dataTables_wrapper table.table .inplaceanalysis td {
      white-space: normal; }
  .dataTables_wrapper .dt-wrapper {
    overflow-x: auto;
    /* simply implement horizontal scrolling, also possible with scrollX = true on DT init */
    width: 100%; }
  .dataTables_wrapper .dt-top-row .table_tools_group {
    right: 161px;
    top: -38px; }
  .dataTables_wrapper .DTTT_container {
    /* override smartadmin default which pushes table data down */
    position: absolute; }
  .dataTables_wrapper .smart-form .select select::-ms-expand {
    display: block;
    border: none;
    padding-right: 1em;
    background-image: url("../images/select-updown.png");
    background-repeat: no-repeat;
    background-position-x: -1px;
    background-position-y: 4px;
    width: 0px; }
  .dataTables_wrapper .smart-form .select i {
    pointer-events: none; }

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
  box-shadow: none;
  float: none; }

div.DTTT_collection {
  background-color: #FFF;
  border-radius: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
  border: 1px solid #CCC;
  box-shadow: none;
  padding: 6px 8px 5px;
  font-size: 12px; }

/* Data Tables column popup */
div.ColVis_collectionBackground {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  z-index: 1100; }

ul.ColVis_collection {
  width: 150px;
  padding: 8px 8px 4px 8px;
  margin: 0;
  border: 1px solid #eee;
  background-color: #f3f3f3;
  overflow: hidden;
  z-index: 2002;
  list-style-type: none;
  -webkit-box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.3); }

ul.ColVis_collection li {
  position: relative;
  height: auto;
  text-align: left;
  padding: 0;
  margin: 0; }

ul.ColVis_collection li.ColVis_Button:hover {
  border: 1px solid #999;
  background-color: #f0f0f0; }

ul.ColVis_collection li span {
  display: inline-block;
  padding-left: 0.5em;
  cursor: pointer; }

ul.ColVis_collection li.ColVis_Special {
  border-color: #555;
  background: #ededed;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-9 */ }

ul.ColVis_collection li.ColVis_Special:hover {
  background: #e2e2e2;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2', GradientType=0);
  /* IE6-9 */ }

/* styles for all jarviswidgets, regardless of color */
.jarviswidget {
  margin-bottom: 10px; }
  .jarviswidget .widget-toolbar {
    padding: 0 12px; }
  .jarviswidget header {
    /* make tooltips in the header visible even past the edge of the widget */ }
    .jarviswidget header span.fa {
      font-size: 14px; }
    .jarviswidget header i.fa {
      font-size: 14px; }
    .jarviswidget header .tooltip {
      position: fixed; }
  .jarviswidget a:not(.btn) {
    font-size: 13px; }
    .jarviswidget a:not(.btn) span {
      font-size: 13px;
      margin-right: 6px; }
  .jarviswidget a.btn-xs .fa-plus {
    line-height: 2.0;
    vertical-align: top;
    font-size: 9px;
    font-size: 9px; }
  .jarviswidget a.btn-xs.btn-rnd {
    height: 14px;
    padding: 0 2px;
    border-radius: 7px; }
    .jarviswidget a.btn-xs.btn-rnd .fa-plus {
      line-height: 1.3; }
  .jarviswidget a + a.btn,
  .jarviswidget a.btn + a {
    margin-left: 6px; }
  .jarviswidget a:hover {
    text-decoration: underline; }

.jarviswidget-color-corpblue > header {
  background: #2E96D1;
  color: #FFF;
  border-color: #2578a7 !important; }
.jarviswidget-color-corpblue .widget-toolbar a {
  color: #FFF; }
.jarviswidget-color-corpblue .widget-toolbar a:hover {
  color: #FFB; }

.jarviswidget-color-white > header {
  color: #484648; }

#navigation .nav-tabs {
  /* change active tab top color */ }
  #navigation .nav-tabs .second-nav.bordered {
    border-width: 0 1px 1px; }
  #navigation .nav-tabs > li.active > a, #navigation .nav-tabs > li.active > a:hover {
    background-color: #b2dbf2;
    border-width: 0;
    box-shadow: 0 -2px 0 #2E96D1;
    margin-top: 1px !important;
    /* used to override theme !important */
    color: #000; }
  #navigation .nav-tabs > li > a:hover, #navigation .nav-tabs > li > a:focus {
    background-color: #58abda;
    border-color: #58abda; }
  #navigation .nav-tabs > li > a {
    background-color: #2E96D1;
    color: #FFF;
    border-width: 0; }
  #navigation .nav-tabs > li.disabled > a {
    color: #999;
    background-color: #fafafa; }

.nav-tabs.second-nav {
  margin-top: 3px;
  font-size: 85%; }

.jarviswidget-color-corpblue > header > .jarviswidget-ctrls a,
.jarviswidget-color-corpblue .nav-tabs li:not(.active) a {
  color: #484648 !important; }

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.minified.no-left-panel #main {
  margin-left: 0; }

table.table-2column tbody tr td:first-child:not(.transparent) {
  max-width: 5em;
  background-color: #FFF;
  background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(#b2dbf2));
  background-image: -webkit-linear-gradient(left, #FFF, #b2dbf2);
  background-image: -moz-linear-gradient(left, #FFF, #b2dbf2);
  background-image: -ms-linear-gradient(left, #FFF, #b2dbf2);
  background-image: -o-linear-gradient(left, #FFF, #b2dbf2); }
  table.table-2column tbody tr td:first-child:not(.transparent) label {
    font-weight: bold; }

table.table-2column tbody tr td.qipath-blue {
  background: #b2dbf2; }

table.table-2column.table-hover > tbody > tr:hover > td,
table.table-2column.table-hover > tbody > tr:hover > th {
  background-color: #CCC;
  background-color: #2E96D1;
  background-image: -webkit-gradient(linear, left top, right top, from(#2E96D1), to(#2E96D1));
  background-image: -webkit-linear-gradient(left, #2E96D1, #2E96D1);
  background-image: -moz-linear-gradient(left, #2E96D1, #2E96D1);
  background-image: -ms-linear-gradient(left, #2E96D1, #2E96D1);
  background-image: -o-linear-gradient(left, #2E96D1, #2E96D1); }
  table.table-2column.table-hover > tbody > tr:hover > td a,
  table.table-2column.table-hover > tbody > tr:hover > th a {
    color: #FFF; }
  table.table-2column.table-hover > tbody > tr:hover > td a:hover,
  table.table-2column.table-hover > tbody > tr:hover > th a:hover {
    color: #FFB; }
  table.table-2column.table-hover > tbody > tr:hover > td a.select2-choice,
  table.table-2column.table-hover > tbody > tr:hover > th a.select2-choice {
    color: inherit; }

.ui-tooltip {
  word-wrap: break-word;
  font-size: 110%;
  text-align: left; }

.ui-datepicker-trigger.input-group-addon {
  width: 32px; }

/* remove 0.6s SA default duration when sliding */
.ui-slider .ui-slider-range {
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }

.modal-dialog {
  margin-top: 60px; }

/* Improve xdebug (dev environment) output */
table.xdebug-error, .scss-error-message {
  margin: 2em 0 0 6em; }

pre.xdebug-var-dump {
  margin-top: 4em; }

/* fix for select2 elements stacking up, see https://github.com/select2/select2/issues/2412, fixed in select2 v3.5.x+ */
.select2-hidden-accessible {
  display: none !important;
  visibility: hidden !important; }

/*# sourceMappingURL=styles-v3.2-sa.css.map */