@import url("uikit/components/slider.almost-flat.min.css");
@import url("uikit/components/slidenav.almost-flat.min.css");
@import url("font-awesome/css/fontawesome5.min.css");


/*!
 * Font Awesome Free 5.15.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

  @font-face {
  font-family: 'Font Awesome 5 Reg';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("fonts/fa-regular-400.eot");
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Reg';
  font-weight: 400; }

/**********************START quicklinks styles*******************/


/***********************END quicklinks styles********************/

#frmRecipientList > .uk-overflow-container, #alertAlertDocumentTypesModal .uk-overflow-container {
    margin-top:  10px !important;
}

.alertlistfilter {
    margin: 3px -15px -30px -15px;
    border: 1px solid #dddddd !important;
    background: #fafafa;
}

.alertlistfilter.ui-accordion-content {
    border-radius: 4px!important;
    color: #444;
    height: 100% !important;
    margin: 0px 5px 5px 5px;
}

.command-center-table-panel .ui-accordion-header.ui-state-default {
    background: #fafafa !important;
    color: #444 !important;
    margin: 5px !important;
    font-size: 18px;
    line-height: 24px;
    padding: 5px 5px 5px 15px;
}
#campaignDrops .command-center-table-panel #campaignDrops .ui-accordion-header.ui-state-default {
    margin: 5px 0 !important;
	z-index: 5;
}
.command-center-table-panel .ui-accordion-header.ui-state-active {
    background: #fafafa !important;
    border: 1px solid #d3d3d3 !important;
    color: #da314b !important;
    margin: 5px !important;
    border-radius: 4px 4px 0 0;
}
#campaignDrops .ui-accordion-header.ui-state-active, #campaignDrops .ui-accordion-header.ui-state-default{
    margin: 5px 0 !important;
	z-index: 5;
}
:focus { outline: none; }

.command-center-table-panel #divContacts .ui-accordion-header.ui-state-default, .command-center-table-panel #divContacts .ui-accordion-header.ui-state-active {
    margin: 0 !important;
}

.command-center-table-panel .ui-accordion-header.ui-state-focus {
    background-color: transparent !important;
}
/*
#campaignDrops .command-center-table-panel {
    background-color: #fff !important;
}*/

#campaignDrops .ui-accordion-header.ui-state-focus {
    background-color: #e6e6e6 !important;
	border: 1px solid #ddd;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon {
    display: none;
}
.ui-accordion .ui-accordion-icons:before {
    font-family: "Fontawesome";
    content: "\f0fe";
    margin-right: 5px;
    font-size: 18px;
}
#campaignDrops .ui-accordion .ui-accordion-icons:before {
	margin-top: 2px;
	position: absolute;
}
.ui-accordion h3.ui-accordion-icons.ui-state-active {
    color: #444 !important;
}
.ui-accordion .ui-accordion-icons.ui-state-active:before {
    font-family: "Fontawesome";
    content: "\f146";
    margin-right: 5px;
    font-size: 18px;
}
#campaignDrops .ui-accordion .ui-accordion-icons.ui-state-active:before {
	position: absolute;
}

.ui-accordion h3.ui-accordion-icons {
    font-size: 18px;
}

.filter-text-style {
    color: #ffffff;
    text-shadow: #000000 -1px -1px 0;
}

.gateway-doc-settings {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #ebebeb;
}
.gateway-name-row {
    border-left: 3px solid transparent;
}

.dataTables_wrapper .dataTables_scroll {
    margin-top: -7px !important;
}

.icon-tasks-checked {
    margin-left: -10px;
}
.command-center-table-panel .uk-table-striped tbody tr {
    height: 40px;
}
#tblRecuiting > tr {
    padding: 5px 10px;
}

#tblRecruiting
{
    table-layout: fixed !important;
}

#frmRecruitingDetails {
    margin: 0 1px 0 0 !important;
}

.doc-viewer-offcanvas-footer {
    background-color: rgba(255, 255, 255, 0.901961) !important;
    margin: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    border-top: 1px solid #aaaaaa;
    text-shadow: none !important;
    -webkit-box-shadow: inset 0px -10px 16px -4px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px -10px 16px -4px rgba(0,0,0,0.29);
    box-shadow: inset 0px -10px 16px -4px rgba(0,0,0,0.29);
    position: fixed;
    bottom: 0;
    width: 100%;
}

.doc-viewer-offcanvas-blank {
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #444444;
    margin-right: -2px !important;
}

.command-ctr-content-container {
    border-bottom: 1px solid #aaaaaa !important;
    padding: 20px 10px 10px 10px;
    margin-bottom: 15px;
    background: rgba(231, 233, 239, 0.6);
    border-radius: 0px;
}

.command-ctr-content-container .tab-navbg {
    margin: 0 -10px 0 -10px;
    border-radius: 0 !important;
}

.dashbg {
    background-color: rgba(234, 235, 237, 0.6);
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);
    border-left: 1px solid #adadad;
    border-right: 1px solid #adadad;
}
.command-ctr-drawer.uk-offcanvas .uk-panel {
    text-shadow: none;
}
#frmActionCenter > .uk-accordion-content {
    padding: 10px;
}

.openRecord {
    margin-left: 1px !important;
}

#tblRecuiting td:nth-last-child(2) {
    border-right: 0px solid #dddddd;
}

#tblRecuiting td.dashrow-active-container:last-child span {
    background-color: #6a717b;
    padding: 3px 10px 3px 10px;
    vertical-align: middle;
    border-radius: 4px;
}

#tblRecuiting td:nth-child(2) {
    border-right: 1px solid #dddddd;
}

#tblRecuiting td.dashrow-name-tab:first-child {
    border-right: 0px solid #dddddd;
}

#dashboard-canvas .uk-panel-box, #dashboard-canvas .uk-panel.uk-panel-box, .uk-offcanvas >  #dashboard-canvas .uk-panel.uk-panel-box {
    padding: 7px 15px 15px; /* #6659 reduced bottom padding */
    margin: 7px 0;
}
.uk-offcanvas >  #dashboard-canvas .uk-panel.uk-panel-box.uk-panel-box-wizard {
    padding: 10px 15px 10px; /* #6659 reduced bottom padding */
    margin: 7px 0;
}

#dashboard-canvas .eventEditorContent  {
    background: rgba(250, 250, 250, 0.95);
    margin-top: 0;
}
.dash-notes-icon {
    color: #aaaaaa;
    margin-right: 15px;
}
/* .dashfilteropen.uk-button {
    background-color: #000;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    text-shadow: none;
    margin-left: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
} */

.uk-panel-space.section-head {
    padding: 3px 10px 4px 20px !important;
	border-bottom: 1px solid #82868d !important;
/*    background-color: rgba(250, 250, 250, 0.6);*/
}

.command-center-table-panel {
    padding: 10px 10px 40px 10px;
	background: #eaebed;
    border-bottom: 1px solid #aaaaaa;
	overflow-x: hidden;
	margin-bottom: 0 !important;
}

.dashcontent-container {
	font-size: 12px;
	color: #444444;
	border-left: 3px solid #6a717b;
    border-right: 3px solid #6a717b;
    border-bottom: 3px solid #6a717b;
	background-color: #fff;
	padding: 15px;
    margin-right: -1px;
}

.dashcontent-container input {
	font-size: 12px !important;
}
.dashcontent-container .uk-panel-box {
    border: 1px solid #cccccc;
    background-color: #f9f9f9;
}
.dashfont-color {
    color: #444444;
}

.tasklist-analytics {
    font-size: 12px;
}

.header-border-shadow {
    border: 3px solid #6a717b;
    border-bottom: 1px solid #6a717b;
     webkit-box-shadow: 0px 3px 15px -3px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 3px 15px -3px rgba(0,0,0,0.45);
    box-shadow: 0px 3px 15px -3px rgba(0,0,0,0.45);
    z-index: 100;
}

.dashrow-name-tab {
    background-color: #ffffff;
    min-height: 47px;
    font-size: 16px;
    font-weight: 600;
    color: #6a717b;
	/* border-left: 3px solid #6a717b;
	    border-bottom: 1px solid #6a717b;
	border-top: 3px solid #6a717b; */
    z-index: 100;
}

.dashrow-name-tab > .uk-height-1-1 {
    min-height: 47px;
}

.openRecord > td
{
	padding: 0 !important;
}

.dashrow-active-container {
    min-height: 50px;
    background-color: #6a717b;
    margin: 10px 10px 0 10px;
	color: #ffffff;

}

.dashcontent-box-profile, .dashcontent-box-actions, .dashcontent-box-stats {
	border-bottom: 0px solid #dddddd;
    padding-bottom: 0px;
}
#dashboard-canvas h3.actioncenter-title {
    font-size: 18px;
    font-weight: 500 !important;
    color: #6a717b !important;
    padding: 0;
    line-height: 20px;
    margin-bottom: 0;
}

.dashcontent-title {
	font-size: 20px;
	font-weight: 600;
	color: #556688;
	padding-bottom: 9px;
	border-bottom:1px solid #dddddd;
	margin-bottom: 12px;
}

.dashcontent-title-alt {
    font-size: 20px;
    font-weight: 600;
    color: #556688;
    padding-bottom: 0;
    border-bottom: 0 solid transparent;
    margin-bottom: 0;
}

.dashcontent-title-button {
	padding-bottom: 5px;
	border-bottom:1px solid #dddddd;
	margin-bottom: 12px;
}

.dashprofile-company-title {
	font-size: 18px;
	font-weight: 100;
	color: #556688;
	margin-bottom: 0px;
}

.dashcontent-stats-title {
	font-size: 20px;
	font-weight: 600;
	color: #556688;
	padding-bottom: 9px;
	margin-bottom: 0px;
}

.dashprofile-info {
	border-bottom: none;
	padding-bottom: 9px;
	margin-bottom: 9px;
}

.dashcontent-tasks-title {
	font-size: 20px;
	font-weight: 600;
	color: #556688;
	padding-bottom: 0px;
}

.text16 {
    font-size: 16px;
}

#tblRecuiting_wrapper {
    margin-right: 0px;
}

.fixedHeader-floating {
    background: transparent !important;
}
.color-select {
    width: 50px;
    margin: 0px 0;
}
.color-select.color-chosen {
    width: 50px;
    height: 20px;
    margin: 0px 0;
}
.recruiting-details-header {
    padding: 10px 30px 0 11px;
}
.recruiting-details-header-mobile
{
    padding: 10px 15px 0 11px;
}
.actioncenter-details-header {
    padding: 10px 26px 0 11px;
}
.actioncenter-details-header-mobile {
    padding: 10px 11px 0 11px;
}
.tag-profile-list {
    overflow: hidden;
    min-height: 25px;
    max-height: 53px;
}
#TaskDrawer, #MyTaskDrawer {
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 7px;
}

.gateway-name-column img {
    margin-top: -3px;
}
.cra-name-column {
    margin-top: -3px;
}

/************START GATEWAY COLUMN SIZES *****************/

/*.gateway-name-column {
    width: 190px;
}
.gateway-exp-column {
    width: 50px;
}
.gateway-position-column {
    width: 340px;
}

.gateway-referral-column {
    width: 50px;
}
.gateway-priority-column {
    width: 100px;
}*/
table.dataTable thead tr th.gateway-days-column {
    width: 85px;
	border-right: 1px solid #ccc;
}
.gateway-color-column {
    width: 1px;
}
.pipelinebar {
    margin-left: 0px;
}

.responsive-canvas-width:not(.analytics-offcanvas-wide)
{
    width:85% !important;
    max-width: 1200px !important;
    min-width: 960px;
    overflow: hidden !important;
}

@media screen and (max-width: 1050px) {
	.gateway-position-column {
		width: 210px;
	}
	.dashbg {
		border-left: 0px solid #adadad;
		border-right: 0px solid #adadad;
	}
	.navbar .nav>li.logo {
		width: 60px
	}
}
@media screen and (max-width: 960px) {
	.hr-mobile, .reports-mobile, .reminders {
		height: 55px;
	}
    .responsive-canvas-width
    {
        width:100% !important;
        min-width: 0;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    .gateway-hdr-bar {
        background: rgba(255,255,255,0.9);
        z-index: 999 !important;
        width: 100% !important;
    }
    .gateway-name-column {
        width: 100px;
    }
    .gateway-exp-column {
        width: 50px;
    }
    .gateway-position-column {
        width: 154px;
    }

    .gateway-pipeline-column {
        min-width: 61px;
    }
    .gateway-referral-column {
        width: 50px;
    }
    .gateway-priority-column {
        width: 65px;
/*		padding: 8px 20px !important;*/
    }
    .gateway-days-column {
        width: 85px;
		text-align: center;
    }
    .gateway-color-column {
        width: 1px;
    }
    #tblRecuiting  {
        margin-top: 0px;
    }
    .fixedHeader-floating {
        background: transparent !important;
    }
    .recruiting-details-header {
        padding: 10px 28px 0px 11px;
    }
    .slide-divider-pad-fix-right {
        padding-left: 30px;
    }
    .slide-divider-pad-fix-left {
        padding-right: 20px;
    }
    #dashboard-canvas h3.actioncenter-title {
        font-size: 14px;
        font-weight: 700 !important;
        color: #6a717b !important;
        padding: 0;
        line-height: 15px;
    }
	#dashboard-canvas-body {
		margin-bottom: 100px !important;
	}

	.command-center-table-panel {
	    padding: 10px 10px 40px 10px;
		background: #eaebed;
	    border-bottom: 1px solid #aaaaaa;
		overflow-x: auto !important;
		margin-bottom: 0 !important;
	}
}

/************END GATEWAY COLUMN SIZES *******************/

/************START ACTIONS STYLES *****************/

.dashactions-icons {
	font-size: 18px;
	color: #6a717b;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

.dashactions-icons .action-icons [class*=uk-icon-], .action-icons a {
    color: #6a717b;
}

.dashactions-icons .createaccesspoint [class*='uk-icon-'] {
    font-size: 24px !important;
    line-height: 36px;
}

.createaccesspoint {
    margin-bottom: -3px;
}
.uk-list-striped>li
{
    padding: 2px 2px 2px 2px
}

/************END ACTIONS STYLES *******************/

/*----------------------START of 3 Position Toggle------------------------------*/


.update-toggle {
    margin-bottom: -30px;
}

/*
* CSS TOGGLE SWITCH
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* supported values are px, rem-calc, em-calc
 */
/* imports
 */
/* Functions
 */
/* Shared
 */
/* Hide by default
 */
.switch-toggle a,
.switch-light span span {
  display: none; }

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox
 */
  .switch-light {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */ }
    .switch-light::after {
      clear: both;
      content: "";
      display: table; }
    .switch-light *,
    .switch-light *:before,
    .switch-light *:after {
      box-sizing: border-box; }
    .switch-light a {
      display: block;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .switch-light label,
    .switch-light > span {
      /* breathing room for bootstrap/foundation classes.
     */
      line-height: 2em;
      vertical-align: middle; }
    .switch-light input:focus ~ span a,
    .switch-light input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight;
      /* Chrome/Opera gets its native focus styles.
     */ } }
    @media only screen and (-webkit-min-device-pixel-ratio: 0) {
      .switch-light input:focus ~ span a,
      .switch-light input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }

@media only screen {
  /* don't hide the input from screen-readers and keyboard access
 */
  .switch-light input {
    position: absolute;
    opacity: 0;
    z-index: 3; }
  .switch-light input:checked ~ span a {
    right: 0%; }
  /* inherit from label
 */
  .switch-light strong {
    font-weight: inherit; }
  .switch-light > span {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 2em;
    /* overwrite 3rd party classes padding
   * eg. bootstrap .well
   */
    padding: 0;
    text-align: left; }
  .switch-light span span {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .switch-light a {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0; }
  /* Radio Switch
 */
  .switch-toggle {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */
    /* For callout panels in foundation
  */
    padding: 0 !important;
    overflow-y:hidden;
    height: 27px;
    /* 2 items
   */
    /* 3 items
   */
    /* 4 items
   */
    /* 5 items
   */
    /* 6 items
   */ }
    .switch-toggle::after {
      clear: both;
      content: "";
      display: table; }
    .switch-toggle *,
    .switch-toggle *:before,
    .switch-toggle *:after {
      box-sizing: border-box; }
    .switch-toggle a {
      display: block;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .switch-toggle label,
    .switch-toggle > span {
      /* breathing room for bootstrap/foundation classes.
     */
      line-height: 2em;
      vertical-align: middle; }
    .switch-toggle input:focus ~ span a,
    .switch-toggle input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight;
      /* Chrome/Opera gets its native focus styles.
     */ } }
    @media only screen and (-webkit-min-device-pixel-ratio: 0) {
      .switch-toggle input:focus ~ span a,
      .switch-toggle input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }

@media only screen {
    .switch-toggle input {
      position: absolute;
      left: 0;
      opacity: 0;
    }
    .switch-toggle input:checked + label, #dashboard-canvas .switch-toggle input:checked + label, #dashboard-canvas .switch-toggle input:checked + label > .pipelinebar-text {
        color: #FFF !important;
    }
    .switch-toggle input + label {
      position: relative;
      display: block;
      float: left;
      padding: 0 8px;
      margin: 0;
      text-align: center; }
    .switch-toggle a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 1;
      width: 100%;
      height: 100%; }
    .switch-toggle label:nth-child(2):nth-last-child(4),
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
      width: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
      left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(6),
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
      width: 33.33%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
      left: 33.33%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
      left: 66.66%; }
    .switch-toggle label:nth-child(2):nth-last-child(8),
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
      width: 25%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
      left: 25%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
      left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
      left: 75%; }
    .switch-toggle label:nth-child(2):nth-last-child(10),
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
      width: 20%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
      left: 20%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
      left: 40%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
      left: 60%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
      left: 80%; }
    .switch-toggle label:nth-child(2):nth-last-child(12),
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
      width: 16.6%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
      left: 16.6%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
      left: 33.2%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
      left: 49.8%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
      left: 66.4%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
      left: 83.5%; }
  /* Candy Theme
 * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
 * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
 */
  .switch-toggle.switch-candy input:focus label,.switch-toggle.switch-candy input:focus label:active,.switch-toggle.switch-candy input:focus,.switch-toggle.switch-candy input:active, .switch-toggle.switch-candy input label, .switch-toggle.switch-candy label {
        outline-style: none;
        outline-width: 0;
        outline: none !important;
    }
  .switch-toggle.switch-candy,
  .switch-light.switch-candy > span {
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #BBB;
    box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.2); }
  .switch-light.switch-candy span span,
  .switch-light.switch-candy input:checked ~ span span:first-child,
  .switch-toggle.switch-candy label {
    color: #444;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF; }
  .switch-light.switch-candy input ~ span span:first-child,
  .switch-light.switch-candy input:checked ~ span span:nth-child(2),
  .switch-candy input:checked + label {
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
  .switch-candy a {
  	color: #ffffff;
/*    z-index: 100;*/
	text-shadow: -0px -1px 1px rgba(0,0,0,0.5);
	padding: 3px 7px;
	vertical-align: middle;
    border: 1px solid #939393;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.8), 0px 0px 10px -1px rgba(0,0,0,0.39);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.8), 0px 0px 10px -1px rgba(0,0,0,0.39);
	box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.8), 0px 0px 10px -1px rgba(0,0,0,0.39);
/*
	background: rgba(125,131,140,1);
    background: -moz-linear-gradient(top, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(125,131,140,1)), color-stop(100%, rgba(91,90,97,1)));
    background: -webkit-linear-gradient(top, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    background: -o-linear-gradient(top, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    background: -ms-linear-gradient(top, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    background: linear-gradient(to bottom, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d838c', endColorstr='#5b5a61', GradientType=0 );
*/
	background: rgba(42,186,54,1);
	background: -moz-linear-gradient(top, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42,186,54,1)), color-stop(32%, rgba(42,186,54,1)), color-stop(100%, rgba(70,156,77,1)));
	background: -webkit-linear-gradient(top, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	background: -o-linear-gradient(top, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	background: -ms-linear-gradient(top, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	background: linear-gradient(to bottom, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aba36', endColorstr='#469c4d', GradientType=0 );

    /*background-color: rgba(105,167,24,1);
	background-color: linear-gradient(to bottom, rgba(143,202,48,1) 0%, rgba(150,199,77,1) 29%, rgba(105,167,24,1) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);*/ }
  .switch-candy-blue a {
    background-color: #38a3d4; }
  .switch-candy-yellow a {
    background-color: #f5e560; }
  /* iOS Theme
*/
  .switch-ios.switch-light span span {
    color: #888b92; }
  .switch-ios.switch-light a {
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 100%;
    border: 4px solid #D8D9DB;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .switch-ios.switch-light > span {
    display: block;
    width: 100%;
    height: 32px;
    background-color: #D8D9DB;
    border-radius: 28px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; }
  .switch-ios.switch-light > span span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 30px;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .switch-ios.switch-light > span span:first-of-type {
      opacity: 1;
      padding-left: 30px; }
    .switch-ios.switch-light > span span:last-of-type {
      padding-right: 30px; }
  .switch-ios.switch-light input:checked ~ span a {
    left: 100%;
    border-color: #4BD865;
    margin-left: -32px; }
  .switch-ios.switch-light input:checked ~ span {
    border-color: #4BD865;
    box-shadow: inset 0 0 0 30px #4BD865; }
  .switch-ios.switch-light input:checked ~ span span:first-of-type {
    opacity: 0; }
  .switch-ios.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff; }
  .switch-ios.switch-toggle {
    background-color: #D8D9DB;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; }
    .switch-ios.switch-toggle a {
      background-color: #4BD865;
      border: 2px solid #D8D9DB;
      border-radius: 28px;
      -webkit-transition: all 0.12s ease-out;
      -moz-transition: all 0.12s ease-out;
      transition: all 0.12s ease-out; }
    .switch-ios.switch-toggle label {
      height: 2.4em;
      color: #888b92;
      line-height: 2.4em;
      vertical-align: middle; }
  .switch-ios input:checked + label {
    color: #3e4043; }
  /* Holo Theme
 */
  .switch-toggle.switch-holo,
  .switch-light.switch-holo > span {
    background-color: #464747;
    border-radius: 1px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    color: #fff;
    text-transform: uppercase; }
  .switch-holo label {
    color: #fff; }
  .switch-holo > span span {
    opacity: 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s; }
    .switch-holo > span span:first-of-type {
      opacity: 1; }
  .switch-holo > span span,
  .switch-holo label {
    font-size: 85%;
    line-height: 34.5px; }
  .switch-holo a {
    background-color: #666;
    border-radius: 1px;
    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0; }
  /* Selected ON switch-light
*/
  .switch-holo.switch-light input:checked ~ span a {
    background-color: #0E88B1; }
  .switch-holo.switch-light input:checked ~ span span:first-of-type {
    opacity: 0; }
  .switch-holo.switch-light input:checked ~ span span:last-of-type {
    opacity: 1; }
  /* Material Theme
 */
  /* switch-light
 */
  .switch-light.switch-material a {
    top: -3px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  .switch-material.switch-light {
    overflow: visible; }
    .switch-material.switch-light::after {
      clear: both;
      content: "";
      display: table; }
  .switch-material.switch-light > span {
    overflow: visible;
    position: relative;
    top: 3px;
    width: 52px;
    height: 24px;
    min-height: auto;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.26); }
  .switch-material.switch-light span span {
    position: absolute;
    clip: rect(0 0 0 0); }
  .switch-material.switch-light input:checked ~ span a {
    right: 0;
    background: #3f51b5;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.12); }
  .switch-material.switch-light input:checked ~ span {
    background: rgba(63, 81, 181, 0.5); }
  /* switch-toggle
 */
  .switch-toggle.switch-material {
    overflow: visible; }
    .switch-toggle.switch-material::after {
      clear: both;
      content: "";
      display: table; }
  .switch-toggle.switch-material a {
    top: 48%;
    width: 6px !important;
    height: 6px;
    margin-left: 4px;
    background: #3f51b5;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.4s ease-in;
    -moz-transition: -moz-transform 0.4s ease-in;
    transition: transform 0.4s ease-in; }
  .switch-toggle.switch-material label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1em; }
  .switch-toggle.switch-material label:before {
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, 0.54);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .switch-toggle.switch-material input:checked + label:before {
    border-color: #3f51b5; }
  /* ripple
 */
  .switch-light.switch-material > span:before,
  .switch-light.switch-material > span:after,
  .switch-toggle.switch-material label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background: #3f51b5;
    opacity: .4;
    margin-left: -20px;
    margin-top: -20px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in; }
  .switch-light.switch-material > span:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -20px; }
  .switch-toggle.switch-material label:after {
    width: 52px;
    height: 52px;
    margin-top: -12px; }
  @-webkit-keyframes materialRipple {
    0% {
      -webkit-transform: scale(0); }
    20% {
      -webkit-transform: scale(1); }
    100% {
      opacity: 0;
      -webkit-transform: scale(1); } }
  @-moz-keyframes materialRipple {
    0% {
      -moz-transform: scale(0); }
    20% {
      -moz-transform: scale(1); }
    100% {
      opacity: 0;
      -moz-transform: scale(1); } }
  @keyframes materialRipple {
    0% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0); }
    20% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
  .switch-material.switch-light input:not(:checked) ~ span:after,
  .switch-material.switch-light input:checked ~ span:before,
  .switch-toggle.switch-material input:checked + label:after {
    -webkit-animation: materialRipple 0.4s ease-in;
    -moz-animation: materialRipple 0.4s ease-in;
    animation: materialRipple 0.4s ease-in; }
  /* trick to prevent the default checked ripple animation from showing
 * when the page loads.
 * the ripples are hidden by default, and shown only when the input is focused.
 */
  .switch-light.switch-material.switch-light input ~ span:before,
  .switch-light.switch-material.switch-light input ~ span:after,
  .switch-material.switch-toggle input + label:after {
    visibility: hidden; }
  .switch-light.switch-material.switch-light input:focus:checked ~ span:before,
  .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after,
  .switch-material.switch-toggle input:focus:checked + label:after {
    visibility: visible; } }

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
  .switch-light,
  .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0); } }

/*# sourceMappingURL=toggle-switch-px.css.map */


/*----------------------END of 3 Position Toggle------------------------------*/
/************* toggle switch styles ****************/

.action-ctr label {
    cursor: pointer;
    font-weight: 700;
}
.action-positions {
    font-weight: 700 !important;
	color: #444 !important;
}

.primary-position-select {
    padding: 2px 2px 2px 5px;
    margin-top: 5px;
	margin-left: 0px;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
	border-radius: 3px;
}
.status-buttons {
	min-height: 31px;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 130px;
    height: 30px;
    padding: 3px;
    border: 1px solid #e2e2e2;
    border-radius: 40px;
}

.switch-sm {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 15px;
    padding: 3px;
    border: 2px solid #FFF;
    border-radius: 15px;
    margin-top: -2px;
}

.switch-square {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 12px;
  text-transform: uppercase;
  background: #4ec758;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 15px;
  color: #FFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 15px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-square .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 12px;
  text-transform: uppercase;
  background: #e2e2e2;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

input[type="checkbox"].check-input {
    display: none;
}
.check-input + .switch-label-check:before {
    content: "\f068";
    font-family: "Fontawesome";
    color: #DDD;
    font-size: 24px;
    margin-left: 10px;
    margin-top: 12px;
    line-height: 24px;
    vertical-align: middle;
}

.check-input:checked + .switch-label-check:before {
    content: "\f058";
    font-family: "Fontawesome";
    color: #8cc152;
}

.uk-badge-notification
{
    font-size: 10px !important;
    min-width: 15px;

}
.action-notification {
    position: absolute;
    top: -13px;
    right: -4px;
    font-size: -0.5em !important;
    color: #000000 !important;
}

.action-notification.notification-sms {
    font-size: 9px !important;
    top: 2px !important;
    right: -1px !important;
    line-height: 9px;
    min-width: 10px;
    padding: 2px 3px;
}

.action-notification.cra-notification {
    font-size: 9px !important;
    top: 2px !important;
    right: auto !important;
    line-height: 9px;
    min-width: 10px;
    padding: 2px 3px;
    margin-left: 12px;
}
.action-btn-badge {
    position: relative;
    z-index: 9;
    margin-left: -10px;
    width: 15px;
    height: 15px;
    top: -3px;
}

.incomplete-badge .action-notification {
    position: absolute;
    font-size: -0.5em !important;
    color: #000000 !important;
    top: 2px !important;
    right: auto !important;
    line-height: 9px;
    min-width: 15px;
    padding: 2px 3px;
    margin-left: 12px;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: white;
  border-radius: 38px;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch-square .switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
    right: 100%;
  width: 32px;
  height: 32px;
  background: white;
  border-radius: 4px;
  -webkit-transition: right 0.15s ease-out;
  -moz-transition: right 0.15s ease-out;
  -o-transition: right 0.15s ease-out;
  transition: right 0.15s ease-out;
}

.switch-handle-sm {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 15px;
  height: 13px;
  background: white;
  border-radius: 30px;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch-input ~ .switch-handle:before {
    content: '\f053';
    font-family: "Fontawesome";
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -8px;
    width: 16px;
    height: 16px;
    color: #333;
}

.switch-input:checked ~ .switch-handle:before {
    content: '\f054';
    font-family: "Fontawesome";
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -3px;
    width: 16px;
    height: 16px;
    color: #333;
}

.switch-square .switch-input ~ .switch-handle:before {
    content: '\f054';
    font-family: "Fontawesome";
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0px 0 -3px;
    width: 16px;
    height: 16px;
    color: #333;
}

.switch-square .switch-input:checked ~ .switch-handle:before {
    content: '\f053';
    font-family: "Fontawesome";
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0px 0 -8px;
    width: 16px;
    height: 16px;
    color: #333;
}

.switch-input:checked ~ .switch-handle {
  left: 104px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-handle-sm {
  left: 17px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-square .switch-input:checked ~ .switch-handle {
    left: calc(100% - 33px);
    box-shadow:  -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}

.pipelinebar-text {
    position: relative !important;
    z-index: 150 !important;
    color: #AAA;
}

.uk-position-relative.uk-offcanvas-page {
    position: fixed !important;
}

.offcanvas-data-title {
	background-color:rgba(255, 255, 255, 0.901961) !important;
	margin:0 !important;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:4px;
    border-bottom: 1px solid #aaaaaa;
    text-shadow: none !important;
    -webkit-box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
    box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
}

.offcanvas-data-title-legend {
	background-color:rgba(255, 255, 255, 0.901961) !important;
	margin:0 !important;
	padding-left: 0;
	padding-right: 0;
	padding-top:5px;
	padding-bottom:4px;
    border-bottom: 1px solid #aaaaaa;
    text-shadow: none !important;
    -webkit-box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
    box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
}

.newslideout .uk-panel-box {
    margin: 7px 8px 7px 7px !important;
    text-shadow: none !important;
}

.slideout .default .uk-panel-box {
    margin: 0px -8px 7px -7px  !important;
    padding-bottom: 4px !important;
/*    border-top: 3px solid #444444 !important;*/
    -webkit-box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
    box-shadow: inset 0px 10px 16px -4px rgba(0,0,0,0.29);
}

/*
.navbar-inverse a {
    color: #444444 !important;
}
*/

#dashboard-canvas-body {
    text-shadow: 0 0px 0 rgba(0,0,0,.5) !important;
/*	min-height: 100%;*/
	margin-bottom: 40px;
}

#dashboard-canvas-body.uk-offcanvas .uk-offcanvas-bar:not(.command-ctr-drawer) .uk-panel,
.uk-offcanvas .uk-panel
{
    text-shadow: none !important;
}

.dashactions-icons i, .commandcenter-header i {
    cursor: pointer;
}

.dashactions-icons i:hover, .dashactions-icons .action-icons [class*=uk-icon-]:hover {
    color: #404751;
}
.commandcenter-header i:hover {
    color: #FFF;
}

.commandcenter-header #btnbackToPersonDetails i:hover {
    color: #444;
}

.dashactions-icons.gateway-actions.dashactions-icons  i.icon-cra-shield:before {
    line-height: 30px;
}

.dashactions-icons i.icon-cra-shield:before {
    line-height: 24px;
}

#tblRecuiting_filter.dataTables_filter label {
    text-indent: -9999px;
}

/************START PIPELINE STYLES *****************/

.pipeline-container {
    background-color: #f5f5f5;
    background: rgba(217,217,217,1.00);
    background: -moz-linear-gradient(top, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,217,217,1.00)), color-stop(100%, rgba(241,240,240,1.00)));
    background: -webkit-linear-gradient(top, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
    background: -o-linear-gradient(top, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
    background: -ms-linear-gradient(top, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
    background: linear-gradient(to bottom, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#e6e6e6', GradientType=0 );
    border-radius: 4px;
    border: 1px solid #BBB;
    box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2);
}
.pipeline-container .uk-grid-small {
    margin-left: 0px;
    margin-right: 0px;
}
.pipeline-stage-container {
    color: #a4a4a4;
    font-weight: 500;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
    border-radius: 0;
    padding-left: 0px;
    height: 27px;
}

.pipeline-stage-container > .stage-label
{
    border-left: 1px solid rgba(0,0,0,.1);

}


.pipeline-stage-container:first-child {
    color: #a4a4a4;
    font-weight: 500;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
    border-left: 0px solid rgba(0,0,0,.1);
    border-right: 0px solid rgba(255,255,255,.5);
    border-radius: 0;
    padding-left: 0px;

}
.pipeline-stage-container:last-child {
    color: #a4a4a4;
    font-weight: 500;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
    border-left: 0px solid rgba(0,0,0,.1);
    border-right: 0px solid rgba(255,255,255,.5);
    border-radius: 0;
    padding-left: 0px;
}

.pipeline-stage-container:not(.active-stage) > label {
    cursor: pointer;
}

.pipelinebar .switch-toggle.switch-candy, .dashcontent-container .switch-light.switch-candy > span {
    background-color: #f5f5f5;
	background: rgba(217,217,217,1.00);
	background: -moz-linear-gradient(top, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,217,217,1.00)), color-stop(100%, rgba(241,240,240,1.00)));
	background: -webkit-linear-gradient(top, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
	background: -o-linear-gradient(top, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
	background: -ms-linear-gradient(top, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
	background: linear-gradient(to bottom, rgba(217,217,217,1.00) 0%, rgba(241,240,240,1.00) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#e6e6e6', GradientType=0 );
    border-radius: 4px;
    border: 0px solid #BBB;
    box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2);
}
.pipelinebar .switch-light.switch-candy span span, .pipelinebar .switch-light.switch-candy input:checked ~ span span:first-child, .pipelinebar .switch-toggle.switch-candy label {
    color: #a4a4a4;
    font-weight: 500;
    text-align: center;
    text-shadow: 1px 1px 1px #FFF;
/*
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(255,255,255,.5);
    border-radius: 0;
*/
}
.pipelinebar #btn-descrip {
    border-left: 0px solid rgba(0,0,0,.1) !important;
}
.pipelinebar .uk-container-center label:nth-last-child(2) {
    border-right: 0px solid rgba(255,255,255,.5) !important;
}
.pipelinebar .switch-light.switch-candy input ~ span span:first-child, .pipelinebar .switch-light.switch-candy input:checked ~ span span:nth-child(2), .pipelinebar .switch-candy input:checked + label {
    color: #546245;
    margin: 1px 5px 1px 6px;
	text-shadow: rgba(255,255,255,0.4) 1px 1px 0;
	vertical-align: middle;
    border: 1px solid #939393;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
	background: rgba(157,208,84,1);
	background: -moz-linear-gradient(top, rgba(157,208,84,1) 0%, rgba(114,173,54,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(157,208,84,1)), color-stop(100%, rgba(114,173,54,1)));
	background: -webkit-linear-gradient(top, rgba(157,208,84,1) 0%, rgba(114,173,54,1) 100%);
	background: -o-linear-gradient(top, rgba(157,208,84,1) 0%, rgba(114,173,54,1) 100%);
	background: -ms-linear-gradient(top, rgba(157,208,84,1) 0%, rgba(114,173,54,1) 100%);
	background: linear-gradient(to bottom, rgba(157,208,84,1) 0%, rgba(114,173,54,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd054', endColorstr='#72ad36', GradientType=0 );
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.8), 0px 0px 10px -1px rgba(0,0,0,0.39);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.8), 0px 0px 10px -1px rgba(0,0,0,0.39);
	box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.8), 0px 0px 10px -1px rgba(0,0,0,0.39);
}

.pipelinebar .active-stage > label > span
{
    color: #FFF !important;
}

.pipelinebar .active-stage {
    color: #546245;
/*    margin: 1px 5px 1px 6px;*/
	text-shadow: rgba(0,0,0,0.8) 1px 1px 0;
	vertical-align: middle;

    border-radius: 4px;
	background: rgba(42,186,54,1);
	background: -moz-linear-gradient(top, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42,186,54,1)), color-stop(32%, rgba(42,186,54,1)), color-stop(100%, rgba(70,156,77,1)));
	background: -webkit-linear-gradient(top, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	background: -o-linear-gradient(top, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	background: -ms-linear-gradient(top, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	background: linear-gradient(to bottom, rgba(42,186,54,1) 0%, rgba(42,186,54,1) 32%, rgba(70,156,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aba36', endColorstr='#469c4d', GradientType=0 );
/*
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
	background: rgba(73,139,252,1);
    background: rgba(125,131,140,1);
    background: -moz-linear-gradient(top, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(125,131,140,1)), color-stop(100%, rgba(91,90,97,1)));
    background: -webkit-linear-gradient(top, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    background: -o-linear-gradient(top, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    background: -ms-linear-gradient(top, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    background: linear-gradient(to bottom, rgba(125,131,140,1) 0%, rgba(91,90,97,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d838c', endColorstr='#5b5a61', GradientType=0 );
*/
    color: #FFF !important;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 10px -1px rgba(0,0,0,0.39);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 10px -1px rgba(0,0,0,0.39);
	box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 10px -1px rgba(0,0,0,0.39);
}
.pipeline-container ul {
    padding: 0 25px;
}

.pipeline-container .slick-prev {
    left: 2px;
    z-index: 200;
    background: transparent !important;
    margin-top: 1px;
    border: 0px solid rgba(0,0,0,.0) !important;
}
.pipeline-container .slick-next {
    right: 1px;
    z-index: 200;
    background: transparent !important;
    margin-top: 1px;
    border: 0px solid rgba(0,0,0,.0) !important;
}

.pipelinebar-text {
    position: relative !important;
    z-index: 150 !important;
}
.appointments .uk-panel-box {
    padding: 15px;
    background: #f9f9f9;
    color: #444444;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.pipelinebar .uk-panel-box {
    padding: 15px;
    background: #f9f9f9;
    color: #444444;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.uk-slidenav-position .uk-slidenav-previous {
    left: 10px;
}
.uk-slidenav-position .uk-slidenav-next {
    right: 10px;
}
.uk-slidenav-position .uk-slidenav {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -13px;
}
.uk-slidenav {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    line-height: 25px;
    color: rgba(50,50,50,.4);
    font-size: 25px;
    text-align: center;
}
.dashpipeline-info-text {
    font-size: 14px;
    color: #7a7a7a;
    font-weight: 100;
    margin-left: 30px;
}


.dashpipeline-info-text {
    font-size: 14px;
    color: #7a7a7a;
    font-weight: 100;
    margin-left: 30px;
}

.dashsave-bar {
/*    height: 47px;*/
    background-color: #53585f; /*#6a717b;*/
    margin: 0 -15px -15px -15px;
    padding-top: 7px;
    padding-bottom: 4px;
}
.dashsave-hdr {
    color: #e1e1e1;
    background: #53585f; /*#6a717b;*/
    padding: 6px;
    border-color: #6a717b !important;
}

.TaskDivider
{
	margin-top:10px;
	margin-bottom:10px;
	border-top:0;
	border-bottom:1px solid #CCC;
}

.tinybutton
{
	font-size: 12px !important;
	line-height: 10px !important;
	min-height: 20px !important;
    padding: 3px 6px;
    letter-spacing: .03em;
}

#dashboard-canvas-body > .uk-panel-box {
    border-radius: 0px;
    margin: 10px !important;
    border: 1px solid #CCC;
    background-color: #f9f9f9;
}

#dashboard-canvas-body .comp-info-box #content {
    margin: 0 0px 0px;
    padding-bottom: 0px;
}

.comp-info-box > tr > td:last-child {
    min-width: 50px;
}

#dashboard-canvas-body #frmPosition {
    padding: 7px;
}

.dashposdesc > .uk-grid > .uk-width-large-3-10 {
    width: 40% !important;
}
.dashposdesc > .uk-grid > .uk-width-large-7-10 {
    width: 60% !important;
}

#dashboard-canvas .uk-modal-header {
    border-bottom: 1px solid #E9E9E9;
    background-color: #EEE;
    background-image: url(../images/grey-fabric-bg.png);
    background-position: top center;
    margin: -20px -25px 15px !important;
    padding: 15px 20px 0;
    -webkit-box-shadow: 0 1px 0 0 rgba(102,102,102,0.5);
    -moz-box-shadow: 0 1px 0 0 rgba(102,102,102,0.5);
    box-shadow: 0 1px 0 0 rgba(102,102,102,0.5);
}

#dashboard-canvas-body .note-content-body a:not([class]) {
    color: #626262;
}
#dashboard-canvas-body .note-content-body a:not([class]):hover {
    color: #85d864;
    text-decoration: underline;
}
#frmMergeContacts .uk-panel a:not([class]) {
    color: #626262;
}
#frmMergeContacts .uk-panel a:not([class]):hover {
    color: #85d864;
    text-decoration: underline;
}

#optionsDrawer > .uk-panel-box {
    margin: 4px -20px -4px -20px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    padding-right: 30px !important;
    padding-left: 20px;
    border-top: 1px solid #aaaaaa !important;
    border-bottom: 0px solid #444444 !important;
    border-left: 0px solid #444444 !important;
    border-right: 0px solid #444444 !important;
    -webkit-box-shadow: inset 0px 5px 8px -4px rgba(0,0,0,0.29);
    -moz-box-shadow: inset 0px 5px 8px -4px rgba(0,0,0,0.29);
    box-shadow: inset 0px 5px 8px -4px rgba(0,0,0,0.29);
    border-radius: 0px;
    background-image: url(../images/grey-fabric-bg.png);
}

/************END PIPELINE STYLES *****************/

.uk-width-2-12 {
    width: 16.66%;
}

.inner-tabs-main.filter-bar {
    width: 94%;
}

.inner-tabs-main.filter-bar + .filter {
    width: 6%;
}

.filter-Slideout {
    width: 900px;
    padding-top:5px;
    z-index: 1000;
    top: 0px;
    padding-left: 0;
    -webkit-box-shadow: 0px 0px 58px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 58px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 58px 0px rgba(0,0,0,0.4);
}
.applicantfilter .slideout > .uk-panel, .positionFilter .slideout > .uk-panel, .tasksFilter .slideout > .uk-panel, .craFilter .slideout > .uk-panel, .updateFilter .slideout > .uk-panel, #frmPositionMultiEdit .slideout > .uk-panel, .previousPostings .slideout > .uk-panel {
    margin: 10px 10px;
    text-shadow: 0 0px 0 rgba(0,0,0,.5);
    border: 1px solid #aaaaaa;
}

/**************************** START US#5755 ******************************/

.fade-row {
    opacity: 0.4;
    -webkit-transition: all 500ms ease-out 0.5s;
    -moz-transition: all 500ms ease-out 0.5s;
    -o-transition: all 500ms ease-out 0.5s;
    transition: all 500ms ease-out 0.5s;
    position: relative;
}
.fade-row > td {
    position: relative;
}
.fade-row > td:after {
    position: absolute;
    background: rgba(255,255,255,0.25);
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    content: '';
}
tr.shown .dashrow-active-container {
    border-bottom: 1px solid #6a717b;
}
tr.shown .dashrow-name-tab {
    border-bottom: 0px solid #6a717b;
}

.cc-vertical-align-column, .dashrow-active-container {
    -webkit-transition: background-color 500ms, border-bottom .2s;
    -moz-transition: background-color 500ms, border-bottom .2s;
    -o-transition: background-color 500ms, border-bottom .2s;
    transition: background-color 500ms, border-bottom .2s;
}

tr.shown {
    opacity: 1;
    -webkit-transition: opacity 500ms ease-out 0.25s;
    -moz-transition: opacity 500ms ease-out 0.25s;
    -o-transition: opacity 500ms ease-out 0.25s;
    transition: opacity 500ms ease-out 0.25s;
/*     -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      }
      @-webkit-keyframes fadeIn {
      0% {opacity: 0;}
      100% {opacity: 1;}
      }
      @keyframes fadeIn {
      0% {opacity: 0;}
      100% {opacity: 1;} */
}

table.dataTable thead tr th {
    line-height: 16px;
/*    background-color: transparent !important;*/
}

table.dataTable thead .border-bottom-subtle th {
    border-bottom: 1px solid #DDD;
}

table.dataTable thead tr.table-hdr-sm th {
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-left: 5px;
}

.group-hdr {
    background: #8790a3;
    color: #FFF;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: normal !important;
}

table.dataTable thead tr th.group-hdr-2 {
    background-color: #F5F5F5;
    border-right-color: #CCC;
}

.group-hdr-2.first-of-group {
    border-left: 1px solid #c7cad1;
}

.group-hdr-2.last-of-group {
    border-right: 1px solid #c7cad1;
}

.loading-row {
    background: rgba(255,255,255,0.5);
    width: calc(100% - 17px);
    margin: -4px 0 0 6px;
    text-align: center;
    right: 10px;
    color: #959CA9;
}

#tblRecuiting, #RecruitmentTablePlaceholder {
	font-size: 12px !important;
}


#docEditor .uk-modal-dialog > .uk-overflow-container, #docEditor .uk-modal-dialog > form > .uk-overflow-container {
    overflow-x: hidden;
    margin: 0px !important;
    padding: 0 10px 0px 0px !important;
    margin-top: -20px !important;
    margin-right: -10px !important;
}
.uk-modal-dialog > .uk-overflow-container, .uk-modal-dialog > form > .uk-overflow-container.recipients-alert-modal {
    overflow-x: hidden;
    margin: 0px !important;
    /* padding: 0 0px 10px 0px !important; */
}

.sideBySideEditModal
{
    padding: 10px !important;
    width: 100%!important;
}

.sideBySideEditModal > .uk-modal-header
{
    height: 0px;
    margin-bottom: -20px;
    display: none;
}
.sideBySideEditModal > .uk-form > .uk-modal-footer {
    display: none;
}
.sideBySideEditModal .uk-panel-box-opacity {
    padding: 5px 15px;
    background: rgba(250, 250, 250, 0.5);
    color: #444;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 4px;
}

.sideBySideEditModal input {
    height: 20px;
}

/**************************** END US#5755 ******************************/

/**************************** START Toggle for document classes ******************************/

.toggle-outer {
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #F5F5F5;
    padding: 2px 5px;
}
.toggle-label-text {
    cursor: pointer;
    display: block;
}
.onoffswitch {
    position: relative; width: 50px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    height: 0 !important;
    width: 0 !important;
    border: none !important;
    margin-right: 0 !important;
    position: absolute;
    visibility: hidden;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #999999; border-radius: 20px;
    position: relative;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 14px;
    color: white;
    box-sizing: border-box;
    -webkit-box-shadow: inset 1px 1px 6px -2px rgba(0,0,0,0.25),inset -2px -4px 2px -4px rgba(255,255,255,0.4);
    -moz-box-shadow: inset 1px 1px 6px -2px rgba(0,0,0,0.25),inset -2px -4px 2px -4px rgba(255,255,255,0.4);
    box-shadow: inset 1px 1px 6px -2px rgba(0,0,0,0.25),inset -2px -4px 2px -4px rgba(255,255,255,0.4);
}
.onoffswitch-inner:before {
    content: "\f00c";
    font-family: "Fontawesome";
    padding-left: 7px;
    color: #FFFFFF;
    background: rgba(41,179,53,1);
    background: -moz-linear-gradient(-45deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,179,53,1)), color-stop(100%, rgba(81,219,92,1)));
    background: -webkit-linear-gradient(-45deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    background: linear-gradient(135deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b335', endColorstr='#51db5c', GradientType=1 );
}
.onoffswitch-inner:after {
    content: "\f00d";
    font-family: "Fontawesome";
    padding-right: 7px;
    background: rgba(238,238,238,1);
    background: -moz-linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(238,238,238,1)), color-stop(57%, rgba(238,238,238,1)), color-stop(100%, rgba(209,209,209,1)));
    background: -webkit-linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    background: linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d1d1d1', GradientType=1 );
    color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 12px;
	height: 12px;
    margin: 4px 5px;
    background: #FFFFFF;
    position: absolute;
    top: -1px;
    bottom: 0;
    right: calc(100% - 24px);
    border: 1px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

/* .onoffswitch-checkbox:checked + .onoffswitch-label + .onoffswitch-text .ontext
{
    width: auto;
    opacity: 1;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
} */
/* .onoffswitch-checkbox:checked + .onoffswitch-label + .onoffswitch-text .offtext
{
    width: 0;
    opacity: 0;
    font-size: 0;
} */
/* .onoffswitch-checkbox:not(:checked) + .onoffswitch-label + .onoffswitch-text .ontext
{
    width: 0;
    opacity: 0;
    font-size: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
} */

/*** small toggles ***/
.editActionList .onoffswitch-inner:before, .editActionList .onoffswitch-inner:after,
.editActionListRules .onoffswitch-inner:before, .editActionListRules .onoffswitch-inner:after,
.editActionListPermissions .onoffswitch-inner:before, .editActionListPermissions .onoffswitch-inner:after
{
    display: block;
    float: left;
    width: 50%;
    height: 10px;
    padding: 0;
    line-height: 10px;
    font-size: 9px;
    color: white;
    box-sizing: border-box;
    -webkit-box-shadow: inset 1px 1px 6px -2px rgba(0,0,0,0.25),inset -2px -4px 2px -4px rgba(255,255,255,0.4);
    -moz-box-shadow: inset 1px 1px 6px -2px rgba(0,0,0,0.25),inset -2px -4px 2px -4px rgba(255,255,255,0.4);
    box-shadow: inset 1px 1px 6px -2px rgba(0,0,0,0.25),inset -2px -4px 2px -4px rgba(255,255,255,0.4);
}
.editActionList .onoffswitch-inner:before,
.editActionListRules .onoffswitch-inner:before,
.editActionListPermissions .onoffswitch-inner:before
{
    content: "\f00c";
    font-family: "Fontawesome";
    padding-left: 3px;
    color: #FFFFFF;
    background: rgba(41,179,53,1);
    background: -moz-linear-gradient(-45deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,179,53,1)), color-stop(100%, rgba(81,219,92,1)));
    background: -webkit-linear-gradient(-45deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    background: linear-gradient(135deg, rgba(41,179,53,1) 0%, rgba(81,219,92,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b335', endColorstr='#51db5c', GradientType=1 );
}
.editActionList .onoffswitch-inner:after,
.editActionListRules .onoffswitch-inner:after,
.editActionListPermissions .onoffswitch-inner:after
{
    content: "\f00d";
    font-family: "Fontawesome";
    padding-right: 3px;
    background: rgba(238,238,238,1);
    background: -moz-linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(238,238,238,1)), color-stop(57%, rgba(238,238,238,1)), color-stop(100%, rgba(209,209,209,1)));
    background: -webkit-linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    background: linear-gradient(5deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 57%, rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d1d1d1', GradientType=1 );
    color: #999999;
    text-align: right;
}
.editActionList .onoffswitch-switch,
.editActionListRules .onoffswitch-switch,
.editActionListPermissions .onoffswitch-switch
{
    display: block;
    width: 6px;
	height: 6px;
    margin: 2px 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(100% - 13px);
    border: 1px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
}
.editActionList .onoffswitch,
.editActionListRules .onoffswitch,
.editActionListPermissions .onoffswitch
{
    position: relative; width: 25px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

/**************************** END Toggle for document classes ******************************/

.dashsave-hdr.since-update {
    font-size: 14px;
}

.since-update i > img {
    min-width: 12px;
}

.gateway-hdr-bar
{
    background: rgba(255,255,255,0.9);
    z-index: 999 !important;
}

#ui-datepicker-div
{
	z-index: 999999 !important;
}

.quickLinksSelected
{
    background-color:#6a717b;
    color: #FFF !important;
    box-shadow: inset -3px 0px 10px -2px rgba(0,0,0,0.47);
    margin-left: -1px;
}

.quickLinksSelected > a
{
    color: #FFF !important;
    text-shadow: 0 -1px 0 #000 !important;

}

.icon-re-sign-no-txt.topLinks {
    height: 17px;
    font-size: 17px;
}

@media screen and (max-width: 480px) {

    .dashfilteropen.uk-button {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hideOnPhone
    {
        display:none;
    }

    .uk-panel-space.section-head {
        padding: 12px 15px 10px 20px;
        min-height: 33px;
        border-bottom: 1px solid #82868d;
    }
    .responsive-canvas-width:not(.analytics-offcanvas-wide)
    {
        width:100% !important;
        max-width: 1200px !important;
        min-width: 100vw;
        overflow: hidden !important;
    }
}

/**************************** START scrollbar styling ******************************/

#bodyContainer {
    height: calc(100vh - 80px);
    overflow-y: scroll;
    overflow-x: hidden;
    width: calc(100% - 4px);
}
#bodyContainer::-webkit-scrollbar {
  width: 15px;
  height: 60px;
}
#bodyContainer::-webkit-scrollbar-button {
  width: 10px;
  height: 15px;
}
#bodyContainer::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.45);
  border: 0px none #ffffff;
   border-radius: 0px;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
}
#bodyContainer::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.65);
}
#bodyContainer::-webkit-scrollbar-thumb:active {
  background: rgba(255,255,255,.75);
}
#bodyContainer::-webkit-scrollbar-track {
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 0px;
    -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);
}
#bodyContainer::-webkit-scrollbar-track:hover {
  background: rgba(255,255,255,.25);
}
#bodyContainer::-webkit-scrollbar-track:active {
  background: rgba(255,255,255,.25);
}
#bodyContainer::-webkit-scrollbar-corner {
  background: transparent;
}

/**************************** END scrollbar styling ******************************/

#addPlaceholder:empty, #submitPlaceholder:empty {
    display: none;
}
.person-details {
    border-left: 1px solid #5E7192;
    border-right: 1px solid #5E7192;
    /* margin: -10px; */
    background: #fff;
}

/**************************** START drawer popover styling ******************************/

.webui-popover-drawer-pop .webui-popover-content:empty {
    display: none;
}

.webui-popover-drawer-pop .webui-popover-title {
        border-bottom: 1px solid transparent;
}

/**************************** END drawer popover styling ******************************/

.uk-button.review-btn {
    line-height: 14px;
}

/**************************** START US#4599 - scorecard UI ******************************/

.gw-score {
    color: #FFF;
    padding: 3px 7px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    font-size: 16px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25), 0px -1px 2px rgba(0, 0, 0, 0.25);
    line-height: 18px;
    margin: -1px 5px 0;
    display: inline-block;
}

.gw-score-summary, .gw-rank-title  {
    font-size: 16px;
    font-weight: normal;
}

.gw-vrule {
    display: inline-block;
    width: 1px;
    height: 28px;
    border: none;
    border-left: 1px solid #ccc;
    margin: -10px 15px -8px;
    vertical-align: middle;
}

#dashboard-canvas-body #scorecardDetail {
    background: #fff;
    padding: 10px 20px 10px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px 4px;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,0.15);
    box-shadow: 0 3px 4px rgba(0,0,0,0.15);
    border: 1px solid #CCC;
}

#viz_div > div {
    text-align: center;
}

/**************************** END US#4599 ******************************/

/****************************  US #7969 Merged Action Ctr ******************************/

.action-ctr-panel {
    background: #FAFAFA;
    border-radius: 4px;
    padding: 5px;
}

.uk-button.uk-button-warning,.uk-button.uk-button-warning:disabled {
    background-color: #faa732 !important;
    text-shadow: none !important;
    color: #444;
    font-weight: bold;
}
/*.action-ctr-panel:after {
    content: "\f141";
    font-family: "Fontawesome";
    float: right;
    margin-top: -10px;
    color: #999;
}*/
.uk-offcanvas-page .webui-popover .webui-popover-content>div:first-child {
    width: auto !important;
}
.extra-info-single.uk-panel-box {
    background: #FFF;
}
.extra-info-single.uk-panel-box .uk-panel-teaser {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    background: #F5F5F5;
    margin-top: -7px;
    margin-left: -15px;
    margin-right: -15px;
}
.chart {
    background: #ffffff;
    max-width: 100%;
    overflow-x: hidden;
}

/**************************** END 7969 Merged Action Ctr ******************************/
/**************************** END #8360 Gateway Fast App Review ******************************/

.app-preview-mastHd {
    background-color: #EFF0F2;
    padding: 10px;
    border-bottom: solid 3px grey;
    height: 74px;
}

.preview-nav-top {
    background: #fff;
    margin: -10px -10px 8px;
    padding: 5px 10px 0;
    box-shadow:
      0 0px 0.2px rgba(0, 0, 0, 0.017),
      0 0px 0.5px rgba(0, 0, 0, 0.023),
      0 0px 1px rgba(0, 0, 0, 0.027),
      0 0px 1.8px rgba(0, 0, 0, 0.032),
      0 0px 3.3px rgba(0, 0, 0, 0.041),
      0 0px 8px rgba(0, 0, 0, 0.07)
    ;
}

span[data-name] {
    font-weight: 700;
    font-size: 1.12em;
}

.slick-column-name .col-hdr-text-bold {
    padding-left: 6px;
    font-weight: 700 !important;
}

button.slick-menu-button-icon {
    margin: 1px 0 0 0;
    height: 100%;
}
button.slick-menu-button-icon:before {
    content: "\f0c9";
    font-family: "Fontawesome";
    background: transparent;
/*    color: #FFF;*/
    text-shadow: none;
    font-size: 11px;
}
button.slick-menu-button-icon:hover {
    background-color: #CCC !important;
}
#divSlickGrid.ui-widget,.complianceGrid.ui-widget {
    font-size: 1em;
    line-height: 1.25em
}
.onoffswitch-checkbox.toggle-txt + label  {
    -webkit-transition: color 0.8s ease-out;
    -moz-transition: color 0.8s ease-out;
    transition: color 0.8s ease-out;
}
.onoffswitch-checkbox.toggle-txt:checked + label  {
    color: #ffffff;
    -webkit-transition: color 0.8s ease-out;
    -moz-transition: color 0.8s ease-out;
    transition: color 0.8s ease-out;
}
.comma-separator:before {
    content: ","
    padding-left: 10px;
}
.app-review-body dl, .app-review-body * + dl {
    display: flex;
    flex-flow: row wrap;
    margin-top: 0;
    margin-bottom: 0;
}
.app-review-body dt {
    flex-basis: 33%;
    padding: 3px 7px 3px 3px;
    background: #eee;
    text-align: right;
    margin-right: 5px;
    color: #444;
    border-bottom: 1px dashed #FFF;
    line-height: 24px;
}
.app-review-body dd {
    flex-basis: 60%;
    flex-grow: 1;
    margin: 0;
    padding: 2px 4px;
    border-bottom: 1px dashed #CCC;
    line-height: 24px;
}
.yes-no-dl dt:empty,.yes-no-dl dd:empty {
    display: none;
}
.yes-no-dl dt {
    flex-basis: 60%;
    padding: 3px 7px;
    background: #eee;
    text-align: left;
    margin-right: 5px;
    color: #444;
    border-bottom: 1px dashed #FFF;
    line-height: 20px;
}
.yes-no-dl dd {
    flex-basis: 30%;
    flex-grow: 1;
    margin: 0;
    padding: 2px 4px;
    border-bottom: 1px dashed #CCC;
    line-height: 20px;
}
.uk-button-link .icon-user-file.uk-icon-small-alt {
    color: #999;
}
.uk-button-link:hover .icon-user-file.uk-icon-small-alt {
    color: #666;
}
.uk-icon-small-alt {
    font-size: 16px;
}
.preview-close {
    position: absolute;
    left: -35px;
    width: 35px;
    background: #E3241D;
    color: #FFF;
    height: 121px;
    opacity: 1;
    border-radius: 4px 0 0 4px;
    font-size: 20px
}
.preview-close.uk-close:focus, .preview-close.uk-close:hover {
    opacity: .85;
    outline: 0;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}
.uk-button-white {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.2) !important;
    border-radius: 4px;
    text-shadow: none;
}
.uk-button-white:hover,.uk-button-white:focus,.uk-button-white:active {
    background: #f5f5f5 !important;
    border: 1px solid rgba(0,0,0,.35) !important;
    border-radius: 4px;
    text-shadow: none;
}
.uk-button-group>.uk-button.uk-button-white:last-child {
    border: 1px solid rgba(0,0,0,.35);
}
.file-edit i {
    cursor: pointer;
}
.file-edit:hover i {
    color: #7896d4;
}
[data-bind^="with:"]:not(.uk-radio):empty, [data-bind^="if:"]:not(.uk-radio):empty, [data-bind^="ifnot:"]:not(.uk-radio):empty {
    display: none;
}
.record-details + .record-separator {
    padding-top: 10px;
    border-top: 3px solid #000000;
}
li:first-child > .vert-divider {
    display: none;
}
.vert-divider {
    padding: 0 10px;
}
.review-status-fp {
    margin: -10px -10px 0 0;
    background-color: #EEE;
    border-radius: 20px 0 0 20px;
    padding: 7px 15px 8px 8px;
}
.review-status-fp .onoffswitch {
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.preview-nav-top .review-status-fp {
    margin: -5px -10px 0 0;
    background-color: #EEE;
    border-radius: 20px 0 0 20px;
    padding: 7px 15px 8px 8px;
}

@media screen and (max-width: 1200px) {
    .preview-nav-top .review-status-fp .onoffswitch-text,.preview-nav-top .review-status-fp .onoffswitch-text .uk-vertical-align-middle {
        font-size: 13px;
    }
    .app-review-body .yes-no-button.uk-button {
        padding: 0 3px;
    }
}

.mark-reviewed-fp, .reviewed-fp,.mark-reviewed-fp label, .reviewed-fp label {
    cursor: pointer;
}
.subnav-fp.uk-subnav { margin-left: -5px; margin-top: 0; min-height: 32px; }
.subnav-fp.uk-subnav>* {
    padding-left: 5px;
}
.cra-nav.uk-subnav .file-preview-edit:focus, .cra-nav.uk-subnav .file-preview-edit:hover {
    color: #444;
    text-decoration: none;
}
/*.file-preview-edit:hover {
    cursor: pointer;
}*/
.uk-subnav:not(.cra-nav)>*>:focus, .uk-subnav:not(.cra-nav)>*>:hover{
    color: #444444;
}

.explain-readonly:not(:empty) {
    border-top: 1px solid #DDDDDD;
    display: block;
    padding-top: 3px;
    padding-bottom: 5px;
}
.preview-nav-top .subnav-fp.uk-subnav>* {
    padding: 5px 7px 0;
    margin-top: 0;
}
.preview-nav-top .subnav-fp.uk-subnav>li>a,.preview-nav-top .subnav-fp.uk-subnav>li>.uk-form-select>a {
    padding-bottom: 7px;
    color: #444;
}
.preview-nav-top .subnav-fp.uk-subnav>li>a:hover,.preview-nav-top .subnav-fp.uk-subnav>li>.uk-form-select>a:hover {
    border-bottom: 3px solid #aaaaaa;
    padding-bottom: 4px;
    color: #aaaaaa;
}
.preview-nav-top .subnav-fp.uk-subnav>li>.uk-form-select:after {
    content: '';
    display: block;
    border-top: 1px solid #cccccc;
    width: 100%;
}

#applicationReviewToolContainer {
    border-bottom: 3px solid grey;
    position: absolute;
    width: 100%;
    background: #f5f5f5;
    z-index: 999;
    max-height: calc(100vh - 141px);
    overflow-y: scroll;
    overflow-x: hidden;
}
}

@media (min-width: 768px) {
    .uk-grid-divider.vert-dashes>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2), .uk-grid-sm-divider.vert-dashes>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-left: 1px dashed #ccc;
    }
}

.slick-gridmenu-list img {
    padding-bottom: 3px;
}
/* Zebra striping removed at Dirk's request
.slick-row.ui-widget-content.odd,
.slick-row.odd {
    background: #fafafa;
}*/


.position-cell-pad {
    padding-left: 5px;
}

/**************************** END #8360 Gateway Fast App Review ******************************/
/****************************  US #7969 Merged Action Ctr ******************************/

.chart {
    background: #ffffff;
    max-width: 100%;
    overflow-x: hidden;
}
/**************************** END 7969 Merged Action Ctr ******************************/

/****************************  US #8241 Bulk Move ******************************/

.uk-form-width-small-gw-header {
    width: 150px;
}
.bulkmove-header-extrarow {
    margin: 0 -20px;
    background-color: #ffffff;
    border-top: 1px dashed #cccccc;
    padding: 7px 20px;
}

#RecruitmentTablePlaceholder {
    margin-top: 0;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

#RecruitmentTablePlaceholder.bulkmove-extrarow {
    margin-top: 40px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.applicantfilter .uk-table.uk-table-striped tbody tr:nth-of-type(odd) {
    background-color: #e5e5e5;
}

@media screen and (max-width: 1199px) {
    .bulk-move-header h2 {
        font-size: 15px;
    }
    .gw-header-label {
        display: none;
    }
    .bulk-move-header .uk-form-width-xsmall {
        width: 95px!important;
    }
}

/****************************  END US #8241 Bulk Move ******************************/