@import "variables.css";

body {
    margin: auto ! important;
    font-family: 'Lato', sans-serif;
    background-color: var(--body-background-color);
}

#content {
    border-top: none;
    background-color: inherit;
    float: inherit;
    min-height: inherit;
    padding-top: initial;
    padding-left: initial;
    padding-right: initial;
    padding-bottom: 60px;
    width: inherit;

}

#footer {
    background:inherit;
}
#footer p {
    color:black
}

.nav li .dropdown-toggle {
    padding: 15px 20px;
    position: relative;
    display: block;
    font-weight: 400;
    line-height: 20px;
}

#nav_sourcing_index span, .nav>li>a {
    font-weight: 400 ! important;
}

.wrapper {
     margin: inherit;
     width: inherit;
}
@media screen and (max-width: 900px) {
    .top-navigation .wrapper.wrapper-content {
        padding: 0;
    }
}
.tipsy {
    width: initial;
}
.tipsy-inner {
    width: 325px;
}
.summary_title{
    margin-left:inherit !important;
    line-height: inherit !important;
    width: inherit !important;
    display: table-cell !important;
}
span.summary_value {
     font-weight: inherit;
     margin-left: inherit;
     line-height: inherit;
}
#footer-menu li {
    color: black;
}
#footer-menu li a {
    color: black;
}
#footer-menu {
    padding-top: inherit;
}
.answer {
    padding: 5px
}
.completed {
    background: #99cc00;
}
#survey form label {
    width:initial;
    min-height: initial;
    padding: 10px;
}
#survey form div.full_width label {
    width: initial;
    min-height: initial;
    font-size: 12px;
}
#survey form .answer:hover{
    background: #ffff00;
}

#content.wide {
    width:auto;
}
#survey form div.error{
    color:red;
 }
@media screen and (min-width: 767px) {
    span.progressBarPrefix.full_width {
        float:left;
    }
    div.answer input {
        display: block;
        margin-left: 50%;
    }
    .answer{
        text-align: center;
    }
}
@media screen and (max-width: 767px) {

    .progress_bar_content {
        position: fixed;
        width: 100%;
        top: 0;
        margin:inherit !important;
        background-color: white;
        padding-top: 2px !important;
        z-index: 1;
    }

    div.answer input {
        float:left;
        margin-top:10px;
    }
}
div.actions.centered {
    text-align: inherit;
}
span#pb1_pbText{
    bottom: inherit;
}
@media screen and (max-width: 770px) {
    .progressBar.fl {
        float: inherit;
    }
}
@media screen and (min-width: 770px) {
    .fit-control {
        width: fit-content;
        display: inline;
    }
}

.report_candidate_name, .position_title, .candidate_title {
    color: #7AB800;
}

table.table th {
    color: var(--header-color);
    font-size:14px;
}

div#quality_botoom {
    position: inherit;
    width:100%;
}

.pagination-buttons {
    width: inherit;
}
@media screen and (max-width: 767px) {
    .pagination-buttons {
        margin-left: 14%;
    }
}
@media screen and (min-width: 767px) {
    .pagination-buttons {
        margin-left: 38%;
    }
}

.mag-search {
    position: relative;
    top: 12px;
}
#input_container ul li {
    color: inherit;
}
.position_separator {
    width:100%
}

#content form li {
    margin-bottom: -1px;
}
a[href]::after{
    content: '';
}

.benchmark_score label {
    margin-right: 10px;
}

#OverAllScoreByBenchmarkReportForm_benchmark {
    word-wrap: break-word;
    white-space: normal;
    max-width: 300px;
    pointer-events: none;
}

#OverAllScoreByBenchmarkReportForm_jobfamily {
    max-width: 250px;
    height: 35px;
    background-color: white;
}

#benchmarkInfo {
    display: none;
}

#benchmarkDropdown {
    width: 350px;
    max-width: 350px;
    height: 35px;
    background-color: white;
}

.report_list_item {
    margin-bottom: 10px;
}

.usage_form .form-group {
    margin-left: 20px;
}

.label_fix {
    margin-bottom: 5px;
}

/* Monthly Usage Styles - Similar to table style in HLA */

table.report_body {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    margin-top: 1em;
    background-color: white;
}

.report_body th, .report_body td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-left: 10px;
}

.report_body th {
    font-weight: bold;
}

.month {
    text-align: center;
    padding-right: 10px;
    background-color: #ddd;
}

.td_center {
    text-align: center;
    padding-right: 10px;
}

.border_bold {
    border-right: 2px solid #999;
}

.positive_change {
    color: green;
}

.negative_change {
    color: red;
}

.score-dot {
    margin-right: 3px;
    height: 20px;
    width: 20px;
    background-color: #4ab7eb;
    border-radius: 10px;
    display: inline-block;
}

.score-dot-half {
    margin-right: 13px;
    height: 20px;
    width: 10px;
    background-color: #4ab7eb;
    border: 1px solid #4ab7eb;
    display: inline-block;
}

.score-dot-empty {
    margin-right: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid #4ab7eb;
    border-radius: 10px;
    display: inline-block;
    overflow: hidden;
}

.panel-primary {
    border-color: #00A1DE
}
.panel-primary > .panel-heading {
    background: #00A1DE;
}

a {
    color: var(--primary-button-color);
}
a:focus, a:hover {
    color: var(--primary-button-hover-color);
}

.alert-danger, .menu-notification {
    color: var(--error-text-color) !important;
}

.alert-warning {
    color: var(--warning-text-color);
}

.alert-info {
    color: var(--info-text-color);
}

.alert-success {
    color: var(--success-text-color);
}

.btn {
    margin: 0 8px;
}

.btn-primary {
    background-color: var(--primary-button-color);
    box-shadow: none;
}
.btn-primary:active, .btn-primary:active:hover {
    background-color: var(--secondary-button-text-color);
    border-color: transparent;
}
.btn-primary:hover {
    background-color: var(--primary-button-hover-color);
    border-color: var(--primary-button-hover-color);
}
.btn-primary:focus {
    border: 3px solid var(--secondary-button-pressed);
    background-color: var(--primary-button-color);
}
.btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: var(--primary-button-color);
    border-color: transparent;
    opacity: 50%;
}

.btn-default {
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
    border: 1px solid var(--primary-button-color);
    box-shadow: none;
}
.btn-default:active, .btn-default:active:hover {
    background-color: var(--secondary-button-pressed);
    border-color: var(--primary-button-color);
    color: var(--secondary-button-text-color);
}
.btn-default:hover {
    background-color: var(--secondary-button-hover);
    border-color: var(--secondary-button-border);
    color: var(--secondary-button-text-color);
}
.btn-default[disabled] {
    opacity: 50%;
}
.btn-default:focus {
    border: 3px solid var(--secondary-button-pressed);
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
}

.btn-success {
    background-color: var(--tertiary-button-color);
    color: var(--primary-button-color);
    border: none;
    box-shadow: none;
}
.btn-success:active, .btn-success:active:hover {
    background-color: var(--tertiary-button-color);
    border: none;
    color: var(--body-text-color);
    box-shadow: none;
}
.btn-success:hover {
    background-color: var(--tertiary-button-color);
    border: none;
    text-decoration: underline;
    color: var(--tertiary-button-hover-color);
}
.btn-success:focus {
    background-color: var(--tertiary-button-color);
    color: var(--primary-button-color);
    border-color: 1px dotted var(--tertiary-button-text-color);
}
.btn-success[disabled] {
    opacity: 50%;
}

.navbar-nav .dropdown-menu {
    background-color: var(--navbar-color) ! important;
}

ul.dropdown li.hover, ul.dropdown li:hover {
    background-color: var(--navbar-active-color) !important;
    color: var(--theme-white) !important;
}
ul.dropdown ul {
    background-color: var(--navbar-color) !important;
    background-image: none !important;
    color: var(--theme-white) !important;
    margin-left: auto !important;
}

.hcs-menu nav.navbar.navbar-static-top, .top-navigation .hcs-menu .nav>li>a, .hcs-menu .nav .open>a,.hcs-menu .navbar-nav .open .dropdown-menu>li>a, .hcs-menu .navbar-nav .open .dropdown-menu>li:not(.dropdown-header)>a:focus{
    background-color: var(--navbar-color);
    color: var(--theme-white);
}
.hcs-menu .nav > li:not(.active):not(.open) > a:focus {
    background-color: var(--navbar-color);
    color: var(--theme-white);
    border: 1px solid var(--navbar-active-text-color);
}
ul.dropdown ul a:link, ul.dropdown ul a:visited {
    color: var(--navbar-text-color) !important;
    font-weight: 400 ! important;
    font-size: 12px ! important;
}
.hcs-menu .nav > li.active > a, .top-navigation  .hcs-menu .nav>li.active {
    background-color: var(--navbar-active-color);
    color: var(--navbar-active-text-color);
    text-decoration: underline;
    text-underline-offset: 8px;
}

.hcs-menu .nav>li:not(.active):not(.open)>a:hover, .hcs-menu .nav>li:not(.active):not(.open)>a:focus, .hcs-menu .navbar-nav .open .dropdown-menu>li.active a {
    background-color: var(--navbar-active-color);
    color: var(--theme-white);
}

.hcs-menu .dropdown .open > a, .hcs-menu .dropdown .open > a:hover, .hcs-menu .dropdown .open > a:focus, .hcs-menu .dropdown > li:not(.active):not(.open) > a:hover {
    background-color: var(--navbar-active-color);
    padding: 6px 1px;
    color: var(--theme-white);
}

.hcs-menu .dropdown-horizontal .open .dropdown-menu > li:not(.dropdown-header) > a:hover, .hcs-menu .navbar-nav .open .dropdown-menu>li:not(.dropdown-header)>a:hover {
    background-color: var(--navbar-active-color);
    color: var(--theme-white);
}
.hcs-menu .dropdown-horizontal .open .dropdown-menu > li:not(.dropdown-header) > a:focus, .hcs-menu .open > a, .hcs-menu .nav .open > a:hover, .hcs-menu .nav .open > a:focus {
    background-color: var(--navbar-color);
    color: var(--theme-white);
}
.hcs-menu .navbar-brand {
    background-color: var(--navbar-color) !important;
}
.top-navigation .dropdown-horizontal > li > a {
    color: var(--navbar-text-color) !important;
    font-weight: normal !important;
}

input[type=checkbox], input[type=radio] {
    accent-color: var(--checkbox-checked-accent-color) !important;
}

input[type=checkbox]:hover, input[type=radio]:hover {
    box-shadow: 0 0 0 3px var(--checkbox-hover-shadow);
}

.icon-row span i, .icon-row span sympl-text-badge {
    vertical-align: middle;
}

.icon-row .view-report {
    display: inline-flex;
}

.si-white::before, .si-alert-circle::before, .si-file-question::before  {
    background-color: var(--theme-white) !important;
}

.si-chevron-down {
    padding-top: 5px;
}

.si-alert-circle {
    padding-top: 2px;
    height: 18px ! important;
}

.ui-widget {
    font-family: Lato ! important;
}

.position-access-managers {
    margin-bottom: 10px;
}
#login-form img {
    width: 200px;
    height: 100px;
    display: block;
    margin: 0 auto;
}

.position-access-back {
    margin-left: 10px;
}

.button-left-spacing {
    margin-left: auto ! important;
}

.reset-filter, .return-menu {
    margin-bottom: 10px;
}

#pageSize {
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

#activation_code_filter label, #log_filter label {
    margin-top: 8px;
}

#content>a:first-of-type {
    margin-left: 20px;
}

.create-manager {
    text-shadow: none;
}

.ui-icon-closethick {
    margin-top: -8px ! important;
    margin-left: -8px ! important;
}

#default_manager_id {
    max-width: 450px;
}

.btn-primary {
    text-shadow: none;
}
#login-form h5 {
    text-align: center;
}

#nav_sourcing_index {
    padding-top: 2px;
}

.si-search {
    height: 14px ! important;
    width: 14px ! important;
}

.si-search::before {
    height: 14px ! important;
}
.search-top .si-search {
    height: 20px ! important;
}

.search-top .si-search::before {
    height: 18px ! important;
    margin-left: -2px;
}

.grid-view .si-edit {
    height: 14px ! important;
    width: 14px ! important;
    margin-left: -2px;
}

.grid-view .si-edit::before {
    width: 18px ! important;
    margin-top: -2px;
}

.edit-icon-applications {
    margin-top: 2px;
}

#input-text {
    margin-top: 5px;
    margin-bottom: 5px;
}

.reference-code {
    margin-left: 20px;
}

.candidate-list i::before {
    margin-top: 10px;
    height: 20px ! important;
}

.return-menu .si-arrow-left {
    height: 16px ! important;
}

#sourcingFitersForm .ui-dialog {
    margin-top: 50px
}

#position-grid .si-plus-circle::before {
    margin-top: 9px;
}

.ui-datepicker-trigger {
    margin-top: -2px;
}

.si-log-out::before {
    margin-top: 5px;
    margin-left: -5px;
}

.si-plus-circle {
    height: 16px ! important;
}

.si-plus-circle::before {
    margin-top: -1px ! important;
    margin-left: -2px ! important;
}

.advanced-options .si-plus-circle, .advanced-options .si-minus-circle {
    height: 16px ! important;
}

.advanced-options .si-plus-circle::before, .advanced-options .si-minus-circle::before {
    height: 20px ! important;
    width: 20px ! important;
}

.si-link, .si-link::before {
    height: 16px ! important;
    width: 16px ! important;
}

.edit-email .si-pencil::before {
    height: 18px ! important;
    width: 18px ! important;
    margin-top: 5px;
}

.edit-email .si-pencil {
    height: 20px ! important;
}

#manager-grid {
    overflow: auto;
}

.navbar .dir span {
    color: var(--theme-white) ! important;
}

.navbar .dir {
    padding-top: 13px;
}

.si-log-in::before {
    margin-top: 4px;
}

.top-navigation .navbar-nav .dropdown-menu {
    border: none;
}

.ui-dialog input, .ui-dialog select {
    font-family: Lato ! important;
}

#country_id {
    max-width: 250px;
}

#sourcingFitersForm #advanced_search_box .btn-primary {
    margin-left: 15px;
}

.search-item .si-search {
    margin-left: -10px;
    margin-top: 2px;
}
.grid-view .si-x-circle::before, #page-text-grid .si-plus::before {
    margin-top: 7px ! important;
}

.roles-plus::before {
    margin-left: -22px ! important;
}

#product-update-grid .si-arrow-down-circle {
    height: 16px ! important;
    width: 16px ! important;
}

#mydialog button, #candidate_reset_result_dialog button, .no-margin {
    border: none ! important;
}

.favorite-positions li {
    list-style-type: disc;
}

.hcs-menu .navbar-toggle {
    color: var(--navbar-color);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400 ! important;
}

#mposition .si-plus-circle::before {
    background-color: var(--theme-white) ! important;
}

.grid-view .pager
{
    margin-top: 20px ! important;
}

.manage-benchmark-set .plus {
    margin-top: -20px;
}

.requested-supervisors {
    margin-bottom : 30px ! important;
}

#advanced_analytics .ui-datepicker-trigger {
    margin-top: 4px;
}