/*----------------------------------------------------------------------- */
/* Copyright (c) EMK3. All rights reserved.                               */
/*----------------------------------------------------------------------- */

/*-------------------------------------------- */
/* Global                                      */
/*-------------------------------------------- */
html, body {margin: 0px; padding: 0px; width: 100%; height: 100%;}
body {background-color: #ffffff !important; font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px; font-weight: normal; color: #333333 !important;}

a { text-decoration: none !important }

/* Set page margin and other items for printing */
@page {margin:12mm 2mm 12mm 2mm;}
@media print {.app-header-fixed {padding-top: 0px !important;} }
@media print {#content {padding: 0px 0px !important;} }
@media print {.app-content {margin-left: 0px !important;} }

/*-------------------------------------------- */
/* Loading Panel                               */
/*-------------------------------------------- */
#loading {
    position: absolute;
    top: 300px;
    left: 400px;
    width: 150px;
    min-width: 150px;
    height: 55px;
    min-height: 55px;
    padding: 0px;
    margin: 0px;
    border: 1px solid #666666;
    border-radius: 3px;
    background-color: #eeeeee;
    display: none;
    z-index: 9001;
    /* shadow */
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 0px 10px 10px -6px black;
}

#loading .loadingpanel_content {
    margin: 0px; 
    padding: 15px 0px 0px 0px; 
    border: 0px; 
    width: 100%; 
    text-align: center; 
    color: #084c8d;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
}

#loading .loadingpanel_content i {
    font-size: 16px;
}

/*-------------------------------------------- */
/* Overrides for Bootbox                       */
/*-------------------------------------------- */
.modal-backdrop.show {filter: alpha(opacity=25); opacity: 0.25 !important;}

/*-------------------------------------------- */
/* Overrides for Font Awesome                  */
/*-------------------------------------------- */
.btn {
    padding: 6px 12px;
}
.btn-labeled.fa:before,
.btn-labeled .fa:before {
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 900 !important;
}
.btn-labeled.fas,
.btn-labeled.far {
    text-align: left;
}
.btn-labeled.fas,
.btn-labeled.far {
    line-height: 1.42857;
}
.btn-labeled.fas:before,
.btn-labeled .fas:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}
.btn-labeled.far:before,
.btn-labeled .far:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}
.btn-lg.btn-labeled.fas,
.btn-lg.btn-labeled.far {
    line-height: 1.33;
}
.btn-sm.btn-labeled.fas,
.btn-sm.btn-labeled.far {
    line-height: 1.42857;
}
.btn-xs.btn-labeled.fas,
.btn-xs.btn-labeled.far {
    line-height: 1.5;
}
.fa-fw {
    width: 1.6em !important;
}
.fa-lg {
    font-size: 15px !important;
}

/*-------------------------------------------- */
/* Overrides for Bootstrap                     */
/*-------------------------------------------- */
:not(.panel-colorful).panel {
    border-left: 0 solid #ffffff;
    border-right: 0 solid #ffffff;
}
.panel > .panel-heading::after, .panel.panel-colorful > .panel-heading::after {
    border-bottom: 0 solid rgba(0, 0, 0, 0);
}
.panel {
    box-shadow: 0 0 0 0;
    border-radius: 0;
    border: 0;
    margin-bottom: 24px;
}
.accordion-button:focus {
    border-color: none;
    box-shadow: none;
}

/*-------------------------------------------- */
/* Overrides for Telerik/Kendo                 */
/*-------------------------------------------- */
.k-grid {
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-size: 13px !important;
    border-color: #ccc !important;
    border-radius: 4px !important;
}
.k-grid td, .k-grid .k-table-td, .k-grid .k-grid-content {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    border-color: #ccc !important;
    border-bottom-width: 1px !important;
}
.k-grid .k-grid-content {
    overflow-y: visible !important;
}
.k-grid .k-table-th {
    border-color: #ccc !important;
}
.k-grid .k-grid-header {padding: 0 !important;}
.k-grid-header th.k-header {background-color: #eeeeee !important;}
.k-grid-md .k-grid-header .k-grid-header-menu {margin: 0;}
.k-table, .k-table-md, .k-table-sm {
    font-size: 13px !important;
}
.k-toolbar {
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-size: 13px !important;
}
.k-toolbar, .k-toolbar-md {
    padding: 3px 8px !important;
}
.k-pager {
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-size: 13px !important;
}
.k-pager, .k-pager-md {
    padding: 3px 8px !important;
}
.k-button-md {
    padding-block: 4px !important;
    padding-inline: 8px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}

.k-grid .k-grid-toolbar .k-grid-add,
.k-grid tbody .k-grid-edit,
.k-grid tbody .k-grid-update,
.k-grid tbody .k-grid-cancel,
.k-grid tbody .k-grid-delete,
.k-grid tbody .k-grid-up,
.k-grid tbody .k-grid-down {
    min-width: 0 !important;
}
.k-grid .k-grid-toolbar .k-grid-add .k-icon,
.k-grid tbody .k-grid-edit .k-icon,
.k-grid tbody .k-grid-update .k-icon,
.k-grid tbody .k-grid-cancel .k-icon,
.k-grid tbody .k-grid-delete .k-icon,
.k-grid tbody .k-grid-up .k-icon,
.k-grid tbody .k-grid-down .k-icon {
    margin: 0 !important;
}
div.k-grid-norecords {height: 40px; align-items: center; justify-content: center; font-weight: lighter; text-align: center; white-space: normal;}
.k-no-data {min-height: 40px; display: table-row}
.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active {color: red; background-color: inherit;}
.k-grid-toolbar {background-color: #F9F9F9;}
.k-filter-menu .k-action-buttons .k-button {width: 40% !important;}
.k-column-title {white-space: normal;}
.k-sort-icon {margin-left: 4px !important;}
.k-picker-solid {background-color: #ffffff;}
.k-picker-md .k-input-inner {padding-block: 0.25rem; padding-inline: 0.5rem;}
.k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease {padding-block: 0.25rem; padding-inline: 0.25rem;}
.k-list-container {width: auto !important;}
.k-popup.k-list-container > div {overflow: hidden !important; overflow-y: scroll !important;}
.k-input, .k-picker {font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px;}
input.k-textbox, span.k-textbox {width: 400px}

/*-------------------------------------------- */
/* Overrides for Table Contents                */
/*-------------------------------------------- */
td {text-align:left; vertical-align:top;}

.table-bordered th, .table-bordered td {
    border: 1px solid #a8a8a8;
}
.table-bordered th {
    font-size: 1.05em;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}
.table-bordered {
    border: 1px solid #a8a8a8;
}
.table-bordered, .table-bordered td, .table-bordered th {
    border-color: rgba(0,0,0,0.07);
}
.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: 8px;
}

div.capwidth, table.capwidth {width:100%; max-width:992px !important;}
div.capwidthsmall, table.capwidthsmall {width:100%; max-width:768px !important;}
div.capwidthverysmall, table.capwidthverysmall {width:100%; max-width:640px !important;}
div.capwidthlarge, table.capwidthlarge {width:100%; max-width:1200px !important;}
div.capwidthverylarge, table.capwidthverylarge {width:100%; max-width:1350px !important;}

/*-------------------------------------------- */
/*  Overrides for H and HR                     */
/*-------------------------------------------- */
hr {margin: 10px 0 10px 0 !important; padding: 0 !important;}

.h2, .h3, .h5, .h6, h2, h3, h5, h6 {margin: 0 !important; padding: 0 !important;}
.h2, h2 {clear: both !important;}
.h3, h3 {clear: both !important; font-weight:normal !important; color:#5f5f5f !important; font-size:1.5em !important;}
.h4, h4 {margin: 0 !important; font-weight: normal !important;}
.h5, .h6, h5, h6 {font-weight:normal !important; display: inline !important;}
.h5, h5 {font-size: 14px !important;}

.h1:not(.panel-title), h1:not(.panel-title) {
    clear: both !important;
    font-size: 24px !important;
}
.h2:not(.panel-title), h2:not(.panel-title) {
    clear: both !important;
    font-size: 20px !important;
    color: #31639C !important;
}
.h3:not(.panel-title), h3:not(.panel-title) {
    clear: both !important;
    font-weight: normal !important;
    color: #5f5f5f !important;
    font-size: 1.5em !important;
}

/*-------------------------------------------- */
/*  Button Styles                              */
/*-------------------------------------------- */
.btn-sm,.btn-icon.btn-sm {font-size:11px !important; line-height:1.3 !important;}
.btn-xs,.btn-icon.btn-xs {font-size:11px !important; line-height:1.6 !important;}
.btn-xs, .btn-icon.btn-xs, .btn-group-xs > .btn {padding: 1px 5px}
.btn-primary,.btn-primary:focus{background-color:#294f75;border-color:#25476a !important;color:#fff}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled,
.btn-hover-primary:hover,
.btn-hover-primary:active,
.btn-hover-primary.active,
.btn-active-primary.btn:active,
.btn-active-primary.btn.active {
    background-color: #1c3550 !important;
    border-color: #1c3550 !important;
    color: #fff !important;
}
.btn-success,.btn-success:focus {background-color: #92c755; border-color: #8bc34a !important; color: #fff;}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success:disabled,
.btn-success.disabled {
    background-color: #79af3a !important;
    border-color: #79af3a !important;
    color: #fff !important;
}
.btn-default, .btn-default:focus {
    background-color: #ffffff !important;
    border-color: #907f7d !important;
    color: #666666 !important;
}
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default:disabled,
.btn-default.disabled {
    background-color: #ededed !important;
    border-color: #907f7d !important;
    color: #666666 !important;
}
.btn-default a {text-decoration: none !important;}

/*-------------------------------------------- */
/* Misc Styles                                 */
/*-------------------------------------------- */
.ThirtyPixels {width: 30px; min-width: 30px; max-width: 30px; white-space: nowrap; padding: 0 !important; vertical-align: middle;}
.FiftyPixels {width: 50px; min-width: 50px; max-width: 50px; white-space: nowrap; padding: 0 !important; vertical-align: middle;}

.ErrorMessage{color:red; background-color:#fff; visibility:visible; font-size:12px; font-weight:bold; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.4285;}
.toolbarfield-label {vertical-align: bottom; padding-right: .5em}
#toolbarfield {vertical-align: bottom}
.toolbaroptions {float: right; padding-right: 1.0em}
.toolbarmain {float: left}

.portalnav-base {padding-bottom: 10px; padding-top: 10px;}
.nav-tabs a {font-size: 13px !important;}
.toast-container {margin-top: 60px;}
.mismatched {color: #f00;}

/*-------------------------------------------- */
/* Caried over styles                          */
/*-------------------------------------------- */
/* styles for ui-dialog */
.ui-dialog .ui-dialog-titlebar {
    background: #f4df6b;
}
.ui-dialog-osx {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    border-width: 8px 8px 8px 8px;
}

/* Apply styles to the Site Map added by Vinothkumar*/
#dvSiteMap {
    color: gray;
    border-bottom: 1px solid #eeeeee;
}

#dvSiteMap > a {
    font-weight: bold;
}

#dvSiteMap > a:hover {
    font-weight: bolder;
    color: #414d5f;
}

.redMandatory {
    color: red;
    margin-right: 5px;
}

/* Custom CSS from Nifty */
.pad-no {
    padding: 0 !important
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #f55a4e;
    font-weight: 700;
}

/*-------------------------------------------- */
/* Overrides after Color Admin                 */
/*-------------------------------------------- */
.text-success {color: #79AF3A !important;}
a.text-success:hover, a.text-success:focus {color: #517627 !important;}
.text-info {color: #0391d1 !important;}
a.text-info:hover, a.text-info:focus {color: #012b3f !important;}

.form-group {
    margin-bottom: 15px;
}
.form-group .form-control {
    appearance: auto;
    min-height: 20px;
}

/* CSS for General Form Fields */
.control-label {
    text-align: left !important;
    padding-left: 0px !important;
}
.form-control {
    appearance: auto;
    font-weight: 400;
    font-size: 13px;
}
input:focus, select:focus, textarea:focus, button:focus {
    outline: auto;
}
textarea.form-control {
    max-width: 500px
}
.form-control, text-box, multi-line {
    max-width: 400px
}
.form-control, text-box, single-line {
    min-width: 150px
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-left: 0px;
    margin-right: 0px;
}
.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-horizontal .form-group:after {
    display: table;
    content: " ";
}
.form-horizontal .form-group:after {
    clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    display: table;
    content: " ";
}
.form-horizontal .form-group:after {
    clear: both;
}
.form-horizontal .control-label {
    margin-bottom: 5px;
    padding-top: 7px;
}
.form-horizontal .form-group .col-md-offset-2 {
    margin-left: 16.66666667%;
}

.form-inline {
    display: block;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .form-control {
    display: inline-flex;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 5px;
}
.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}
.form-inline .input-group .form-control {
    width: auto;
}
.form-inline .input-group > .form-control {
    width: 100%;
}
.form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}
.form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
}
.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline input[type="radio"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin: 4px 0 0;
    margin-left: -20px;
}

/* CSS for Form Validation Error Message */
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}
.form-control-feedback {
    color: #a94442;
}
i.form-control-feedback {
    line-height: 25px;
}
.panel-title {
    font-family: "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    height: 19px !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    color: #4d627b !important;
}
.panel-body {
    padding: 15px;
}
.panel-body:not(.pad-no) {
    padding: 20px 0px 20px 0px !important;
}
.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}
.panel-body:after {
    clear: both;
}
.panel-body:before,
.panel-body:after {
    display: table;
    content: " ";
}
.panel-body:after {
    clear: both;
}

/*-------------------------------------------- */
/* Printing Changes                            */
/*-------------------------------------------- */
@media print {

    body {font-size: 11px !important;}

    .btn-sm,.btn-icon.btn-sm {font-size:10px !important;}
    .btn-xs,.btn-icon.btn-xs {font-size:10px !important;}

    .h1, h1 {font-size: 14px !important;}
    .h2, h2 {font-size: 14px !important;}
    .h3, h3 {font-size: 14px !important;}
    .h4, h4 {font-size: 13px !important;}
    .h5, h5 {font-size: 12px !important;}
    .h6, h6 {font-size: 12px !important;}

    .tooltip {display: none;}
}

/* Custom CSS to override validation feedback for valid input */
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--bs-component-border-color) !important;
    background-image: none !important;
}
/* Custom CSS to override validation feedback for invalid input */
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #ff5b57 !important;
    background-image: none !important;
}
/* Custom CSS to override Bootstrap validation feedback text for invalid input */
.invalid-feedback {
    font-size: inherit !important;
    color: rgb(var(--bs-danger-rgb)) !important;
}
/* Custom CSS to override Kendo validation feedback text for invalid input */
.k-form-error {
    font-size: inherit !important;
    color: rgb(var(--bs-danger-rgb)) !important;
}
/* Custom CSS to override Kendo validation feedback for invalid input */
.form-control.k-invalid {
    border-color: #ff5b57 !important;
    background-image: none !important;
}
/* Custom CSS to override Kendo validation feedback for valid input */
.form-control.k-valid {
    border-color: var(--bs-component-border-color) !important;
}
/* Custom CSS to override Kendo validation feedback image for invalid input */
.form-control.k-picker.k-invalid, form-control.k-widget.k-picker.k-invalid {
    padding-right: 0 !important;
}
/* Custom CSS to override Kendo Bootstrap validation feedback for invalid input */
.k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
    border-color: #ff5b57 !important;
}
/* Custom CSS to format Kendo TextBoxFor for phone numbers  */
.form-control.phone {
    height: 33px !important;
    padding: 0px 0px 0px 3px !important;
}