/* here you can put your own css to customize and override the theme */

body {
    background-color: #FFFFFF;
    color:#000000;
}

.BrowserDialog{
    z-index:11000;
}


.form-control-sm {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.2rem 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
}

.grid-cell-padding {
    padding: 0.5rem !important;
}

.kt-aside {
    background-color: #e5e5e5;
}
.kt-aside__brand {
    background-color: #0078d7;
}

.kt-aside-menu {
    background-color: #e5e5e5;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-text {
    font-weight: bold;
}

    .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
        font-weight:600;
    }

.kt-header .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user .kt-header__topbar-username {
    color: #FFFFFF;
}

.kt-aside__brand .kt-aside__brand-tools svg g [fill] {
    fill: #ffffff;
}

.kt-header .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon svg g [fill] {
    fill: #ffffff;
}

.kt-header-mobile {
    background-color: #0078d7;
    border-bottom: 1px solid #eff0f6;
    color:#000000;
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler i {
    color: #FFFFFF;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler i:hover {
    color: #FFFFFF;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span {
color: #FFFFFF;
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span {
background-color: #FFFFFF;
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span:hover {
    background-color: #FFFFFF;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::before, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::after {
    background-color: #FFFFFF;
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler:hover span::before, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler:hover span::after {
    background: #FFFFFF;
}

.btn-datagrid {
    padding: 3px;
    border: 0px;
}

.btn-datagrid.btn
{
    padding-bottom: 6px;
}

.btn-primary:hover {
    background-color: #0052a6;
    border-color: #0052a6;
}


.modal.modal-fullscreen .modal-dialog {
    width: 97%;
    height: 97%;
    margin: 0px;
    padding: 0;
    max-width: none;
}

.modal.modal-fullscreen .modal-content {
    height: 97vh;
    border-radius: 0;
    border: none;
    overflow-y: hidden;
}


.modal.modal-fullscreen  .modal-header {
    flex: 0 0 auto;
}

.modal.modal-fullscreen  .modal-body {
    overflow-y: scroll;

}

.modal.modal-fullscreen  .modal-footer {
    flex: 0 0 auto;
}

.toolbarrow {
    background-color:#f7f8fa;
}

.mvc-grid-popup .mvc-grid-apply {
    background-color: #0078d7;
    border-color: #0078d7;
    margin-right: 0.3em;
}

    .mvc-grid-popup .mvc-grid-apply:focus {
        /*box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.5);*/
    }

.mvc-grid-popup .mvc-grid-cancel {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    margin-left: 0.3em;
}

.mvc-grid-popup .mvc-grid-cancel:focus {
    /*box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.5);*/
}

.mvc-grid  {
    min-height:100px;
}
.mvc-grid td {
    border:0px;
    border-bottom: 1px solid #dee2e6;
    padding: 0;
    color:#333333;
}

.mvc-grid th {
    background-color: #f7f8fa;
    border: 0px;
    border-bottom: 1px solid #dee2e6;
    padding: 0.5em;
}


.col-form-label
{
    color:#333333;
}

.form-control {
    border: 1px solid #cccccc;
}

.fc-unthemed .fc-event .fc-time, .fc-unthemed .fc-event-dot .fc-time {
    color: #000000;
}
.fc-unthemed .fc-event .fc-title, .fc-unthemed .fc-event-dot .fc-title {
    color: #000000;
}

.form-group {
    margin-bottom: 1rem;
}




/*OLD*/


.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee;
}



.dropdown-menu {
    z-index: 10000;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th  {
    padding: 5px;
}

.GridCol20 {
    width: 10px;
}
.GridCol30 {
    width: 20px;
}
.GridCol40 {
    width: 40px;
}
.GridCol90 {
    width: 90px;
    min-width: 90px;
}

.tabpage_disabled
{
    color:#D0D0D0;
}

.tabpage_disabled:hover {
    color: #D0D0D0;
}




.BrowserDialog .ui-widget-content {
    background: #F9F9F9;
    border: 1px solid #3598dc;
    color: #222222;
    overflow: auto;
}

.BrowserDialog .ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    overflow: auto;
    top: 0;
}


.BrowserDialog .ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}

.BrowserDialog .ui-widget-header {
    background: #3598dc;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.ui-dialog-titlebar-close {
    padding: 0 !important;
}

.BrowserDialog .ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(/css/images/ui-icons_777777_256x240.png);
    background-position: -96px -128px;
    background-repeat: no-repeat;
}

/* BROWSER DIALOG END*/

.modal {
    width: 100%;
    height: 98%;
    padding: 0;
    margin: 20px;
    left: 0px;
}


.modal.container
{
    width: 95%;
    margin: 20px;
}


.modal-body {
    max-height: 90%;
}


.tabbable-custom > .tab-content
{
    height: 98%;
}

.tabbable-custom
{
     height:100%;

}



.SelectedRow {
    background-color: #bbe6ff;
    color: #000000;
    font-weight:600;
}


.mw-50 {
    max-width: 50px;
}

.mw-60 {
    max-width: 60px;
}
.mw-70 {
    max-width: 70px;
}
.mw-80 {
    max-width: 80px;
}
.mw-90 {
    max-width: 90px;
}

.mw-100 {
    max-width: 100px !important;
}

.mw-150
{
    max-width:150px;
}

.mw-200
{
    max-width:200px;
}

.hr-maring-0
{
    margin:0px;
}


.login-content
{
    margin-top: 0px; 
}

.user-login-5 .login-container > .login-content .login-form 
{
    margin-top: 0px;
}



.rowGreen > td {
    color: green;
}
.rowRed > td {
    color: red;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.text-danger {
    color: #FF0000 !important;
}