/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
:root {
    --TealThemeColor: #fa1603;
    --SeafoamThemeColor: #660000;
    --BlueThemeColor: #729093;
    --HoverColor: #fa1609;
    --BorderColor: #fa1609;
    --FocusRowThemeColor: #edd3d3;
    --lightgreyscrollbarcolor: rgba(0,0,0,.125);
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.tabpanel-item {
    height: 200px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
    padding-top: 55px;
}

.dx-menu-item-text {
    /* color: white !important;*/
}

.dx-submenu {
    /* background-color:black !important;*/
    background: rgba(248,249,250,1) !important;
}

.dx-menu .dx-menu-item-expanded {
    /* background-color:black !important;*/
    background: rgba(248,249,250,1) !important;
}

.fixed-content-bar {
    z-index: 1030;
    padding-top: 72px;
    position: fixed;
    top: 0;
    width: 100%;
}

#btnCreate {
    float: right !important;
}

#btnCreate {
    float: right !important;
    background-color: var(--TealThemeColor);
    border-color: var(--TealThemeColor);
    font-size: 14px !important;
    font-weight: 500 !important;
}

    #btnCreate:hover {
        background-color: var(--HoverColor);
        border-color: var(--BorderColor);
        color: #fff;
    }

#btnSave, #btnPreview, #btnViewTransactionsPivotFormat, #btnViewTransactions, #btnApi {
    background-color: var(--TealThemeColor) !important;
    border-color: var(--TealThemeColor) !important;
    /*padding: 4px 10px !important;*/
    font-size: 14px !important;
    font-weight: 500 !important;
}
    #btnApi{
        margin-right: 17rem !important;
    }
        #btnSave:hover, #btnPreview:hover, #btnViewTransactionsPivotFormat:hover, #btnViewTransactions:hover,
        #btnApi:hover {
            background-color: var(--HoverColor);
            border-color: var(--BorderColor);
            color: #fff;
        }

#backbutton {
    background-color: #fff;
    border-color: var(--TealThemeColor);
    color: var(--TealThemeColor);
    /*padding: 4px 10px !important;*/
    font-size: 14px !important;
    font-weight: 500 !important;
}

    #backbutton:hover {
        
        border-color: var(--BorderColor);
    }


#btnDelete {
    float: right !important;
}

.btn-green {
    color: green !important;
}

.btn-remove {
    color: red !important;
}

.btn-black {
    color: black !important;
}

.dx-sort {
    visibility: hidden !important;
}

.dx-header-row {
    color: black;
    /*font-weight: bold;*/
    background-color: white;
}

.dx-datagrid {
    white-space: nowrap !important;
}

.dx-datagrid-nowrap, .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    white-space: break-spaces !important;
}

.dx-datagrid-rowsview .dx-row {
    white-space: nowrap;
}

.buttongroups-container {
    justify-content: start;
    font-size: 16px;
    top: 59px;
    display: flex;
    flex-wrap: wrap;
}

    .buttongroups-container > div {
        /*padding: 0 12px;*/
        flex-wrap: wrap;
    }

.dx-buttongroup-wrapper {
    flex-flow: wrap !important;
}

.dx-buttongroup-item {
    margin-left: 3px;
    margin-top: 3px;
    width: 8rem;
    border-left-width: 1px !important;
}


#devextreme1 {
    max-width: 100% !important;
    width: 100% !important;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: var(--FocusRowThemeColor) !important;
    color: #000;
    border-top: 1px solid var(--FocusRowThemeColor);
    border-bottom: 1px solid var(--FocusRowThemeColor);
}

body {
    overflow: hidden !important;
}

::-webkit-scrollbar {
    width: 6px !important;
}

::-webkit-scrollbar-thumb {
    background-color: var(--lightgreyscrollbarcolor);
}

.res-img-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 5px;
    max-width: 30rem;
}


.res-img-inner {
    width: auto;
    max-width: 20rem;
    border: 3px solid rgb(141, 144, 150);
    border-top-right-radius: 0;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 0;
    padding: 0;
    /*max-height: 54px !important;*/
    max-height: 80px !important;
    overflow: hidden;
    background: white;
}

    .res-img-inner > img {
        width: 100%;
        max-width: 100%;
        max-height: 240px;
        height: 48px;
        border-radius: 0 !important;
       
    }


.card-body .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

::-webkit-scrollbar-track, html[dir] .light ::-webkit-scrollbar-track {
    background: #f8f9fa;
}
.toggled {

}

.shadow .row form{
    padding:0 10px !important;
}

/*//new*/
.sticky-header, .bg-danger {
    position: sticky;
       top: 0;
    z-index: 99;
   }

.card-body {
    padding: 0 !important;
}

.sticky-bottom {
    /*position: sticky;*/
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99;
    padding: 4px 15px !important;
    background-color: #f8f9fa !important;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0 !important;
   
}

.card-header {
    padding: 8px 15px !important;
    background-color: rgba(0,0,0,0);
    height: 53px !important;
}

.sticky-header {
    background-color: var(--SeafoamThemeColor) !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.6;
}

    .sticky-header > .bg-success {
        background-color: var(--SeafoamThemeColor) !important;
    }

.card-header h5 {
    line-height: 1.6;
}

.sticky-header ~ .card-body {
    overflow-y: auto !important;
    height: calc(100vh - 160px) !important;
}
.card > .card-body {
    height: calc(100vh - 119px) !important;
}
.company-card {
    overflow-y: auto !important;
    height: calc(100vh - 53px) !important;
}

.color-index h5 {
    color: #212529 !important;
}

.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.sticky-header ~ .card-body .row > .col-md-12, .sticky-header ~ card-body .row > col-sm-12 {
    padding: 0 8px !important;
}

.card-body > form {
    padding: 10px 0;
    min-height: auto !important;
}
.shadow .row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.custom-student-bar {
    background: var(--FocusRowThemeColor);
    /*    color: black;
*/ padding: 4px 0px 1px 0;
}
.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {
    /*border-color: #86fafe !important;*/
    border-color: var(--BlueThemeColor) !important;
    border-width: .5px !important;
    outline: none !important;
    /*box-shadow: 0 0 0 0.2rem #d4fdff !important;*/
}

    .dx-texteditor.dx-state-hover, .dx-editor-cell .dx-focused {
        border-color: var(--BlueThemeColor) !important;
        border-width: 1px !important;
    }
.dx-item.dx-list-item.dx-state-active {
    background-color: var(--BlueThemeColor) !important;
}
/*.dx-datagrid-focus-overlay {
    border: 1px solid var(--BlueThemeColor) !important;
    transform: translate(0px, 0px) !important;
}*/
@media only screen and (max-width: 920px) and (orientation: landscape) {
    #btnCreate {
        margin-top: 2px !important;
    }
    .sticky-header {
        line-height: 1.8 !important;
    }
}
@media (max-width: 600px) {
    #btnCreate {
        margin-top: 2px !important;
    }
}
#itemBtnGroupd > .dx-buttongroup-wrapper > .dx-button-mode-outlined, #ItemCategoryBtnGroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined {
    height: 75px !important;
    font-size: 17px;
}
.table-tabs-container .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    background-color: white !important;
    box-shadow: none !important;
}
.table-tabs-container .dx-tab.dx-tab-selected {
    background-color: #f7f7f7;
    border-bottom: 5px solid var(--BlueThemeColor);
    font-weight: 600;
    box-shadow: none !important;
}
.table-tabs-container .dx-tab {
    background-color: white;
    box-shadow: none !important;
}
.table-tabs-container .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    box-shadow: none !important;
    border-bottom: 1px solid #ddd;
}

.table-tabs-container  .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected{
    box-shadow: none !important;
}
.dx-tabpanel .dx-multiview-wrapper{
    border: none !important;
}
.table-tabs-container .dx-tabpanel.dx-state-focused > .dx-tabpanel-container > .dx-multiview-wrapper {
    border: none !important;
}
.table-padding .dx-multiview-item-content > div{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.table-tabs-container .dx-tab.dx-state-hover:not(.dx-tab.dx-tab-selected) {
    font-weight: 600 !important;
    border-bottom: .3px solid #c6c6c6 !important;
    color: #393a3d !important;
}
.dx-datagrid-focus-overlay {
    border: .2px solid var(--BlueThemeColor) !important;
}
.width-height {
    width: 18px !important;
    height: 18px !important;
}
.bg-danger #backbutton {
    float: right;
}
.dx-button-has-text .dx-button-content {
    padding: 7px 18px 8px !important;
}
.form-group {
    margin-bottom:0.1rem !important;
}