﻿.set-default-company, .set-default-module, .set-default-financial-year {
    cursor: pointer !important;
}

    .set-default-company:hover, .set-default-module:hover, .set-default-financial-year:hover {
        background-color: lightblue !important;
    }

.form-control:disabled, .form-control[readonly] {
    /*background-color: lightgray !important;*/
    /*background-color: #eee !important;*/
    background-color: #FBF9F9 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #FBF9F9 !important;
    margin-bottom: 2px;
}

.btn-info.disabled, .btn-info:disabled {
    color: black !important;
    background-color: #F5F8FA !important;
    cursor: no-drop !important;
    border-color: lightgray !important;
}

.btn-info:not([disabled]):hover {
    transform: scale(1.05); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}


.red {
    color: red !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
}

.modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.modal-content {
    height: auto;
    min-height: 90%;
    border-radius: 0;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    min-height: 16.428571429px;
    padding: 5px 30px !important;
    border-bottom: 1px solid #e5e5e5;
    background-color: lightblue !important;
}

.modal-title {
    margin: 0;
    line-height: 1.428571429;
    color: black !important;
}

.modal-body {
    position: relative;
    padding: 5px 15px !important;
}

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 100% !important;
        margin: 30px auto;
    }
}

@media screen and (min-width: 368px) {
    .modal-dialog {
        width: 100% !important;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

.row-highlight {
    cursor: pointer !important;
}

    .row-highlight:hover {
        background-color: lightblue !important;
    }

.set-row-clickable {
    cursor: pointer !important;
}

    .set-row-clickable:hover {
        background-color: lightblue !important;
    }

.set-row-highlight {
    cursor: pointer !important;
}

    .set-row-highlight:hover {
        background-color: lightblue !important;
    }


.table-fixed tbody {
    height: 20px;
    overflow-y: auto;
    width: 100%;
    background-color: #fff;
}

.card-box {
    padding: 5px 15px !important;
}

.bottom-border-line {
    border-bottom: 2px solid lightgray !important;
    margin-bottom: 5px !important;
}

.search-form-group {
    margin-bottom: 5px !important;
}

.table .thead-light th {
    color: #000 !important;
    /*background-color: #E8E8E0 !important;*/
    /*background-color: #E2F1F8 !important;*/
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 90%);
    font-weight: normal !important;
}

.table td, .table th {
    padding: 5px !important;
}

.table-bordered td, .table-bordered th {
    border: 1px solid darkgray !important;
}

.child-menu {
    max-height: 400px !important;
    overflow-y: auto !important;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    /*background: transparent;*/
    background: #888;
}

    ::-webkit-scrollbar-thumb:hover {
        /*background: transparent;*/
        background: #555;
    }


li.breadcrumb-item {
    color: white !important;
}

tr.fixed-header th {
    position: sticky;
    top: -2px;
    border: 1px solid #000;
}


.div-fixed {
    max-height: 150px !important;
    overflow-y: scroll !important;
}

.table-no-margin {
    margin-bottom: 0px !important;
}

.label-no-bottom {
    margin-bottom: 0px !important;
    vertical-align: bottom !important;
    font-weight: 700 !important;
    padding-left: 10px !important;
}

.menu-icons img {
    min-height: 75px !important;
    max-height: 75px !important;
}

.menu-box {
    min-width: 500px !important;
}

.breadcrumb-item > a, h4 {
    color: #ffffff !important;
}

.page-title {
    /*color: #adb5bd !important;*/
    color: #fff !important;
}

.close {
    opacity: 0.8 !important;
}

.permission-row-parent {
    color: black !important;
    font-weight: bold;
    background-color: lightblue !important;
}

.child-row-level-1 {
    padding-left: 30px !important;
}

.child-row-level-2 {
    padding-left: 60px !important;
}

.left-side-menu {
    width: 40px !important;
}

.date-of-birth {
    width: 48% !important;
    float: left !important;
    padding: 5px !important;
}

.age {
    width: 48% !important;
    float: right !important;
}

.date-of-joining {
    width: 48% !important;
    padding: 5px !important;
    float: left !important;
}

.date-of-leaving {
    width: 48% !important;
    padding: 5px !important;
    float: right !important;
}

.current-page-title {
    color: black !important;
}


.panel-body {
    padding: 8px;
}

.panel {
    margin-top: -15px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0px 0px 2px;
}

.divscroll {
    position: relative;
    overflow: auto;
    max-height: 452px;
    width: 100%;
}

.form-group {
    margin-top: -3px;
    margin-right:0px;
    margin-left:0px;
    padding:0px 1px 0px 1px;
}

.bold {
    font-weight: bold !important;
}

._authorise {
    background-color: #F79418 !important;
    color: white !important;
    border-color: #F79418 !important;
}

    ._authorise:hover {
        background-color: #F79418 !important;
        color: white !important;
        border-color: #F79418 !important;
    }




sup {
    color: red !important;
    font-weight: bold !important;
    font-size: 11px !important;
}

.card {
    margin-bottom: 0px !important;
}

.footer {
    padding: 0px !important;
}

body[data-layout-mode=horizontal] .content-page {
    /*padding: 5px 30px 0px 30px !important;*/
    padding: 5px !important;
}

.topnav .navbar-nav .nav-link {
    padding: 5px 10px !important;
}

.topnav .dropdown-item {
    padding: .3rem 0px !important;
}

.topnav {
    height: auto !important;
    margin-top: 40px !important;
}

.img-logo {
    vertical-align: top !important;
    margin-top: 5px !important;
}

.logo-box {
    height: 40px !important;
}

    .logo-box .logo {
        line-height: 40px !important;
    }

.navbar-custom {
    height: 40px !important;
}

.breadcrumb {
    /*padding: .4rem 0px !important;*/
    padding: 0px !important;
}

.navbar-custom .topnav-menu .nav-link {
    max-height: 40px !important;
    line-height: 40px !important;
}

.mb-1, .my-1 {
    margin-bottom: .175rem !important;
}

.form-control-sm:focus,
.select2:focus,
span[role='combobox']:focus,
span[role='textbox']:focus,
.select2-container--default:focus,
.select2-search--dropdown:focus,
.select2-search__field:focus {
    background-color: #FFFF99 !important;
    font-weight: bold !important;
    color: black !important;
}

.app-menu {
    min-width: 220px !important;
}

a:link {
    text-decoration: none;
    cursor: pointer;
}

.data-block {
    max-width: 520px;
    min-width: 215px;
    max-height: 200px;
    overflow: auto;
    background-color: #fff;
}

.renderpart {
    z-index: 99999 !important;
    position: absolute;
    background-color: lightgray !important;
}

.ac_button {
    display: inline-block;
    vertical-align: text-bottom;
    border: 1px solid #ced4da !important;
    cursor: pointer;
    position: absolute !important;
    text-align: center;
    width: 30px;
    height: calc(1.5em + .56rem) !important;
    box-sizing: border-box;
    color: #666;
    float: right !important;
    border-radius: .2rem !important;
}

.octicon-chevron-down, .octicon-chevron-up {
    display: inline-block;
    fill: currentColor;
    height: 1.5em;
    margin-top: 0.22em;
}

.octicon-chevron-up {
    transform: rotate(180deg) !important;
}

svg:not(:root) {
    overflow: hidden;
}

tr.active {
    background-color: lightblue !important;
    /*font-weight: bold !important;*/
}

.pb {
    /*padding-bottom: 2px;*/
}

.treeview {
    padding: 7px 0px !important;
}

.card-body {
    padding: 0px !important;
}
.disable {
    opacity: 0.1;
    cursor: not-allowed;
}

.set-row-selected {
    cursor: pointer !important;
    color: #fff;
    background-color: lightblue !important;
}
.table .thead-light1 th {
    color: blue !important;
    /*background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 90%);*/
    font-weight: bold !important;
    font-size: 15px;
    border: none;
}
.ledger {
    background: #FFFF99 !important;
}

.col-form-label1 {
    font-weight: bold !important;
    font-size: 20px;
    color: black;
}

.col-form-label2 {
    font-weight: bold !important;
    font-size: 15px;
    color: black;
}

.vl {
    border-left: 2px solid;
    height: 70px;
    border-right: 2px solid;
}

.hor1 {
    border-bottom: 2px solid;
    height: 42px;
    margin-top: 7px;
    margin-bottom: 0px;
}
.vouhcer {
    background: #90EE90 !important;
}
.pull-left-paddding {
    float: left !important;
    padding-right: 0px;
    padding-left: 2px;
}
.card-body1 {
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem;
}

.text-end {
    text-align: right !important;
}

.card1 {
    box-shadow: var(--ct-card-box-shadow);
    margin-bottom: 24px;
}

.text-red{color:#ff0000;}