/**
 * OrangeHRM Enterprise is a closed sourced comprehensive Human Resource Management (HRM)
 * System that captures all the essential functionalities required for any enterprise.
 * Copyright (C) 2006 OrangeHRM Inc., http://www.orangehrm.com
 *
 * OrangeHRM Inc is the owner of the patent, copyright, trade secrets, trademarks and any
 * other intellectual property rights which subsist in the Licensed Materials. OrangeHRM Inc
 * is the owner of the media / downloaded OrangeHRM Enterprise software files on which the
 * Licensed Materials are received. Title to the Licensed Materials and media shall remain
 * vested in OrangeHRM Inc. For the avoidance of doubt title and all intellectual property
 * rights to any design, new software, new protocol, new interface, enhancement, update,
 * derivative works, revised screen text or any other items that OrangeHRM Inc creates for
 * Customer shall remain vested in OrangeHRM Inc. Any rights not expressly granted herein are
 * reserved to OrangeHRM Inc.
 *
 * Please refer http://www.orangehrm.com/Files/OrangeHRM_Commercial_License.pdf for the license which includes terms and conditions on using this software.
 *
 */

i.tooltipped {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.54);
}

i.tooltipped.disabled {
    color: rgba(0, 0, 0, 0.27);
}

.dropdown-content.select-dropdown {
    max-height: 150px !important;
    overflow: auto !important;
    z-index: 1000;
}

.searchQuestionA {
    padding: 8px !important;
    font-size: 15px !important;
}

.searchQuestionLi {
    font-size: 15px !important;
    line-height: 12px !important;
}

.questionSearchBox > input {
    margin-bottom: 0px !important;
}

#modalApplicationFormSection {
    max-height: 560px;
    width: 1100px;
    /* overflow: hidden; */
    margin-top: -40px;
}

#modal1 {
    position: relative;
    bottom: 200px;
    left: -10px;
}

div.toast {
    border-radius: 3px;
    min-width: 288px;
    max-width: 568px;
    font-size: 14pt;
    font-weight: 400;
}

a.rate-button {
    margin-left: 10px;
}

img.profile-image {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 3px;
}

span.sub-title {
    margin-right: 10px;
}

.waves-circle {
    /* padding-top:3px; */
    height: 1.5em;
    line-height: 1.5em;
    width: 1.5em;
}

i.small {
    margin-top: 5px;
    font-size: 1.5em;
    border-radius: 45px;
}

#toast-container {
    position: fixed;
    right: 50%;
    transform: translate(50%, 0);
}

div.custom-height-modal {
    max-height: 500px;
    width: 1100px;
    overflow: hidden;
    margin-top: -40px;
}

th.material-table-header {
    font-size: 14px;
    font-weight: 300;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.54);
}

th.material-first-column {
    padding-left: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

th.material-checkbox {
    width: 66px;
    padding-left: 24px;
    padding-top: 8px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

th.material-column-gap {
    width: 56px;
}

th.material-column-gap-last {
    width: 14px;
}

td.material-column-gap-last {
    width: 14px;
}

span.section-header {
    padding-left: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}

td.material-first-column {
    padding-left: 24px;
    padding-top: 30px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

td.material-checkbox {
    width: 66px;
    padding-left: 24px;
    padding-top: 8px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

td.material-data {
    height: 48px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
}

tr.material-column-header {
    height: 56px;
}

tr.material-data-row {
    /* height: 48px; */
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 48px;
}

table th {
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    padding-right: 40px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    text-align: left;
    text-transform: uppercase;
}

table td {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    padding: 12px 12px 12px 0;
    vertical-align: top;
}

i#headerEditButton {
    margin-right: 30px;
}

i#footerEditButton {
    margin-right: 30px;
}

i.edit-section-button {
    margin-right: 30px;
}

i.delete-section-button {
    margin-right: 20px;
}

.mdi-navigation-arrow-back {
    font-size: 20px !important;
}

.hide-overflow-title {
    cursor: pointer;
    font-size: 20px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inherit;
}
#content, body {
    background-color: #FAFAFA !important;
}

.overlay {
     background: black;
     display: none;
     position: fixed;
     top: 0;
     right: 0;
     height: 100%;
     left: 0;
     opacity: 0.5;
     z-index: 999;
 }

.preloader-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
}

#sectionNameForm .input-field label {
    left: 0px;
}

#editSectionNameForm .input-field label {
    left: 0px;
}

ul.header-name-holder {
    display: inline-flex;
    position: relative;
    max-width: 60%;
}

ul.header-name-holder .prevent-shrink {
    flex-shrink: 0;
}

#bestMatchRulesButton {
    border-radius: 1rem;
    color: #FFFFFF;
    background-color: #76BC21;
    box-shadow: none;
    /*font-family: Nunito;*/
    font-weight: 600;
    display: inline-flex;
    height: 36px;
}

#bestMatchRulesStarIcon {
    font-size: 20px;
    color: #FFFFFF;
    margin-right: 8px;
}

#sectionDeletionWarningAlert {
    padding-top: 1rem;
}

#actionChangeWarningAlert {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

ul.radio_list {
    display: flex;
    margin-left: -10px;
}

ul.radio_list + span {
    display: flex;
    margin-top: 12px;
}

.form-section label {
    left: 0;
}