@import url("//fonts.googleapis.com/css?family=Lato:400,700,900,400italic");

/*
html {
    font: normal 14px / 20px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-height: 100% !important;
}
*/
body#dashboard-body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-height: 100vh;
    height: 100%;
    position: relative;
}

#dashboard-body {
    background: #FFF;
    background-image: none;
    margin-top: -1px !important;
}

#dashboard-body .uk-height-1-1 {
    min-height: calc(100vh - 40px);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.panel-title {
    text-transform: uppercase;
    color: #9e0b0f;
}

.uk-navbar-nav > li > a,.uk-navbar-left > li > a,.uk-navbar-right > li > a {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: auto;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  line-height: 35px;
    margin-bottom: -1px;
    margin-top: 0;
}

.uk-navbar-nav > li.language > div > a,.uk-navbar-nav > li.language > a {
    padding-top: 5px;
    /* line-height: normal !important;
    padding: 0 15px 9px; */
    margin-bottom: -1px;
}

#menu2.uk-navbar-nav > li.language > div > a,#menu2.uk-navbar-nav > li.language > a {
  padding-top: 1px;
}

.divAnalytics {
    max-height: 332px;
    overflow-y: scroll;
}
/******** New Styles for Dashboard **************/

.top-line3px {
    border-top: 3px solid #DDD;
}

.top-line {
    border-top: 3px solid #DDD;
}

.dad-border-left {
    border-left: 1px solid #ddd;
}

.dad-border-bottom {
    border-bottom: 1px solid #ddd;
}

#OfferOfEmploymentDate {
    width: 120px !important;
}

.driver-focus .candidate-details, .candidate-list.uk-table tbody tr.uk-active {
    color: #e1e1e1;
    background: #5E7192 !important;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}

.request-status-box {
    border: 1px solid #ddd;
    margin-left: 10px;
    border-radius: 4px;
}

/*ul.uk-list:not(#ActionList) {
    margin: 0 0 10px 0;
}*/

/******** from existing site **************/
.navbar-inner {
    min-height: 41px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #20282b;
    background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c3e50', endColorstr='#ff2c3e50', GradientType=0);
*zoom:1;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065)
}
.navbar-inner:before, .navbar-inner:after {
    display: table;
    line-height: 0;
    content: ""
}
.navbar-inner:after {
    clear: both
}
.navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

html.uk-modal-page .navbar-inner {
    padding-right: 30px;
}

html.uk-modal-page .command-ctr-drawer .navbar-inner {
    padding-right: 0;
}

#menu1 li a {
    font-size: 12px;
    text-transform: uppercase;
}

.divAnalytics .dash_widget h2.widget-title {
    color: #777;
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    border-bottom: 1px solid #CCC;
    background: #F2F5F9;
    padding: 11px 15px;
    text-align: left;
    position: relative
}

.grid {min-height: 500px;}
.divAnalytics .dash_widget
{
    width: 320px !important;
    height: 320px !important;
}
.divAnalytics .dash_widget h2.widget-title {
    color: #777;
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    border-bottom: 1px solid #CCC;
    background: #F2F5F9;
    padding: 11px 15px;
    text-align: left;
}

.divAnalytics .dash_widget h2.widget-title:before
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 30px;
    bottom: -10px;
    top: auto;
    border-top: 10px solid #CCC;
    border-left: 10px solid #FFF;
    border-right: 10px solid #FFF;
}

.divAnalytics .dash_widget h2.widget-title:after
{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 31px;
    bottom: -9px;
    top: auto;
    border-top: 9px solid #F2F5F9;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.divAnalytics .grid-stack-item-content
{
    overflow: hidden !important;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #FFF !important;
    padding-bottom: 10px;
}
.divAnalytics a
{
    cursor: default !important;
}

.divAnalytics a:hover,.divAnalytics a:focus,.divAnalytics a:active
{
    text-decoration: none;
}

.divAnalytics .item-name
{
    text-align: center;
}

/******** END from existing site **************/


.left-tabs, #left-tabs-cra {
    background: #b8bdc4;
    border-right: 1px solid #959CA9;
    /*min-height: calc(100vh - 40px);*/
    z-index: 999;
    overflow-x: hidden;
}

@media (max-width: 960px) {
   .left-tabs, #left-tabs-cra {
        height: 100%;
    }

}

/*@media screen and (max-height: 625px) {
    .uk-tab-left.default {
        background: none !important;
        height: calc(100vh - 40px);
        overflow-y: overlay;
        overflow-x: hidden;
        margin-right: -15px !important;
    }
}*/
.quicklinks-container {
    margin-right: -15px;
}

.left-tabs ul > li, #left-tabs-cra > ul > li {
    text-align: center;
    border-bottom: 1px dotted rgba(126, 130, 137, 0.6);
    max-width: 60px;
    width: 100%;
    padding-left: 0;
    height: 52px;
}

.left-tabs > ul > li > a {
    padding: 11px 10px;
}

#left-tabs-cra > ul > li > a {
    padding: 17px 10px 18px;
}

.left-tabs ul > li > a > [class*=uk-icon-] {
    display: block !important;
}

.left-tabs ul > li > a:hover {
    margin-right: 0;
}

/*.uk-tab>li>a {
    display: block;
    padding: 8px 12px 10px 12px;
    border: 0;
    border-bottom-width: 0;
    color: #2a3539;
    text-decoration: none;
    border-radius: 0 0;
    text-shadow: 0 1px 0 #fff;
}*/

@media (min-width: 768px) {
    .uk-tab-left > li:not(.uk-active) > a:hover, .uk-tab-left > li:not(.uk-active) > a:focus {
        padding: 8px 12px 10px 12px;
    }
}

.dash-hdr, #widget-panel {
    background: #f2f2f4;
}

.panel-expander:hover, .panel-expander:focus, .panel-expander:active {
    text-decoration: none;
}

.orgUnit-tbl td {
    position: relative;
}

.tri-btn.uk-position-absolute  {
    left: 35%;
    right: 50%;
    z-index: 100;
}

.tabCompliance > .uk-position-absolute {
    /* left: 0; */
    z-index: 15;
}

.status-btn-group {
    width: 100%;
}

#dashboard-main > li > .dash-hdr > div > div > .uk-panel-space {
    padding: 9px 30px 0px;
}

#widget-panel {
/*    border-bottom: 1px solid #b7b7b7;*/
    z-index: 100;
    clear: both;
}

.divAnalytics.uk-grid {
    padding: 15px 15px 25px; /**** US #5508 ****/
}

.btn-div {
    margin: -38px 0 0px;
    right: 133px;
    overflow: hidden;
    padding-left: 10px;
    top: 0;
}

.widget-panel.uk-accordion-content.uk-active {
    border-bottom: 1px solid #CCC;
    padding: 0 0 0 15px; /**** US #5508 ****/
}

#dash-recruit-tabs .uk-tab > li {
    margin-bottom: 0px !important;
}

.inner-tabs-main .uk-tab > li.uk-active {
    margin-bottom: -1px !important;
    border-top: 1px solid #DDD;
}

.app-buttons .uk-accordion-content {
    border: 1px solid #6a707b;
    border-bottom: 15px solid #5E7192;
    border-radius: 3px;
    border-left-color: #B0B9CC;
    border-right-color: #B0B9CC;

}
.inner-tabs-main > .uk-tab > li {
    margin-bottom: 0;
}

.inner-tabs-main > .uk-tab > li > a,.inner-tabs-main > .uk-tab {
    background: #959CA9;
    border-bottom: none;
}

.inner-tabs-main > .uk-tab > li > a,.inner-tabs-main > .uk-tab > li > a:hover {
    padding: 8px 25px 5px 25px;
    font-size: 17px;
    color: #FFF;
    text-shadow: 0 1px 0 #000;
}

.inner-tabs-main > .uk-tab > li > a:hover {
   background: #8a919e;
}

.inner-tabs-main >.uk-tab>li:nth-child(n+2) {
    border-left: 1px solid #aab0ba;
}

.inner-tabs-main >.uk-tab>li:nth-child(n+2)>a {
    margin-left: 0px;
}

.inner-tabs-main > .uk-tab > li.uk-active > a {
    background: #FFF !important;
    border-bottom: 1px solid #FFF !important;
    border-top: 1px solid #DDD !important;
    color: #444;
    text-shadow: 1px 2px 2px rgba(0,0,0, 0.15);
}

.inner-tabs-main + div.filter a.filteropen {
    color: #9aa2af;
    padding: 0;
    background: #b8bdc4;
    margin-top: 0px;
    width: 100%;
    text-align: center;
    margin-bottom: -1px;
    height: 100%;
    border-bottom: 1px solid #ddd;
}

.inner-tabs-main + div.filter a.filteropen:hover {
    text-decoration: none;
    background: #ced1d6;
}

#candidates-panel a.filteropen, #filter-bar a.filteropen {
    color: #9aa2af;
    padding: 0;
    margin-top: -8px;
}

a.filteropen:hover {
    color: #8c94a0;
}

.filter {
    background: #959CA9;
   /*  border-bottom: 1px solid #959CA9; */
}

#filter-bar {
    width: 300px;
    right: 0;
    background: #363740;
/*    min-height: calc(100vh - 177px);*/
    -webkit-box-shadow: inset 10px 0px 10px -6px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 10px 0px 10px -6px rgba(0,0,0,0.5);
    box-shadow: inset 10px 0px 10px -6px rgba(0,0,0,0.5);
    padding: 20px;
    z-index: 981;
    margin-top: 0;
}

.filter2-bar {
    width: 650px;
    right: 1px;
    background: #363740;
/*    min-height: calc(100vh - 177px);*/
    -webkit-box-shadow: inset 10px 0px 10px -6px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 10px 0px 10px -6px rgba(0,0,0,0.5);
    box-shadow: inset 10px 0px 10px -6px rgba(0,0,0,0.5);
    padding: 20px;
    z-index: 1000;
    top: 0px;
}

.filteropen > .filter-toggle {
    margin: auto;
}

.dash-hdr-bar {
    background: rgba(255,255,255,0.9);
    z-index: 999 !important;
    max-width: 100%;
}

.uk-width-10-12 {
    width: 83.333%;
}

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

.uk-width-1-8 {
    width: 12.5%;
}

#recruiter-tabs h2 {
    text-transform: uppercase;
}

.positions-tbl thead {
    background: #ebebeb;
}

.positions-tbl thead th {
    text-align: left;
}

.positions-tbl thead th:last-child {
    text-align: right;
}

.positions-tbl td {
    position: relative;
}

.positions-tbl td a.uk-position-cover {
    padding: 8px;
    color: #535a65;
}

.positions-tbl td a.uk-position-cover:hover,.positions-tbl td a.uk-position-cover:focus {
    padding: 8px;
    text-decoration: none;
    color: #636e7e;
    background: #f0f0f0;
}

.uk-panel-space.position-panel {
    padding-top: 0px;
}

.uk-panel-space.position-panel > div > .uk-tab {
    padding-top: 10px;
}

.iconLinks tr td > a > i, .action-list a > i, .candidate-details a:not('.uk-button'), .action-icons a {
    color: #777;
}

#btnHiredNotHired, #btnHiredNotHired > i {
    color: #fff;
}

#btnHiredNotHired:hover, #btnHiredNotHired > i:hover {
    color: #000;
}

.iconLinks tr.shown td:not(.no-click) > a > i {
    color: #e1e1e1 !important;
}

.iconLinks tr td > a:hover > i, .action-list a:hover > i, .candidate-details a:not('.uk-button'):hover, .action-icons a:hover, .action-icons a:focus, .action-icons a:active {
    color: #333;
}
.action-list h4 {
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    line-height: 24px;
}

.uk-tab-grid>li:first-child>.number {
    margin-left: 5px;
}

.uk-width-15 {
    width: 15%;
}

.uk-width-5 {
    width: 5%;
}

.uk-width-7 {
    width: 7%;
}

.uk-width-8 {
    width: 8%;
}

.uk-width-10 {
    width: 10%;
}

.uk-width-25 {
    width: 25%;
}

.uk-width-20 {
    width: 20%;
}

.uk-width-75 {
    width: 75%;
}

.tab-logo {
    margin-top: -5px;
    margin-bottom: -5px;
}

#candidates-panel .uk-tab>li:nth-child(n+2)>a {
    margin-left: -1px;
}

#candidates-panel .uk-tab>li>a {
    display: block;
    padding: 9px 12px 6px 12px;
    border: 1px solid #e5e5e5 !important;
    border-bottom-width: 0 !important;
    color: #2a3539;
    text-decoration: none;
    border-radius: 3px 3px 0 0;
    text-shadow: 0 1px 0 #fff;
    background: #FFF;
    line-height: 16px;
}

#candidates-panel .uk-tab>li.uk-active>a {
    border-bottom: 1px solid #eaebed !important;
    border-bottom-width: 1px !important;
    margin-bottom: -1px !important;
    background: #eaebed !important;
}

#candidates-panel .uk-tab>li>a:not(.alert-tab):hover {
    background: #f5f5f5 !important;
}

#candidates-panel .uk-tab>li.uk-open:not(.uk-active)>a, #candidates-panel .uk-tab>li:not(.uk-active)>a:focus, #candidates-panel .uk-tab>li:not(.uk-active)>a:hover {
    margin-bottom: 0px !important;
/*    padding-bottom: 7px;*/
}

#candidates-panel .uk-tab>li:not(.uk-active)>a {
    margin-bottom: 0px !important;
/*    padding-bottom: 8px;*/
}

#candidates-panel .uk-tab>li>a.communication-tab {
    background: #faa732 !important;
    text-shadow: none;
    border-top-color: #faa732 !important;
}

#candidates-panel .uk-tab>li>a.communication-tab:hover {
    background: #f9bb63 !important;
    text-shadow: none;
    border-top-color: #f9bb63 !important;
}

#candidates-panel .uk-tab>li>a.alert-tab {
    background: #00a651;
    color: #FFF;
    text-shadow: none;
    border-top-color: #00a651 !important;
}

#candidates-panel .uk-tab>li>a.alert-tab:hover {
    background: #19b464;
    color: #FFF;
    text-shadow: none;
}

#candidates-panel .uk-tab>li.uk-active>a.alert-tab {
/*    background: #03984c;*/
    color: #03984c;
    text-shadow: none;
    border-top-color: #E5E5E5 !important;
}

#candidate-tabs > li, .list-results > li {
    background: #eaebed;
}

.candidate-details, .candidate-list.uk-table tbody tr.uk-active {
    background: #FFF;

}

.uk-table-striped-expander tbody tr:nth-child(4n + 1) {
    background: #fafafa;
}

.recruiter-dash-employment-details:nth-of-type(odd) tr
{
    background: #f5f5f5 !important;
}

.positions-tbl > tbody > tr.uk-active > td a.uk-position-cover, .positions-tbl > tbody > tr.shown > td a.uk-position-cover, .positions-tbl > tbody > tr.uk-active,#dashboard-body .dataTable tr.shown>td {
    color: #e1e1e1 !important;
    background: #6a717b !important;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

table.dataTable tbody tr.shown + tr > td {
    padding: 0 !important;
    background-color: #f0f0f0;
    border-bottom: 1px solid #d4d3d3;
    border-left: 0px solid #d4d3d3;
    border-right: 0px solid #d4d3d3;
}

#dashboard-body .dataTable tr.shown>td .uk-text-danger {
    color: #ff7a00 !important;
}

#dashboard-body .dataTables_scrollBody > .dataTable {
    margin-bottom: 20px;
    border-bottom: 0px solid #111 !important;
}

#dashboard-body .tblassociates,  #dashboard-body .tblOrgUnit, #dashboard-body .tblapplicants, #dashboard-body .tblAll {
    margin-bottom: 20px;
    margin-top: 10px !important;
    border-bottom: 0px solid #111 !important;
    border-top: 1px solid #ddd !important;
}

#dashboard-body .dataTable.tblApplicants tr.shown .dataTable.tblApplicants tr.shown,#dashboard-body .dataTable.tblApplicants tr.shown .dataTable.tblApplicants tr.shown>td {
    color: #555;
    background: #FFF;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

#dashboard-body .dataTable.tblApplicants tr.shown + tr>td,#dashboard-body .dataTable.tblPositions tr.shown + tr>td  {
    padding: 0;
}

#dashboard-body .dataTable.tblApplicants tr.shown td {
    -webkit-box-shadow: inset 0px 8px 12px -8px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 8px 12px -8px rgba(0,0,0,0.25);
    box-shadow: inset 0px 8px 12px -8px rgba(0,0,0,0.25);
    vertical-align: middle;
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: #555;
}

#dashboard-body .dataTables_scrollBody > table.dataTable thead th, .dataTables_scrollBody > table.dataTable thead td {
    padding: 0 !important;
    border-bottom: 1px solid #CCC !important;
    font-weight: 700;
    font-size: 15px;
}

#dashboard-body .dataTables_scrollHeadInner > table.dataTable thead th, .dataTables_scrollHeadInner > table.dataTable thead td {
    padding: 5px 10px !important;
    border-bottom: 0px solid transparent !important;
    font-weight: 700;
    /* font-size: 15px; */
}

.positioncontainer table.dataTable tbody td {
    vertical-align: middle;
}

#dashboard-body table.dataTable thead th {
    vertical-align: middle;
}

#dashboard-body .dataTables_wrapper .dataTables_length label {
    font-size: 12px !important;
    vertical-align: middle;
}


.dataTables_wrapper .dataTables_length select {
    width: auto;
    margin: 0 5px;
}
.dataTables_length > label {
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    margin-bottom: 5px;
    margin-top: 4px;
    position: relative;
}

.toolbar-tbl {
    float: left;
}

.toolbar-tbl > h3 {
    margin: 3px 15px 0 0;
    font-weight: 400;
}

.toolbar-tbl > h3:after {
    font-family: 'Fontawesome';
    content: '\f105';
    margin-left: 10px;
}

.filter-inner {
    margin: 0 -30px -36px 0;
    padding: 3px 8px;
    background: #CCC;
    position: relative;
    z-index: 99;
}

.filter-active {
    background: #00a651;
    color: #fff;
    padding: 7px 9px;
/*    text-shadow: #7b7b7b 1px 1px 0;*/
}

#dashboard-body .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin-right: 8px;
    z-index: 20;
}

.expander > td {
    padding: 0 0 10px 0;
}

.collapsed > td {
    padding-bottom: 0;
    border-bottom: 1px solid transparent;
}

.expand-panel > td {
    padding-top: 0;
}

.expand-panel.collapsed > td {
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: 1px solid transparent;
}

.candidate-details .left-col,.candidate-details .action-footer,.candidate-details .details-padding {
    padding: 5px 15px;
}

.candidate-details .action-footer {
    background: #b8bdc4;
}

.candidate-details .dad-panel-only .action-footer {
    padding-left: 16px;
    margin-left: -1px;
}

.candidate-details h4 {
    font-weight: 400;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

.action-footer h4 {
    text-transform: uppercase;
}

.action-footer h4 img {
    height: 29px;
    margin: -5px 10px -5px 0;
}

#dashboard-body span.label, .action-list .label {
    min-width: 65px;
    display: inline-block;
    margin-right: 10px;
    font-weight: 700;
    background-color: transparent !important;
    color: #444 !important;
    padding: 0;
}

#dashboard-body span.label + span.label {
    margin-left: 15px;
}

.action-ctr {
    background: #efefef;
    border: 1px solid #5E7192;
}

.person-details .action-ctr {
    background: #efefef;
    border: none;
    border-top: 3px solid #ddd;
}


.action-ctr-divider {
    border-top: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    background: #FAFAFA;
}

.action-ctr hr.uk-grid-divider {
    border-bottom: none;
    border-top-color: #DDD !important;
}

.uk-panel-space.action-ctr {
    padding-top: 5px !important;
    padding-bottom: 10px;
}

.action-ctr .uk-button-link {
    text-align: left;
}

.candidate-details {
    width: 100% !important;
    max-width: 100% !important;
}

.candidate-details > .details-bordered {
    border: 1px solid #5E7192;
    border-top: 0px solid #5E7192;
    background-color: #ffffff;
}

.right-col {
    border-left: 1px solid #DDD;
}

.action-ctr .uk-button-link:hover {
    text-decoration: none;
    background: #DDD !important;
    font-size: 14px;
}

.action-hdr {
    color: #e1e1e1;
    background: #53585f;
    padding: 6px;
    border-color: #6a717b !important;
}
.aa-panel-padding {
    margin: 4px 15px;
    color: #777;
    vertical-align: middle;
}

.action-hdr .uk-button-group:not(.restore-defaults)>.uk-button {
    padding: 0px 15px;
    background: #6a707b;
    color: #FFF;
    text-shadow: none;
}

.action-hdr .uk-button-group:not(.restore-defaults)>.uk-button.uk-active {
    padding: 0px 15px;
    background: #5c6069;
    color: #FFF;
    text-shadow: none;
}

.action-hdr .uk-button-group:not(.restore-defaults)>.uk-button:hover {
    padding: 0px 15px;
    background: #616874;
    color: #444444;
    text-shadow: 0 1px 0 #ffffff;
}

.action-hdr .uk-button-group>.uk-button:first-child, .action-hdr .uk-button-group>div:first-child .uk-button,.action-hdr .uk-button-group>.uk-button:last-child, .action-hdr .uk-button-group>div:last-child .uk-button {
    border-radius: 0 0 !important;
}

.app-buttons .action-hdr .uk-button-group>.uk-button:first-child, .app-buttons .action-hdr .uk-button-group>div:first-child .uk-button {
    border-radius: 4px 0 0 4px !important;
}

.action-hdr .uk-button-group>.uk-button:last-child, .app-buttons .action-hdr .uk-button-group>div:last-child .uk-button {
    border-radius: 0 4px 4px 0 !important;
}

.action-hdr h4 {
    color: #e1e1e1;
    margin-bottom: 0;
}

.action-icons {
    margin-top: 0px;
    padding-bottom: 0px;
}

.action-icons [class*=uk-icon-],.action-icons a, .action-icons [class*=fa-] {
    margin-top: 7px !important;
    color: #777;
    line-height: 25px;
    font-size: 20px;
}

.action-icons [class*=uk-icon-]:hover,.action-icons a:hover, .action-icons [class*=fa-]:hover {
    color: #484C54;
}

#dashboard-body .action-list li {
    padding: 8px 15px !important;
    margin-top: 0px !important;
    background: #FFF;
}
.priority-top-line {
    border-top: 1px solid #DDD;
}
.orientation, li.top-line {
    border-top: 1px solid #DDD;
}

.uk-button-group.group-stacked > * {
    display: block;
    padding: 2px 15px;
}

.uk-button-group.group-stacked>.uk-button:first-child, .uk-button-group.group-stacked>div:first-child .uk-button {
    border-bottom-color: rgba(0,0,0,.1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.uk-button-group.group-stacked>.uk-button:last-child, .uk-button-group.group-stacked>div:last-child .uk-button {
    border-top-color: rgba(0,0,0,.1);
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
}

.uk-button-group.group-stacked.sorter>.uk-button:first-child, .uk-button-group.group-stacked.sorter>div:first-child .uk-button {
    border-bottom-color: rgba(0,0,0,.1);
    border-top-right-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.uk-button-group.group-stacked.sorter>.uk-button:last-child, .uk-button-group.group-stacked.sorter>div:last-child .uk-button {
    border-top-color: rgba(0,0,0,.1);
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0;
}

.uk-button-group.group-stacked>.uk-button:nth-child(n+2), .uk-button-group.group-stacked>div:nth-child(n+2) .uk-button {
    margin-left: 0px;
    margin-top: -1px;
}

.uk-panel-box.uk-panel-box-no-pad {
    padding: 0;
}

.uk-panel-box.uk-panel-box-no-pad .group-stacked {
    margin: -1px -1px -1px 15px;
}

.uk-panel-space.section-head {
    padding: 6px 30px 5px;
    /*margin-bottom: -5px;*/
}

.section-head h2 {
    text-transform: uppercase;
    padding-right: 10px;
    margin-top: 8px;
}

.section-head .uk-button.uk-active, .section-head .uk-button:not(#btnFilter):active, #dashboard-body .uk-button.uk-active, #dashboard-body .uk-button:active {
    /*background-color: #2aba36;*/
    background-color: #cccccc;
    color: #fafafa;
    text-shadow: none;
}

.uk-button-group.sorter > .uk-active {
    background-color: #2aba36 !important;
    color: #fafafa !important;
    text-shadow: 0 -1px 0 #999 !important;
}

section-head .uk-button.uk-button-primary:active {
    background-color: #0091ca;
}

.uk-panel-space2 {
    padding: 15px;
}

.action-list .uk-panel-space2 {
    padding: 15px 15px;
}

.uk-panel-box-dash {
    border-radius: 0;
    border-width: 0;
}

.inner-tabs-main .number, #dashboard-body #dashboard-data .number {
    position: absolute;
    background: url(../images/number-tab-bg.png) right bottom no-repeat;
    font-size: 11px;
    padding: 0px 20px 0px 2px;
    color: #FFF;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.6);
    line-height: 14px;
    top: 0px;
    left: 0;
}

#dashboard-body .number {
    position: absolute;
    background: url(../images/number-tab2-bg.png) right bottom no-repeat;
    font-size: 11px;
    padding: 0px 20px 0px 2px;
    color: #FFF;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.6);
    line-height: 14px;
}

h3.panel-title > .number {
    display: none;
}

.show-orientation {
    display: block;
}

.hide-orientation {
    display: none;
    clear: both;
    visibility: hidden;
    opacity: 0;
/*    width: 1%;*/
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;

}

.hide-orientation.uk-width-1-1 {
    clear: both;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.dad-panel-only {
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    border-left: 1px solid transparent;
}

.hide-orientation.uk-width-medium-2-3 + .dad-panel-only,.orientation.uk-width-medium-2-3 + .dad-panel-only {
    border-left: 1px solid #DDD;
}

#dashboard-body .webui-popover-title {
    line-height: 22px !important;
}

.dad-border-left {
    border-left: 1px solid #ddd;
}
.dad-border-right {
    border-right: 1px solid #ddd;
}
.dad-alert-box {
    background-color: #fffceb;
    color: #e28327;
    border-top: 1px solid #ddd;
}

/************* toggle switch styles ****************/

.action-ctr label {
    cursor: pointer;
    font-weight: 700;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 115px;
    height: 22px;
    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: 11px;
  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;
    color: #FFF;
}
.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: 12px;
  color: #fff;
}
.switch-label:after {
  content: attr(data-on);
  left: 35%;
  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 !important;
}
.check-input + .switch-label-check:before {
    content: "\f0c8";
    /* content: "\f096"; */
    font-family: "Fontawesome";
    color: #d3d3d3;
    font-size: 24px;
    margin-left: 10px;
    margin-top: 12px;
    line-height: 24px;
    vertical-align: middle;
}

#user .check-input + .switch-label-check:before {
    content: "\f05e";
    font-family: "Fontawesome";
    color: #BBB;
    font-size: 24px;
    margin-left: 10px;
    margin-top: 12px;
    line-height: 24px;
    vertical-align: middle;
}

.check-input:checked + .switch-label-check:before, #user .check-input:checked + .switch-label-check:before {
    /* content: "\f058"; */
    content: "\f14a";
    font-family: "Fontawesome";
    color: #8cc152;
    text-shadow: none;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  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: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -6px;
    width: 16px;
    height: 16px;
    color: #333;
}

.switch-input:checked ~ .switch-handle:before {
    content: '\f054';
    font-family: "Fontawesome";
    font-size: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 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: 97px;
  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;
}

/*
 * Modifier: `uk-button-dark`
 */
.uk-button-dark, .candidate-details a.uk-button-dark, .action-hdr .uk-button-dark {
  background: none !important;
  background-color: #777d85 !important;
  color: #ffffff !important;
}
/* Hover */
.uk-button-dark:hover,
.uk-button-dark:focus,
.candidate-details a.uk-button-dark:hover, .candidate-details a.uk-button-dark:focus,
.action-hdr .uk-button-dark:hover, .action-hdr .uk-button-dark:focus
{
  background: none;
  background-color: #9da4af !important;
  color: #ffffff !important;
}
/* Active */
.uk-button-dark:active,
.uk-button-dark.uk-active,
.candidate-details a.uk-button-dark:active, .candidate-details a.uk-button-dark.uk-active,
.action-hdr .uk-button-dark:active, .action-hdr .uk-button-dark.uk-active{
  background: none;
  background-color: #afb7c3 !important;
  color: #ffffff !important;
}

/*
 * Modifier: `uk-button-dark-2`
 */
.uk-button-dark-2, .candidate-details a.uk-button-dark-2 {
    color: #fff;
    background: rgba(76,76,76,0.5);
    bacbackground: rgba(76,76,76,0.5);
    background: -moz-linear-gradient(top, rgba(76,76,76,0.5) 0%, rgba(102,102,102,0.56) 25%, rgba(43,43,43,0.5) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0.5)), color-stop(25%, rgba(102,102,102,0.56)), color-stop(100%, rgba(43,43,43,0.5)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,0.5) 0%, rgba(102,102,102,0.56) 25%, rgba(43,43,43,0.5) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,0.5) 0%, rgba(102,102,102,0.56) 25%, rgba(43,43,43,0.5) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,0.5) 0%, rgba(102,102,102,0.56) 25%, rgba(43,43,43,0.5) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,0.5) 0%, rgba(102,102,102,0.56) 25%, rgba(43,43,43,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2b2b2b', GradientType=0 );
    border-color: rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(0,0,0,.4);
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
/* Hover */
.uk-button-dark-2:hover,
.uk-button-dark-2:focus,
.candidate-details a.uk-button-dark-2:hover, .candidate-details a.uk-button-dark-2:focus {
  background-color: #9da4af;
  color: #ffffff;
}
/* Active */
.uk-button-dark-2:active,
.uk-button-dark-2.uk-active,
.candidate-details a.uk-button-dark-2:active, .candidate-details a.uk-button-dark-2.uk-active {
  background-color: #afb7c3;
  color: #ffffff;
}

/*
 * Modifier: `uk-button-dark` in button group
 */
.uk-button-group .uk-button-dark {
  background-color: #aab2bd;
  color: #eee;
    box-shadow: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
/* Hover */
.uk-button-group .uk-button-dark:hover,
.uk-button-group .uk-button-dark:focus {
  background-color: #444 !important;
  color: #ffffff;
}
/* Active */
.uk-button-group .uk-button-dark:active,
.uk-button-group .uk-button-dark.uk-active {
    background-color: #78b33b !important;
    color: #fff !important;
    box-shadow: inset -1px 0px 12px -1px rgba(0,0,0,0.15);
    text-shadow: 0 -1px 0 rgba(0,0,0,.1) !important;
        border-color: rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
}

.action-hdr .uk-button-group>.uk-button-dark.uk-active:disabled,.action-hdr .uk-button-group>.uk-button-dark:disabled {
    color: #5d7460 !important;
    border-color: rgba(0,0,0,.2);
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border-color: rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
    background-color: #77ba7d !important;
    cursor: default;
}


/*
 * Modifier: `uk-button-darker` in button group
 */
.uk-button-group .uk-button-darker,.uk-button-group .uk-button-darker.uk-button:disabled {
  background-color: #616972 !important;
  color: #eee !important;
    box-shadow: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
/* Hover */
.uk-button-group .uk-button-darker:not(:disabled):hover,
.uk-button-group .uk-button-darker(:disabled):focus {
  background-color: #9da4af !important;
  color: #ffffff;
}

.uk-button-group .uk-button-darker.uk-button:disabled:hover {
    border-right-color: #333 !important;
}
/* Active */
.uk-button-group .uk-button-darker:active,
.uk-button-group .uk-button-darker.uk-active {
    background-color: #77ba7d !important;
    color: #fff;
    box-shadow: inset -1px 0px 12px -1px rgba(0,0,0,0.15);
    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}

/*
 * Modifier: `uk-button-superdark` in button group
 */
.uk-button-group .uk-button-superdark {
  background-color: #333;
  color: #eee;
    box-shadow: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
/* Hover */
.uk-button-group .uk-button-superdark:hover,
.uk-button-group .uk-button-superdark:focus {
  background-color: #50545c !important;
  color: #ffffff;
}
/* Active */
.uk-button-group .uk-button-superdark:active,
.uk-button-group .uk-button-superdark.uk-active {
    background-color: #9da4af !important;
    color: #fff;
    box-shadow: inset -1px 0px 12px -1px rgba(0,0,0,0.15);
    text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}

/*
 * Modifier: `uk-button-clear`
 */
.uk-button-clear {
  background-color: #f0ac2a;
  color: #ffffff;
}
/* Hover */
.uk-button-clear:hover,
.uk-button-clear:focus {
  background-color: #e2a127;
  color: #ffffff;
}
/* Active */
.uk-button-clear:active,
.uk-button-clear.uk-active {
  background-color: #f4b743;
  color: #ffffff;
}

.uk-button-dark,.uk-button-clear {
    box-shadow: inset 0 0 5px rgba(0,0,0,.05) !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.1) !important;
}

#position-filter {
    margin-bottom: 15px;
}

[class*=priority-] {
    font-size: 12px;
}

.priority-4 {
    color: #8cc152;
}

.priority-3 {
    color: #e6c617;
}

.priority-2 {
    color: #f2c08a;
}

.priority-1 {
    color: #BBB;
}

h3.access {
/*     border-bottom: 1px solid #CCC; */
    padding-bottom: 5px;
}



.border-top {
    border-top: 1px solid #6a707b;
}

.no-pad,.action-list li.no-pad {
    padding: 0 !important;
}

.no-right-pad {
    padding-right: 0  !important;
}

.no-left-pad {
    padding-left: 0  !important;
}

.orientation label {
    font-weight: 700;
}

.action-list {
    margin-bottom: 0;
}

.action-ctr .select2-container,
.action-hdr .select2-container {
    margin-bottom: 0 !important;
}

li.no-pad hr.uk-grid-divider {
    margin: -2px 0 0 0;
    border-top-width: 2px;
}

.uk-panel-space-select {
    padding: 5px 0;
}

.action-tools {
    background: #484C54;
}

.action-tools .uk-navbar {
    background: none;
    margin-left: 7px;
}

.action-tools .uk-navbar-nav>li.uk-open>a, .action-tools .uk-navbar-nav>li:hover>a, .action-tools .uk-navbar-nav>li>a:focus {
    background-color: rgba(255, 255, 255, 0.15);
    color: #DDD;
    outline: 0;
    position: relative;
    z-index: 1;
    border-left-color: rgba(0,0,0);
    border-right-color: rgba(0,0,0,.1);
    border-top-color: rgba(0,0,0,.1);
}

.action-tools .uk-navbar-nav>li>a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 41px;
    padding: 0 15px;
    line-height: 40px;
    color: #FFF;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    margin-top: 0;
    margin-left: -1px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    text-shadow: 0 1px 0 #666;
}

.action-tools .uk-navbar-nav>li + li>a {

    border-left: 1px solid #333;
}

.action-tools .uk-navbar-nav>li>a.uk-text-success {
    color: #8cc152 !important;
}

.action-tools .uk-navbar-nav>li>a.uk-text-success:hover {
    color: #FFF !important;
    border-left: 1px solid #CCC;
    margin-top: 0;
}

.action-hdr em {
    color: #dae3eb;
}

.dark-btn-group {
    border: 1px solid #616060;
    border-left: 1px solid #444444;
    border-top: 1px solid #444444;
    border-radius: 5px;
    background-color: #333;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.3);
    -moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.3);
    box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.3), -1px -1px 1px 0px rgba(0,0,0,0.2);
}


.subtype-nav > .uk-navbar, .subtype-nav > div > .uk-navbar {
    border-radius: 0;
    box-shadow: inset 0 3px 2px rgba(0,0,0,0.15);
}

.subtype-nav .uk-navbar-nav>li.uk-active>a {
    background-color: #DDD;
    color: #444;
    border-left-color: rgba(0,0,0,.1);
    border-right-color: rgba(0,0,0,.1);
    border-top-color: transparent;
}

.subtype-nav .uk-navbar-nav>li>a {
    border-left-color: rgba(0,0,0,.1);
    border-right-color: rgba(0,0,0,.1);
    border-top-color: transparent;
    color: #444;
}

/*
.uk-form-icon + .uk-form-icon {
    margin-left: 10px;
}
*/

.dad_completed {
    background: #8cc152;
}

.dad_inprogress {
    background: orange;
}

.dad_queued {
    background: #CCC;
}


/********** Rate-it star plug-in ***********/

.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(/js/rateit/star.png);
    height: 16px;
    outline: none;
}

.rateit .rateit-range * {
    display:block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

.rateit .rateit-hover
{
    background: url(/js/rateit/star.png) left -32px;
}

.rateit .rateit-hover-rtl
{
    background-position: right -32px;
}

.rateit .rateit-selected
{
    background: url(/js/rateit/star.png) left -16px;
}

.rateit .rateit-selected-rtl
{
    background-position: right -16px;
}

.rateit .rateit-preset
{
    background: url(/js/rateit/star.png) left -48px;
}

.rateit .rateit-preset-rtl
{
    background: url(/js/rateit/star.png) left -48px;
}

.rateit.priority-4 .rateit-selected
{
    background: url(/js/rateit/star.png) left -64px;
}

.rateit.priority-3 .rateit-selected
{
    background: url(/js/rateit/star.png) left -48px;
}

.rateit.priority-2 .rateit-selected
{
    background: url(/js/rateit/star.png) left -32px;
}

.rateit.priority-1 .rateit-selected
{
    background: url(/js/rateit//star.png) left -16px;
}

.rateit button.rateit-reset
{
    background: url(/js/rateit/delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    outline: none;
    border:none !important;
    padding: 0;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
{
    background: transparent url(/js/rateit/delete.gif) 0 -16px !important;
    border:none !important;
}

.dataTables_scrollHeadInner, .dataTables_scrollHeadInner > .dataTable {
    width: 100% !important;
    background-color: #f0f0f0
}

.command-center-table-panel .dataTables_scrollHead {
    width: calc(100% - 15px) !important;
}

.command-center-table-panel .dataTables_scroll {
    background: #F0F0F0;
}

/********** END Rate-it star plug-in ***********/


.uk-tab>li.uk-open:not(.uk-active)>a,.uk-tab>li:not(.uk-active)>a:focus,.uk-tab>li:not(.uk-active)>a:hover {
    margin-bottom:0px;
}


@media (min-width: 768px) {
    .uk-tab-left>li:nth-child(n+2) a, .uk-tab-right>li:nth-child(n+2)>a {
        margin-left: 0;
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    #dashboard-body .uk-list-line>li:first-child {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px solid #ddd;
    }
}

@media (max-width: 960px) {
    .left-tabs .uk-tab-left > li {
        font-size: 12px;
    }
}

@media (max-width: 1220px) {
    .inner-tabs-main > .uk-tab > li > a,.inner-tabs-main > .uk-tab > li > a:hover {
        padding: 7px 20px 5px;
        font-size: 16px;
    }
    .left-tabs ul > li > a {
        padding: 8px 12px 10px 12px;
    }

    #left-tabs-cra > ul > li > a {
        padding: 17px 10px 18px;
    }

   .inner-tabs-main + div.filter a.filteropen {
        color: #9aa2af;
        text-align: center;
        padding: 0 0 1px;
        background: #b8bdc4;
        margin-top: -1px;
        width: 100%;
    }

    #dashboard-main > li > .dash-hdr > div > div > .uk-panel-space {
        padding: 9px 30px 0px;
    }

    .update-toggle {
        margin-bottom: 10px;
        -webkit-transition: all .8s; /* Safari */
        transition: all .8s;
        padding-top: 10px;
    }

    .tri-btn + div + div > .dataTables_wrapper {
        padding-top: 40px;
        -webkit-transition: all .8s; /* Safari */
        transition: all .8s;
    }

}

.update-toggle {
    -webkit-transition: all .8s; /* Safari */
    transition: all .8s;
    margin-bottom: -40px;
    padding-top: 8px;
    min-width: 235px;
    margin-left: -125px;
}

.tabCompliance .uk-sticky-placeholder {
    height: 40px !important;
}

.driver-focus .candidate-details, .vpp-notes-list.uk-table tbody tr.uk-active {
    color: #e1e1e1;
    background: #5E7192 !important;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}

.tabCompliance .uk-sticky-placeholder {
    height: 41px !important;
}

.vpp-notes-list.uk-table .candidate-details {
    border: 1px solid #5E7192;
    border-top: 0px solid #5E7192;
    background-color: #eaebed;
    width: calc(100% - 2px) !important;
}

.candidate-selected, .assoc-selected {
    width: 100px;
    display: inline-block;
}

/**************************** START US#5910 ******************************/

.dvr-alert-button {
    max-width: 250px;
    line-height: 14px !important;
    padding: 5px;
}

/**************************** END US#5910 ******************************/

/**************************** START US#5929 ******************************/

.days-since-list .uk-badge {
    margin-top: -3px;
    min-width: 35px;
}

/**************************** END US#5929 ******************************/

.panel-expander {
    cursor: pointer;
}
/**************************** START US#5755 ******************************/

.fade-row {
    opacity: 0.5;
    -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 {
    opacity: 1;
    -webkit-transition: all 500ms ease-out 0.25s;
    -moz-transition: all 500ms ease-out 0.25s;
    -o-transition: all 500ms ease-out 0.25s;
    transition: all 500ms ease-out 0.25s;
}

table.dataTable thead tr th {
    line-height: 16px;
}

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);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 22%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.46) 71%, rgba(237,237,237,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(22%, rgba(255,255,255,0.46)), color-stop(50%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,0.46)), color-stop(100%, rgba(237,237,237,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 22%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.46) 71%, rgba(237,237,237,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 22%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.46) 71%, rgba(237,237,237,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 22%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.46) 71%, rgba(237,237,237,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.46) 22%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.46) 71%, rgba(237,237,237,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
    width: calc(100% - 17px);
    margin: -14px 0 0 6px;
    text-align: center;
    right: 10px;
    color: #555;
    padding: 8px 0;
}

.comp-table-padding {
    margin: 0px 10px;
}

tr.expand-it,tr.panel-expander {
    cursor: pointer;
}

.no-click {
    cursor: default;
}

div.bottom > .dataTables_length {
    padding-top: 10px;
    float: left;
}

.dataTables_wrapper div.bottom .dataTables_info {
    padding: 15px 0 0 15px;
    clear: none;
}

#RecruitmentTablePlaceholder .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  padding-left: 2px;
}

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

/**************************** START US#6423 ******************************/

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: bold;
}
/**************************** END US#6423 ******************************/