/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */


html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 3.6rem; } /* =36px */
form { margin-block-end: 0em; }

body {
    background-color: #f5f5f5;
    font-family: 'Varela Round', sans-serif;
    color: #444444;
}

.tribepad-colour-bar {
    width: 100%;
    overflow: none;
    clear: both;
}

.tribepad-colour-bar, .tribepad-colour-bar div {
    height: 4px;
    line-height: 0%;
    padding: 0px;
    margin: 0px;
}

.tribepad-colour-bar .a {
    background-color: #f16f0f;
    width: 20%;
    display: inline-block;
    float: left;
}

.tribepad-colour-bar .b {
    background-color: #63c177;
    width: 20%;
    display: inline-block;
    float: left;
}

.tribepad-colour-bar .c {
    background-color: #ffca0a;
    width: 20%;
    display: inline-block;
    float: left;
}

.tribepad-colour-bar .d {
    background-color: #004175;
    width: 20%;
    display: inline-block;
    float: left;
}

.tribepad-colour-bar .e {
    background-color: #4db3d9;
    width: 20%;
    display: inline-block;
    float: left;
}

h1 {
    color: #004175;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 16px;
    margin-bottom: 26px;
    margin-top: -30px;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-ajax {
    margin-left: 5px;
    margin-right: 5px;
}

.btn {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.flash.alert {
    margin-top: 20px;
    margin-bottom: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

:focus {outline:0;}
button:focus { outline:0 !important; }

#menu-toggle {
    position:absolute;
    left:-23px;
    z-index:1000;
    background:#fff;
    color:#004175;
    border-radius:30px !important;
    height:36px !important;
    width:36px !important;
    line-height:inherit !important;
    border:none;
    }
    
#menu-toggle:hover {
    color:#40b1dd;
    background:#f1f1f1;
    }

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#wrapper.toggled {
    padding-left: 260px;
}

#sidebar-wrapper {
    z-index: 1000;
    padding-top: 0px;
    margin-top: 0px;
    position: fixed;
    left: 260px;
    width: 0;
    height: 100%;
    margin-left: -260px;
    overflow-y: auto;
    background: #004175;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 260px;
}

#page-content-wrapper {
    width: 100%;
    padding: 0;
    position: absolute;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -260px;
}

#page-content-wrapper .container-fluid {
    padding: 0px;
}


.pageHeader {
    background:#fff;
    margin-bottom:20px;
    padding:20px 20px 0 20px;
    border-bottom:1px solid #ccc;
    }
    
.pageHeader h1 {
        color: #004175;
        border-bottom:none; 
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0 ;
    }
    
.dataContainer {
    padding:20px;
}

.dataContainer-short {
    padding:0px 20px;
}

.dataContainer-custom {
    padding:0px 20px;
    text-align:center;
}

.profile-brand  {
    text-align:right;
}

.profile-brand .name-and-brand {
    display: inline-block;
}

.profile-brand .profile-photo {
    display: inline-block;
    padding: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin-left: 20px;
    width: 60px;
    float:right;
}

.profile-brand .profile-photo img {
    width:100%;
    height:auto;
}

.profile-brand .name-and-brand .name {
    color: #004175;
    font-size: 18px;
    display: block;
}

.profile-brand .name-and-brand .brand {
    color: #a4a4a4;
    font-size: 1.6rem;
    margin-top: 6px;
}

.sidebar-absolute-wrapper {
    position: absolute;
    top: 0;
    width: 260px;
}

.sidebar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li,
.sidebar-nav ul li {
    /*text-indent: 20px;*/
    line-height: 40px;
}

.sidebar-nav ul li {
    /*padding-left: 30px;*/
}

.sidebar-nav li a {
    padding-left: 20px;
}

.sidebar-nav ul.nav li a {
    display: block;
    padding: 5px 20px 5px 30px;
    line-height: 200%;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}

.sidebar-nav li a,
.sidebar-nav ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1.6rem;
    padding-right: 20px;
    border-left: 5px rgba(255,255,255,0.0) solid;
}

.sidebar-nav ul li a {
    font-size: 1.4rem;
}

.sidebar-nav li.active a {
    text-decoration: none;
    color: #CBE6F2;
    font-weight: 500;
    background: rgba(255,255,255,0.1);
    border-left: 5px #74b9cb solid;
}

.sidebar-nav li.active ul li a {
    color: #ffffff;
    font-weight: normal;
}

.sidebar-nav ul li.active a:before {
    content:"\2022\00a0\00a0";
}

.sidebar-nav li.active ul li.active a {
    color: #CBE6F2;
    font-weight: 500;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
    border-left: 5px #ffffff solid;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.active a{
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 22px;
    width: 88%;
    font-size: 1.8rem;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.sidebar-nav > .sidebar-menu-search-wrap {
    margin: -8px 0 16px 0;
    padding: 0 12px 0 18px;
    width: 100%;
    line-height: normal;
}

.sidebar-nav > .sidebar-menu-search-wrap .select2-container {
    width: 100% !important;
}


ul.collapse {
    background:#003764;
}


ul.collapse.in, a.collapse {

}

ul.collapse ul {
    padding-left:20px;
    background:#002E54;
    
    
}

ul.collapse  li {
position:relative;
    color:#fff;
    
}

ul.collapse-old  ul li:before {
    content: "\f080";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:#40b1dd;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 10px;
}

ul.collapse  ul li:before {
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 10px;
}

.tribepad-logo {
    padding-top: 20px;
    margin-left: 24px;
}

.tribepad-logo a {
    font-size: 1.2rem;
    color: #ffffff;
    text-decoration: none;
    opacity: .5;
}

.tribepad-logo img {
    width: 30%;
    margin-top: 0px;
    padding-bottom: 30px;
}

.tribepad-logo a:hover, .tribepad-logo img:hover {
    opacity: 1;
}

.custom-form-header {
    background-color: #663399 !important;
    color: #ffffff !important;
    padding:3px;
    margin: 0px;
    font-size: 1.4rem;
    /* display: inline; */
}

.capsule-report-note-shade-1 {
    background-color: #94218b !important;
    padding: 1px !important;
}

.capsule-report-note-shade-2 {
    background-color: #a54321 !important;
    padding: 1px !important;
}

.capsule {
    margin-bottom: 30px;
}

.capsule .capsule-header {
    background-color: #40b1dd;
    color: #ffffff;
    padding:5px;
}

.capsule .capsule-header-opt {
    background-color: #3355DD;
    color: #ffffff;
    padding:5px;
    cursor: pointer;
}

.capsule .capsule-header-opt2 {
    background-color: #387955;
    color: #ffffff;
    padding:5px;
    cursor: pointer;
}

.capsule-rollup-header {
    cursor: pointer;
}

.capsule .capsule-header-alt {
    background-color: #387955;
    color: #ffffff;
    padding:3px;
    cursor: pointer;
}

.capsule .capsule-header .capsule-title {
    padding: 10px;
    margin: 0px;
    font-size: 1.4rem;
    display: inline;
}

.capsule .capsule-header-alt .capsule-title-alt {
    padding: 8px;
    margin: 0px;
    font-size: 1.4rem;
    display: inline;
}

.capsule .capsule-header .capsule-title > span {
    display: block;
}

.capsule .capsule-body {
    background-color: #ffffff;
    padding: 10px;
}

.capsule .capsule-body-opt {
    background-color: #EFEFFF;
    padding: 8px;
}

.capsule .capsule-body-alt {
    background-color: #eeeeee;
    padding: 8px;
}

.capsule .capsule-body .number-total {
    font-size: 2rem;
}

.capsule .capsule-toolbar {
    padding: 0px 10px 10px 10px;
    float: right;
}

.capsule .capsule-note {
    padding-bottom: 10px;
}

.capsule .capsule-main .row.break {
    border-top: 1px solid #a4a4a4;
}

.capsule-embedded {
    padding: 10px;
    background-color: #eeeeee;
    display: inline;
}

.form-row {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #eeeeee;
}

.filter-dates {
    background-color:transparent;
    margin-bottom: -1px; 
}
    
.filter-dates div a.date-tab,
.filter-dates div span.date-tab {
    display: block;
    padding: 10px 6px 12px 6px;
    color: #004175;
    border-top: 2px solid transparent;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid transparent;
    text-decoration: none;
}

.filter-dates div span.custom-tab {
    font-size: 1.4rem;
}
    
.filter-dates div a.date-tab:hover,
.filter-dates div a.active {
    color: #004175;
    border-top: 2px solid #40b1dd;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #f5f5f5;
    background-color: #f5f5f5;
}

.filter-dates div a.date-tab:hover, .filter-dates div a.custom {
    color: #BB55CC;
}

.filter-dates div {
    display: inline-block;
}

.filter-dates #date-range-block {
    display: block;
    padding: 0px 14px 0px 14px;
}

.filter-other {
    padding: 10px 6px 12px 6px;
    float: right;
}

.filter-other a {
    text-decoration: none;
}

.filter-dates #date-range-block.show, .filter-dates #date-range-block.hide {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.filter-dates #date-range-block.show {
    max-height: 200px;
}

.filter-dates #date-range-block .submit {
    padding-top: 27px;
}

.fullscreen-table {
    position: fixed;
    z-index: 999999;
    overflow-y: scroll;
    background-color: #ffffff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fullscreen-table.table-wrapper table {
    height: 200px;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.fullscreen-table.table-wrapper table th, .fullscreen-table.table-wrapper table td {
     padding: 5px;
     text-align: left;
 }

.fullscreen-table.table-wrapper thead tr {
    display: block;
    position: relative;
}

.fullscreen-table.table-wrapper table tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 200px;

}

.overview,
.candidates-overview{
    /* margin-top: 20px */;
    margin-bottom: 10px;
}

.overview .new {
    font-size: 2.5rem;
    display: inline-block;
    margin-right: 5px;
    color: #269c28;
}

.overview .current {
    font-size: 2.5rem;
    display: inline-block;
    margin-right: 5px;
    color: #269cFF;
}

.overview .alltime {
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 5px;
    color: #a6a6a6;
}

.overview .new-legend {
    font-size: 1rem;
    display: block;
    margin-right: 5px;
    color: #269c28;
}

.overview .new-subtitle {
    font-size: 1.3rem;
    display: block;
    margin-right: 5px;
    color: #209020;
}

.overview .current-legend {
    font-size: 1rem;
    display: block;
    margin-right: 5px;
    color: #269cFF;
}

.overview .alltime-legend {
    font-size: 1rem;
    display: block;
    margin-right: 5px;
    color: #a6a6a6;
}

.overview-legend {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: left;
    font-size: 1rem;
}

.overview .direction {
    display: inline-block;
    margin-left: 5px;
}

.overview .direction .arrow {
    font-size: 2rem;
    margin-bottom: -8px;
}

.overview .direction .average {
    color: #a6a6a6;
}

.overview .title, .candidates-overview .title {
    clear: both;
    font-size: 1.4rem;
}

.overview .title-parent {
    clear: both;
    font-size: 2.0rem;
    color: #000000;
}

.overview .title-current {
    clear: both;
    font-size: 1.4rem;
    color: #269cFF;
}

.overview .title-new {
    clear: both;
    font-size: 1.4rem;
    color: #269c28;
}

.overview.green .arrow, .overview.green .total {
    color: #269c28;
}

.overview.red .arrow, .overview.red .total {
    color: #ff6300;
}

.candidates-overview .total {
    font-size: 3rem;
    display: inline-block;
    margin-right: 5px;
    color: #269c28;
}

.candidates-search-wrapper {
    padding-bottom: 10px;
    height: 450px;
}

.candidates-search-row {
    font-size: 1.8rem;
    padding: 10px 10px 0px 10px;
}

.candidates-search-row .term span {
    overflow: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.candidates-search-row-dashboard {
    font-size: 1.4rem;
    border-bottom:1px dotted #ccc;
}

.candidates-search-row .results {
    color: #269c28;
    border-bottom:1px dotted #ccc;
}

.top-business-units {

}

.top-business-units .top-business-units-header {
    color: #aaaaaa;
}

.top-business-units .top-business-units-header div {
    border-bottom:1px dotted #ccc;
}

.top-business-units .top-business-units-row {
    height: 60px;
    line-height: 60px;
    font-size: 1.2rem;
}

.top-business-units .top-business-units-row div {
    border-bottom:1px dotted #ccc;
}

.top-business-units .top-business-units-row .term span {
    overflow: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top-business-units .top-business-units-row .results {
    color: #269c28;
}

.top-business-units .top-business-units-row .image img {
    max-width: 100px;
    padding-top: 5px;
}

#traffic-graph {
    padding-top: 20px;
}

.country-overview thead tr td {
    color: #aaaaaa;
}

.country-overview .users {
    color: #269c28;
}

.devices-image {
    height: 100px;
    margin: 0 auto;
    vertical-align: middle;
}

.devices-total {
    height: 100px;
    line-height: 100px;
    font-size: 1.6rem;
    color: #aaaaaa;
}

.devices-other {
    height: 80px;
    line-height: 80px;
    font-size: 1.6rem;
    color: #aaaaaa;
}

.devices-image .image-helper {
    display: inline-block;
    height: 100%;
    width: 0px;
    vertical-align: middle;
}

.devices-image img {
    max-height: 100px;
    max-width: 100px;
    vertical-align: middle;
}

.standard-table tr th,
.standard-table tr td,
.standard-table .table-condensed tr th,
.standard-table .table-condensed tr td {
    min-width: 140px;
    padding: 8px;
    line-height: 150%;
}

.div.traffic-overview .ref {
    padding-top: 4px;
    display: block;
    color: #a4a4a4;
    font-size: 1.2rem
}

.div.traffic-overview .total, .div.traffic-overview .referrer {
    padding-top: 4px;
    display: block;
    color: #6ebbcf;
    font-size: 1.2rem
}

.div.traffic-overview .image {
    margin-left: 5px;
}

.pagination-wrapper-top .pagination,
.pagination-wrapper-bottom .pagination{
    margin-top: 0px;
}

.circles-wrapper {
    padding: 10px 20px 10px 20px;
    height: 170px;
}

.circle-text {
    padding-top: 10px;
    width: 100px;
}

.circle-outer {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    background: #dedcdf;
    clip-path: circle(50% at 50% 50%);
    -webkit-clip-path: circle(50% at 50% 50%);
}

.circle-outer .circle-inner {
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    height: 92px;
    width: 93px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    -webkit-clip-path: circle(50% at 50% 50%);
}

.circle-outer .circle-inner .circle-fill {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.circle-outer .circle-inner .circle-fill.in-review,
.circle-outer .circle-inner .circle-fill.hired,
.overview-category .chart-bar .progress.a {
    background-color: #63cd71;
}

.circle-outer .circle-inner .circle-fill.shortlisted,
.overview-category .chart-bar .progress.b {
    background-color: #f46e25;
}

.circle-outer .circle-inner .circle-fill.interview,
.overview-category .chart-bar .progress.c {
    background-color: #0a6091;
}

.circle-outer .circle-inner .circle-fill.offer,
.overview-category .chart-bar .progress.d {
    background-color: #f8da06;
}

.circle-outer .circle-inner .circle-fill.accepted,
.overview-category .chart-bar .progress.e {
    background-color: #49b9df;
}

.tracking-overview-total,
.tracking-role-total {
    color: #63cd71;
    padding-bottom: 10px;
    padding-top: 10px;
    display: block;
}

.categories-wrapper {
    margin-top: -20px;
    padding: 14px;
    height: 358px;
}

.overview-category .title {
    padding-bottom: 6px;
    padding-top: 20px;
}

.overview-category .chart-bar {
    height: 20px;
    background-color: #ebebeb;
}

.overview-category .chart-bar .progress {
    height: 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.recruiter-overview {
    /* height: 170px; */
    padding: 6px 6px 6px 6px;
}

.recruiter-overview div {
    padding: 2px 7px 2px 7px;
}

.recruiter-overview span {
    float: right;
    color: #63cd71;
}

.ajax-role-data-wrapper {
    padding: 20px 20px 0px 20px;
}

.generic-form {
    padding: 5px 20px 0px 20px;
    margin-bottom: -20px;
}

.generic-form-narrow {
    padding: 0px 20px 0px 40px;
}

.generic-form-slim {
    padding: 10px;
}

.generic-form .form-group {
    min-height: 61px;
}

.generic-form .form-buttons {
    padding-top: 10px;
    padding-bottom: 10px;
}

.social-users img {
    max-height: 80px;
}

.social-users .data,
.social-users .percentage {
    height: 80px;
    line-height: 80px;
}

.social-users .data {
    font-size: 2rem;
    color: #63cd71;
}

.social-users .percentage {
    padding-right: 20px;
    color: #aaaaaa;
}

@media (min-width: @screen-md-min) {
    .hidden-md {
        display: none !important;
    }
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 260px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 260px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
	
	.table.traffic-overview td {
	    /* display: block !important; */
	    height: auto !important;
	    padding: 0 !important;
	    border-top: 0 !important;
	    border-bottom: 3px solid #f1f1f1;
	    padding-bottom: 10px !important;
        vertical-align: top;
	}
	
	.table.traffic-overview .locations {
        /*
	    border-bottom:3px solid #f1f1f1;
	    padding-bottom:10px !important;
        */
	}
	
	.table.traffic-overview tbody .job{
	padding-top:10px !important;
	}
	
	.table.traffic-overview tbody .traffic span.image, .table.traffic-overview tbody .locations span.image {
	margin-left: 0;
	}
	
	.table.traffic-overview thead {
	display:none;
	}
}

.flash.alert {
    margin: 0px 0px 20px 0px;
}

.form-control {
    background: none;
    border-color: #cccccc;
    border-radius: 0;
    color: #666;
    padding-left: 6px;
    padding-right: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.capsule.login-page-only {
    padding-top: 100px;
    width: 600px;
    margin: 0 auto;
}

.capsule.login-page-only .capsule-body {
    padding: 0px;
}

.login-page {
    padding-bottom: 60px;
    padding-top: 60px;
    width: 350px !important;
    margin: 0 auto;
    display: block;
}

.login-page .form-control {
    padding: 10px 16px 10px 16px;
    width: 100%;
    height: inherit;
}

.login-page .login {
    padding-bottom: 10px;
    padding-top: 10px;
}

.logo-login img {
    max-width: 360px;
}

.login-page .btn {
    margin-top: 20px;
}

.login-only {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-only body {
    background-color: transparent !important;
}

/*!
 * jQuery UI Bootstrap v1.0 Alpha
 *
 * jQuery UI Datepicker 1.10.3
 * http://docs.jquery.com/UI/Datepicker#theming
 *
 * Portions copyright Addy Osmani, jQuery UI & Twitter, Inc.
 * Created the LESS version by @dharapvj
 * Released under MIT
 */
.ui-datepicker {
    width: 17em;
    padding: 6px;
    display: none;
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: 0;
    font-weight: bold;
    width: 100%;
    padding: 4px 0;
    background-color: #f5f5f5;
    color: #666
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
    right: 21px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1rem;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: 1rem;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button .ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button .ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-datepicker th {
    font-weight: bold;
    color: #666
}

.ui-datepicker-today a {
    background-color: #2196f3;
    cursor: pointer;
    padding: 0 4px;
    margin-bottom: 0
}

.ui-datepicker-today a:hover {
    background-color: #666;
    color: #fff
}

.ui-datepicker td a {
    margin-bottom: 0;
    border: 0
}

.ui-datepicker td:hover {
    color: #fff
}

.ui-datepicker td .ui-state-default {
    border: 0;
    background: none;
    margin-bottom: 0;
    padding: 5px;
    color: #666;
    text-align: center;
    filter: none
}

.ui-datepicker td .ui-state-highlight {
    color: #fff;
    background: #9c27b0;
    border-color: #46b8da;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-datepicker td .ui-state-active {
    color: #212121;
    background: #eee;
    border-color: #adadad;
    margin-bottom: 0;
    font-size: normal;
    text-shadow: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-datepicker td .ui-state-hover {
    color: #fff;
    background: #2196f3;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #357ebd;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: #3377bb;
}   

.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}


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

.pageHeader {
    background: #f5f5f5;
    margin-bottom: 20px;
    padding: 20px 20px 0 20px;
    border-bottom: none;
}

.profile-brand {
text-align:left;
display:block;
}

.profile-brand .name-and-brand .name {
}

.profile-brand .name-and-brand div {
    display: inline !important;
    margin-right:5px;
}

.profile-brand .profile-photo {
display:none;
}

.pageHeader .row {
padding:10px;
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
    background:#fff;
    margin-top:-20px;
    margin-left:-20px;
    margin-right:-20px;
}

.filter-dates {
    padding:0;
    margin-bottom: 0;
}


.filter-dates div {
margin:0 5px 5px 0;
}

.filter-dates div a {
    display: block;
    padding: 5px;
    color: #004175;
    border:1px solid #ccc ;
    text-decoration: none;
    background:#fff;
}

.filter-dates div a:hover, .filter-dates div a.active {
    color: #fff;
    border: 1px solid #40b1dd ;
    background:#40b1dd;
}

}


/* --- Login Page --- */


body#login {
background-image:url(../images/background2.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
background-attachment:fixed;
}
 
 
#loginBox {
background:#fff;
padding:40px;
margin-top:50px;
text-align:left;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
}
 
#loginBox .capsule-main {
text-align:left;
}
 
#loginBox h1{
text-align:center;
padding:0;
margin:0 0 20px 0;
border-bottom:0;
}
 
#loginBox h3{
margin:0 0 30px 0;
    display:none;
}
 
#loginBox .form-horizontal .control-label {
}
 
 
#loginBox h1 img{
width:80%;
min-width:280px;
max-width:320px;
}
 
.poweredBy  {
text-align:center;
margin:40px 0 0 0;
    color:#ccc;
}
 
.poweredBy img {
width:100px;
}

#login .login-password-wrap {
position: relative;
}

#login .login-password-input {
padding-right: 2.75rem;
}

#login .login-password-toggle {
position: absolute;
right: 0.4rem;
top: 50%;
transform: translateY(-50%);
border: none;
background: transparent;
padding: 0.25rem 0.35rem;
line-height: 1;
color: #555;
cursor: pointer;
}

#login .login-password-toggle:hover,
#login .login-password-toggle:focus {
color: #222;
outline: none;
}

#login .login-password-toggle:focus-visible {
outline: 2px solid #337ab7;
outline-offset: 2px;
border-radius: 2px;
}

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}


/*-- Dashboard --*/

.noData {
text-align:center;
color:#aaa;
}

.number-total {
margin-top:5px;
}

.dashboard-role-summary {
    border-bottom:1px dotted #ccc;
}

.recruiter-overview div{
    border-bottom:1px dotted #ccc;
    word-wrap: break-word;
}

.recruiter-overview div span{
    float:right;
    margin:0 0 0 5px;
}

.col-xs-4 .capsule-body {
    min-height:340px;
    height:100%;
}

.overview-legend span {
    margin-right:5px;
}

.widget-container {
    border: 2px solid #eeeeee;
}

.gridstack-container {
    border: 2px solid #bbbbbb;
}

.gridstack-control {
    padding-left: 4px;
    padding-right: 4px;
}

.example-widget-container {
    border: 2px solid #eeeeee;
}

input.radio-horizontal {
    margin: 0px 6px 0px 0px;
}

@media print { 
* {
    -webkit-transition: none !important;
    transition: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: red !important;
}
}