/** AUTH PAGE CUSTOMISATIONS **/




/** END AUTH PAGE CUSTOMISATIONS **/


/** BEGIN ADMIN PANEL CUSTOMISATIONS **/

body {
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-icon svg,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-icon svg {
    height: 18px !important;
    width: 18px !important;
    margin-left: -2px;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon svg,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon svg {
    height: 18px !important;
    width: 18px !important;
    margin-left: -2px;
}

.bg-color-light {
    background: #fff;
    padding: 20px
}

.login.login-4.login-signin-on .login-signup,
.login.login-4.login-signin-on .login-forgot {
    display: block;
}

.alert-custom {
    padding: 0.8rem 2rem !important;
}

.invalid-feedback {
    text-align: left !important;
}

.card.card-custom>.card-body {
    padding: 1rem 1.5rem;
}

.font-size-h1 {
    font-size: 2.5rem !important;
}

.text-muted {
    color: #666 !important;
}

.is-invalid input {
    border-color: #F64E60;
    padding-right: calc(1.5em + 1.3rem);
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" stroke="%23F64E60" viewBox="0 0 12 12"%3e%3ccircle cx="6" cy="6" r="4.5"/%3e%3cpath stroke-linejoin="round" d="M5.8 3.6h.4L6 6.5z"/%3e%3ccircle cx="6" cy="8.2" r=".6" fill="%23F64E60" stroke="none"/%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) center;
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

.is-invalid .invalid-feedback {
    display: block !important;
}
.first-head{
    border-top: none !important;
    padding: 0.4rem !important;
    padding-left: 0px !important;
    font-weight: 500;
}
.first-num{
    border-top: none !important;
    padding: 0.4rem;
    text-align: right;
}
.second-head{
    padding: 0.4rem !important;
    padding-left:0px !important;
    font-weight: 500;
}
.second-num{
    padding: 0.4rem !important;
    text-align: right;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
    background-color: #ffcc01 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text {
    color: #333333 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon {
    color: #333333 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link {
    background-color: transparent !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-text {
    color: #f05f3b !important;
    font-weight: 600 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-icon {
    color: #f05f3b !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link {
    background-color: #ffcc01 !important;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text) {
    background-color: #F3F6F9 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-icon {
    color: #333333 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-text {
    color: #333333 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-arrow {
    color: #333333 !important;
}

.aside-menu .menu-nav {
    padding: 0px 0;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

thead.datatable-head {
    border-bottom: 1px solid #ededed;
}

th.datatable-cell span {
    font-weight: 600 !important;
    color: #bbb !important;
    text-transform: uppercase !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.1rem !important;
}

.pull-right {
    float: right;
}

.region-checkbox {
    width: 25px;
    height: 18px;
    margin-top: 10px;
    border: 1px solid #E5EAEE;
}

.form-group label {
    font-size: 1.05rem;
    font-weight: 400;
    color: #333;
}

.form-control {
    color: #333;
    border: 1px solid #ced4da;
}

.form-additional-info {
    background: #fcfcfc;
    padding: 10px 25px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.form-additional-info.nav .nav-link {
    padding: 0.5rem 1.2rem;
}

.form-additional-info.nav.nav-pills .nav-link {
    color: #3699FF;
}

.form-additional-info.nav.nav-pills .nav-link.active {
    color: #FFF;
}

.form-additional-info.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da;
}

.custom-form {
    height: 30px !important;
    padding: 18px 20px !important;
}

.filter-bg {
    width: 100%;
    background: #f1f1f1;
    margin-bottom: 10px
}

.profile-btns {

    margin-top: 40px !important;
}

.card-header-pad {
    padding-left: 20px !important;
    padding-right: 10px !important;
}

.iti {
    width: 100%;
}

.phone-input-code {
    padding-left: 12.5px;
    padding-right: 12.5px;
    width: 11%;
}

.phone-input-number {
    padding-left: 12.5px;
    padding-right: 12.5px;
    width: 22.5%;
}

.no-radius-shadow {
    border-radius: 0px;
    box-shadow: none !important;
}

/** CSS FOR PASSWORD HINTS **/

/* The message box is shown when the user clicks on the password field */
#message {
    display: none;
    color: #000;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

.valid:before {
    position: relative;
    left: 0px;
    content: "✔";
    margin-right:15px;
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    left: 0px;
    content: "✖";
    margin-right:15px;
}

/** END CSS FOR PASSWORD HINTS **/

.spares-list-item
/** END ADMIN PANEL CUSTOMISATIONS **/
.label-font{
    font-weight: 700 !important;
}
.head-font{
    font-weight: 600 !important;
}
.switch input:checked ~ span:after {
    background-color: #1BC5BD !important;
}
.text-black{
    color: black !important;
}
    nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active {
    color: #ffffff !important;
    background-color: #1BC5BD !important;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
/**  CSS FOR INVOICE **/

.card-pad{
    padding: 20px !important;
}
/** END CSS FOR INVOICE **/



/** MEDIA QUERIES CSS **/

@media (min-width: 992px) {

    .header-fixed.aside-minimize-hover .header,
    .header-fixed.aside-minimize .header {
        left: 70px !important;
    }

    .subheader-fixed.aside-minimize-hover .subheader,
    .subheader-fixed.aside-minimize .subheader {
        left: 70px !important;
    }

    .aside {
        width: 230px;
    }

    .aside-fixed .wrapper {
        padding-left: 230px;
    }

    .aside-enabled .header.header-fixed {
        left: 230px;
    }

    .aside-enabled.subheader-fixed .subheader {
        left: 230px;
    }
}

@media (max-width: 768px) {
    .phone-input-code {
        padding-left: 12.5px;
        padding-right: 12.5px;
        width: 20%;
    }

    .phone-input-number {
        padding-left: 12.5px;
        padding-right: 12.5px;
        width: 80%;
    }
}
.view:hover{
    cursor: pointer !important;
}