::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button {
    background-color: #fff;
}

::-webkit-scrollbar-track {
    background-color: #ccc;
}

::-webkit-scrollbar-track-piece {
    background-color: #f0f0f0;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #ccc;
    border-radius: 6px;
}

::-webkit-scrollbar-corner {
    background-color: #ccc;
}

::-webkit-resizer {
    background-color: #f0f0f0;
}

.requires-approval {
    /*background-color: #e5f9ff;*/
}

body {
    scrollbar-base-color: #C0C0C0;
    scrollbar-base-color: #C0C0C0;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;
    background-color: #f0f0f0;
}

td {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.dropdown {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

h2 {
    margin: 0;
}

h3 {
    color: #bbb;
}

a {
    cursor: pointer;
}

.navbar {
    border-radius: 0;
}

.navbar-default {
    padding: 5px 15px 5px 5px;
    background-color: #f0f0f0;
}

.form-group {
    position: relative;
}

    .form-group.has-space {
        margin-bottom: 15px !important;
    }

    .form-group.required label:after {
        content: " *";
        font-weight: bolder;
        color: red;
    }

.table thead tr th {
    border-bottom-color: #29AACF;
    text-transform: uppercase;
}

.table tbody tr td {
    border-width: 0;
}

    .table tbody tr td .btn {
        padding-bottom: 0;
        padding-top: 0;
    }

table.table-hover tbody tr td a.hover-btn {
    display: none;
}

table.table-hover tbody tr:hover td a.hover-btn {
    display: inline-block;
}

.alert-default {
    background-color: #fff;
    border: 2px solid #dadada;
    border-radius: 15px;
}

.alert-wide {
    padding: 35px;
}

.no-records-found {
    padding-top: 15px;
    padding-bottom: 15px;
}

h2, th, label {
    color: #29AACF;
}

label {
    text-transform: uppercase;
    font-size: smaller;
}

.btn-link {
    color: #444;
}

.list-group-item-info input {
    background-color: #EFF9FC;
    border-color: #5BC0DE;
}

hr {
    border-color: #ccc;
}

.list-group-item-default {
    background-color: #F5F5F5;
}

.modal-body {
    padding: 20px;
    background-color: #fafafa;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

    .modal-body label {
        user-select: text !important;
        cursor: text !important;
        -webkit-touch-callout: initial !important; /* iOS Safari */
        -webkit-user-select: text !important; /* Safari */
        -moz-user-select: text !important; /* Old versions of Firefox */
        -ms-user-select: text !important; /* Internet Explorer/Edge */
    }

.modal-header, .modal-footer {
    padding: 15px;
}

.center-panel {
    top: 60px;
    position: fixed;
    display: block;
    right: auto;
    bottom: 7%;
    left: 0;
    height: auto;
    /*overflow: hidden;*/
    z-index: 1;
}

.center-panel-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 99%;
    background-color: #fff;
    padding: 25px;
    margin: 0 15px 50px 15px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 5px 10px 0 rgba(0,0,0,0.12) !important;
}

.left-panel {
    position: fixed;
    top: 60px;
    right: auto;
    bottom: 7%;
    left: 0;
    height: auto;
    overflow: hidden;
    z-index: 1;
    border-right: 1px solid #ccc;
    background-color: #f8f8f8;
}

.left-panel-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 93%;
    background-color: #fff;
}

.left-panel-footer {
    height: 7%;
    padding: 10px;
    border-top: 1px solid #eee;
    background-color: #fff;
    text-align: right;
}

.center-panel-left-right-expanded {
    margin-left: 20%;
    margin-right: 23%;
    width: 57%;
}

.center-panel-left-right-collapsed {
    margin-left: 5%;
    margin-right: 0;
    width: 94%;
}

.center-panel-left-expanded-right-collapsed {
    margin-left: 20%;
    margin-right: 0;
    width: 79%;
}

.center-panel-left-collapsed-right-expanded {
    margin-left: 5%;
    margin-right: 23%;
    width: 72%;
}

.center-panel-only-right-expanded {
    margin-right: 23%;
    width: 77%;
}

.center-panel-only-right-collapsed {
    margin-right: 0;
    width: 99%;
}
.modal-in-center .modal-dialog {
    top: 25%;
}
/*.center-panel-left-expanded {
    margin-left: 20%;
    width: 57%;
}

.center-panel-left-collapsed {
    margin-left: 5%;
    width: 72%;
}

.center-panel-right-expanded {
    margin-right: 23%;
    width: 72%;
}

.center-panel-right-collapsed {
    margin-right: 0;
    width: 95%;
}*/
.left-panel-expanded {
    width: 20%;
}

.left-panel-collapsed {
    width: 5%;
    overflow: hidden;
}

.data-entry-panel {
    position: fixed;
    display: block;
    top: 60px;
    right: 0;
    bottom: 7%;
    left: auto;
    height: auto;
    width: 23%;
    border-left: 2px solid #eee;
    border-right-width: 0;
    overflow: hidden;
    z-index: 1;
}

.data-entry-panel-header {
    height: 8%;
    padding: 20px 0 20px 20px;
    background-color: #364A65;
    color: #fff;
}

    .data-entry-panel-header h3 {
        margin-top: 0;
    }

.data-entry-panel-body {
    overflow: auto;
    height: 85%;
    padding: 20px;
    background-color: #364A65;
    color: #fff;
    text-align: right;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

    .data-entry-panel-body label {
        color: #eee;
        font-weight: 100;
        user-select: text !important;
        cursor: text !important;
        -webkit-touch-callout: initial !important; /* iOS Safari */
        -webkit-user-select: text !important; /* Safari */
        -moz-user-select: text !important; /* Old versions of Firefox */
        -ms-user-select: text !important; /* Internet Explorer/Edge */
    }

    .data-entry-panel-body input, .data-entry-panel-body textarea, .data-entry-panel-body .btn-default, .data-entry-panel-body select {
        background-color: #364A65;
        color: #43C7D6;
        border-color: transparent;
        border-width: 0;
        border-radius: 0;
        border-bottom: 1px solid #43C7D6;
        text-align: right;
    }

    .data-entry-panel-body .btn-default {
        margin-bottom: -1px;
    }

.data-entry-panel a, .data-entry-panel a:hover {
    color: #fff;
}

.data-entry-panel-footer {
    height: 15%;
    padding: 10px;
    background-color: #253143;
    color: #fff;
    text-align: right;
}

    .data-entry-panel-header .btn-link, .data-entry-panel-header .btn-link, .data-entry-panel-footer .btn-link {
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
    }

.action-bar {
    position: fixed;
    display: block;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 7%;
    padding: 10px 30px;
    vertical-align: middle;
    text-align: right;
    background-color: #f0f0f0;
}

.action-bar-collapsed {
    margin-right: 23%;
}

.left-panel-body {
    background-color: #364A65;
}

.left-panel-footer {
    background-color: #253143;
    border-width: 0;
}

    .left-panel-footer .btn-link {
        color: #fff;
    }

.left-panel .panel-group .panel + .panel, .left-panel .panel {
    margin-top: 0;
    border-radius: 0;
    border-width: 0;
    border-right-width: 0;
}

.left-panel .panel-group .panel-body {
    padding: 0;
}

    .left-panel .panel-group .panel-body h4 {
        font-weight: 100;
    }

.left-panel .panel-default {
    background-color: #364A65;
    color: #fff;
    border-radius: 0;
}

    .left-panel .panel-default a {
        color: #fff;
    }

        .left-panel .panel-default a:hover {
            color: #364A65;
        }

    .left-panel .panel-default > .panel-heading {
        background-color: #364A65;
        color: #fff;
    }

        .left-panel .panel-default > .panel-heading:hover {
            color: #444;
            background-color: #0FBFBF;
        }

        .left-panel .panel-default > .panel-heading:hover {
            color: #364A65;
        }

    .left-panel .panel-default > ul.nav li {
        border-left: 2px solid #0FBFBF;
    }

.left-panel .panel-title {
    margin: 4px 0;
}

/*.selected-accordion {
    color: #0FBFBF;
}
.selected-accordion:hover {
    color: #444;
}*/

.toast-container {
    margin: 0;
}

.expense-new-entry {
    background-color: #EFFFFF;
    border-bottom: solid;
    border-bottom-color: #D9FFFF;
    margin-top: 5px;
}

.background-copy-icon {
    position: absolute;
    opacity: 0.20;
    z-index: 99;
    color: #0000008a;
    display: block;
    font-size: 250px;
    transform: rotate(327deg);
    /* border: 1px solid; */
    padding: 10px;
    left: 15%;
    top: 42%;
}

.background-receipt-icon {
    position: absolute;
    opacity: 0.20;
    z-index: 99;
    color: #0000008a;
    display: block;
    font-size: 150px;
    transform: rotate(327deg);
    /* border: 1px solid; */
    padding: 10px;
    left: 15%;
    top: 42%;
}

.close.ui-select-match-close {
    color: #FFF;
    opacity: 1;
}

.autosuggest-dropdown.open {
    display: block;
}

.autosuggest-dropdown {
    background: #253143;
    color: white;
    box-shadow: 0 5px 10px rgba(0,0,0,0.16);
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    min-width: 150px;
    width: 100%;
    padding: 5px 0;
    list-style: none;
    z-index: 5;
    display: none;
}

    .autosuggest-dropdown > li {
        text-align: right;
        cursor: pointer;
        padding: 7px 15px;
        transition: all 0.25s cubic-bezier(0.4,0.0,0.2,1);
    }

        .autosuggest-dropdown > li:hover, .autosuggest-dropdown > li:focus, .autosuggest-dropdown > li:active, .autosuggest-dropdown > li.active {
            background: rgba(255,255,255,0.05);
        }

table.table-striped tbody tr td a.hover-btn {
    display: none;
}

table.table-striped tbody tr:hover td a.hover-btn {
    display: inline-block;
}
.marginClass {
    margin-right: 5px !important;
}
.flexclass {
    display: flex !important;
    flex-direction: row !important;
}
.margin-top {
margin-top:60px !important;
}
.input-box {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 1.42857143 !important;
}
.currencybox {
margin-left:10px!important;
}

.paddingremove {
    padding: 0px !important;
}
.box-shadow {
    box-shadow: none !important;;
}
.transferinitiation-form-fotterdiv {
margin-top:20px !important;
justify-content:end !important;
padding-right:0px !important;
}
    .transferinitiation-form-fotterdiv .removebtn {
        margin-right:15px !important;
    }