.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.angular-with-newlines {
    white-space: pre-wrap;
}

.detailtable td {
    font-size: 13px;
    padding: 4px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.highlight .e-table > tbody > tr:hover, .highlight .e-table > tbody > tr:hover > td {
    background-color: lightgray !important;
}

.highlight .e-table > tbody > tr.e-altrow:hover, .highlight .e-table > tbody > tr.e-altrow:hover > td {
    background-color: lightgray !important;
}

.e-btn-hide {
    display: none;
}

.dlgbtn {
    margin-right: 5%;
}

.width_25 {
    width: 25%;
}

.control-section {
    height: 100%;
}

.e-xlfl-matchcasediv {
    display: none !important;
}

.k-tooltip-validation {
    position: absolute;
    margin-bottom: 5px;
}

.phone-validation .k-tooltip-validation {
    bottom: -27px;
}

.form-group-container {
    height: 60px !important;
}

.labelValue {
    font-weight: normal;
    font-size: 14px;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: #a5a5a5;
}
/*
.e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus {
    border-color: #a5a5a5 !important;
}*/
.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    color: #333 !important;
    font-weight: bold;
}

textarea, .e-float-input textarea {
    height: 150px;
    width: 100%;
    border: 1px solid #d4d4d4;
    resize: none;
}

.box {
    border: 2px solid #000066;
    padding: 10px;
    margin: 10px;
}

ngb-modal-window {
    opacity: 1 !important;
}

.e-toolbar .e-toolbar-items {
    background: #f2f3f3;
}
.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
    height: 35px !important;
}
.e-grid.e-default .e-headercell span {
    font-size: 14px;
    color: #333333;
    font-weight:bold !important;
    width:60px !important;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: #0094d7;
}
/* General styles */
.navbar-inverse {
    background-color: #21252e;
    border: 0;
    border-bottom-width: thick;
    color: #333333;
    padding: 5px 20px 0 0;
    width:100% !important;
}

.navbar-nav > li {
    color: #333333;
    margin: 10px,0px;
    text-align: center;
}

.link-active {
    color: #fff;
    margin: 10px,0px;
}

.link-active .border-bottom, .navbar-nav > li:hover .border-bottom {
    border-bottom: 3px solid #990000;
    display: inline-block;
    width: 70px;
    text-align: center;
}

.navbar-inverse.navbar-menu .navbar-nav > li.link-active > a {
    color: #fff;
}

.navbar-inverse.navbar-menu .navbar-nav > li.link-active > a:hover {
    color: #fff;
}

.navbar-inverse.navbar-menu .navbar-nav > li > a:hover {
    color: #fff;
}

.navbar-toggler {
    border: 0px;
    background: none;
    font-size: 30px;
    color: #afaeae;
    margin: 5px 0 0 0;
    padding: 0;
}

.navbar-collapse {
    position: relative;
    float: left;
}

.navbar-inverse .navbar-brand {
    color: #333333;
}

.navbar-inverse .navbar-collapse {
    border: 0px;
    box-shadow: none;
}

.btn.dropdown-toggle {
    padding-right: 0;
}

.navbar-inverse.navbar-left .navbar-toggle, .navbar-inverse.navbar-right .navbar-toggle {
    display: none;
}


.btn.dropdown-toggle:active {
    box-shadow: none;
}

.navbar-inverse .navbar-nav > li > a {
    color: #afaeae;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

.navbar-inverse .navbar-collapse .dropdown-submenu > .dropdown-menu {
    border-radius: 0px 0px 6px 6px !important;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
}

.navbar-right {
    padding: 5px 10px 0;
}

    .navbar-right .navbar-brand {
        padding: 15px 10px 0;
    }

.navbar-fixed-top {
    z-index: 9;
    height: 90px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.dropdown-submenu .dropdown-menu {
    position: absolute;
    top: -5px;
    left: 96%;
    margin-top: -1px;
}

.dropdown-menu {
    left: 14px;
    padding: 15px 0;
    background-color: #fff;
    border-color: #eaeaea;
    border-width: 2px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: 10px;
    margin: 0px;
}

.dropdown-menu > li > a {
    padding: 10px 20px;
    color: #000;
}

.dropdown-submenu > a::after {
    content: none !important;
}

.dropdown-right {
    right: 0px !important;
    left: auto;
}

    .dropdown-right .dropdown-menu {
        position: static;
    }

    .dropdown-right .dropdown-menu li a {
        padding-left: 40px;
    }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li.link-active a {
    background-color: #f5fafd;
}

.username {
    padding-top: 17px;
}

.logout-icon {
    color: #6b6a6a;
    font-size: 18px;
    border-radius: 45px;
    display: inline-block;
    background: #fff;
    padding: 9px 8px 10px 11px;
    margin: 8px 0 0 15px;
}

.navbar-inverse.navbar-menu {
    padding: 10px 20px 0px 0;
}

.navbar-inverse.navbar-menu .navbar-nav > li > a {
    padding: 28px 30px 0px 30px;
}

.navbar-menu .dropdown-menu {
    right: 0px;
}

.navbar-inverse.navbar-menu .navbar-nav > .open > a {
    background-color: #4fc0f3;
}

.navbar-menu .navbar-header {
    float: none;
}

.username-menu {
    padding: 15px 0 0;
}

html {
    height: 100%;
}

.body-content {
    padding-top: 90px;
}

body {
  min-height: 100%;
  position: relative;
}

.container-fluid {
    padding-bottom: 40px;
}

.modal-body .container-fluid {
    padding-bottom: 0px;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ececec;
    padding: 10px 0;
    text-align: center;
}

.btn {
  box-shadow: none !important;
  border-radius: 3px !important;
  /*padding: 14px 42px !important;*/
  height: auto !important;
  vertical-align: top !important;
  border: 0px !important;
}

.btn-primary {
  color: #ffffff !important;
  background-color: #252244 !important;
}

.btn-default {
  color: #ffffff !important;
  background-color: #969696 !important;
}

.btn-primary {
    background: #252244!important;

}

.btn-default:focus, .btn-default:hover, .btn-default:active:focus {
  background-color: #808080 !important;
  color: #fff !important;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active:focus {
    background: #201c42!important;
}

.button-block {
  margin: 0 0 10px !important;
}

button.btn-default, .btn-primary {
  margin-top: 10px !important;
}

.e-dialog {
    max-height: 90% !important;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #bfbfbf !important;
  border-color: #bfbfbf !important;
}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #dedede !important;
  border-color: #ccc !important;
  cursor: not-allowed !important;
  color: #a7a7a7 !important;
}
/*.e-control .e-float-input input, .e-input-group.e-control-wrapper {
    border: 1px solid #ddd !important;
    background: none;
    padding: 10px 2%;
    width: 96%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}*/
.e-float-label {
    font-size: 15px;
}

.e-float-input, .e-float-input.e-control-wrapper {
    margin-top: 5px;
}

.e-dlg-header {
    font-size: 25px;
    white-space: pre-wrap !important;
}

.form-group {
    margin-bottom: 20px;
}

.radio-inline {
    padding-left: 0px;
    padding-right: 20px;
}

.modal-dialog {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 auto !important;
  min-height: 100vh !important;
  justify-content:center;
  min-width:100% !important;
}
.modal_allwrp_cstm {
  background: white;
  position: relative;
}
body.body-dialog .modal-dialog {
  pointer-events: auto !important;
}
.ui-widget-overlay-fixed {
    position: unset !important;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
    background: #000;
    opacity: 0.6;
}

.top-title {
  float: left;
  margin-top: 0px;
  color: #000066;
  font-size: 32px;
  /*margin: 6px 0 0 0;*/
  font-weight: bold;
}

.sub-title {
    font-size: 25px;
    color: #333;
    margin-right:10px;
}

.header-top {
    background: #f5fafd;
    /*//padding: 15px 20px;*/
}


/* Table style */
.e-grid .e-gridcontent .e-table {
  border-left: 1px solid #cec6c6;
  border-right: 1px solid #cec6c6;
  border-bottom: 1px solid #cec6c6;
  /*border-top: 7px solid #cec6c6 !important;*/
}

.e-grid .e-headercell, .e-grid .e-detailheadercell {
    height: 72px;
}

.e-grid.e-default {
    border: 0px;
}

.e-grid .e-gridheader {
    border-top: 0px;
}

.e-grid.e-default tr th.e-detailheadercell .e-emptycell, .e-grid.e-default tr th.e-detailheadercell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand {
    width: 500px;
}

.e-toolbar .e-toolbar-items, .e-grid .e-toolbar {
    background: transparent;
    border: 0;
}

.e-grid .e-rowcell {
    font-size: 14px;
    padding: 18px 21px;
    width:102px !important;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bot-20 {
    margin-bottom: 20px;
}

.margin-0 {
    margin: 0px;
}

.e-grid .e-detailcell, .e-grid .e-detailindentcell {
    border: 0px;
}

.e-table > tbody > tr:hover, .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid td.e-active {
    background-color: transparent !important;
}

.e-table > tbody > tr.e-altrow, .e-table > tbody > tr.e-altrow:hover, .e-table > tbody > tr.e-altrow + .e-detailrow {
    background-color: #ebf1f7 !important;
}

.e-table > tbody > tr, .e-table > tbody > tr {
    background-color: #fff !important;
}

.e-icons.e-dtdiagonalright {
  background: url(../assets/Images/icon-plus.png) no-repeat left top;
  width: 17px;
  height: 17px;
  margin: 0 0 0 10px;
}

.e-icons.e-dtdiagonaldown {
    background: url(../assets/Images/icon-minus.png) no-repeat left top;
    width: 17px;
    height: 17px;
    margin: 0 0 0 10px;
}

.e-grid .e-icon-grightarrow::before, .e-grid-menu .e-icon-grightarrow::before, .e-grid .e-icon-gdownarrow::before, .e-grid-menu .e-icon-gdownarrow::before {
    content: none;
}

.detailtable p {
    font-size: 14px;
    padding: 5px 0;
}

.detailtable p span {
    font-size: 12px;
    font-weight: bold;
}

.detailtable {
    padding: 10px 0px;
}

.e-grid .e-rowcell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid .e-detailindentcell, .e-grid .e-detailcell {
    border-color: #cec6c6;
}

.e-btn.e-primary, .e-css.e-btn.e-primary, .e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover, .e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus {
    background-color: #7b7b7b;
}

.e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover {
    background-color: #636363;
}

.e-btn.e-flat, .e-css.e-btn.e-flat, .e-btn.e-flat:hover, .e-css.e-btn.e-flat:hover {
    color: #828282;
}

.e-input-group.e-search, .e-input-group.e-search:not(.e-float-icon-left) {
    padding: 0 0px;
}

    .e-input-group.e-search .e-input, .e-input-group.e-search .e-input:focus {
        padding: 0 10px;
    }

.e-toolbar .e-toolbar-items {
    min-height: 52px;
}

  .e-toolbar .e-toolbar-items:first-child > .e-toolbar-item:last-child, .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
    margin: 0px 0 0 !important;
  }

.table-top {
    margin-top: -40px;
}

.table-top-title {
    position: relative;
    z-index: 9999;
}

    .table-top-title h3 {
        float: left;
    }

.e-templatecell .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled {
    background: transparent;
    border: 0px;
    cursor: text;
}

/* Pagination style */
input.e-input::selection, textarea.e-input::selection, .e-input-group input.e-input::selection, .e-input-group.e-control-wrapper input.e-input::selection, .e-float-input input::selection, .e-float-input.e-control-wrapper input::selection {
    background: #b5b5b5;
    color: #fff;
}
.e-pager .e-pagercontainer {
    border: 1px solid #e2e7ec;
    border-radius: 0;
    padding: 0;
    margin: 20px 0;
    float: right;
}

.e-pager .e-pagercontainer .e-firstpage, .e-pager .e-pagercontainer .e-prevpage, .e-pager .e-pagercontainer .e-firstpagedisabled, .e-pager .e-pagercontainer .e-prevpagedisabled, .e-pager .e-pagercontainer .e-nextpage, .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-nextpagedisabled, .e-pager .e-pagercontainer .e-lastpagedisabled {
    border-right-style: solid;
    border-right-width: 0;
    display: inline-block;
    margin-right: 12px;
    margin-top: 0px;
    min-width: 26px;
    padding: 18px;
    border-left: 1px solid #e2e7ec;
}

.e-pager div, .e-pager a {
    display: block;
    float: left;
}

.e-pager .e-link, .e-pager .e-link:hover {
    padding: 18px;
    border-radius: 0;
}

.e-pager .e-link {
    border-left: 1px solid #e2e7ec;
    margin: 0;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: #2a2476;
}

.e-pager .e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
    background-color: #ecf1f5;
    padding: 18px;
    opacity: 1;
    border-left: 1px solid #e2e7ec;
}

.e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
    margin-left: 0;
}

.e-pager .e-pagercontainer .e-firstpage, .e-pager .e-pagercontainer .e-prevpage, .e-pager .e-pagercontainer .e-firstpagedisabled, .e-pager .e-pagercontainer .e-prevpagedisabled, .e-pager .e-pagercontainer .e-nextpage, .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-nextpagedisabled, .e-pager .e-pagercontainer .e-lastpagedisabled {
    margin-right: 0;
}

.e-pager .e-pagesizes, .e-pager div.e-parentmsgbar {
    display: none !important;
}

/* Tab section */
.navbar.navbar-inverse.navbar-menu {
    background-color: #dde3e6 !important;
    border: 0px;
    border-radius: 0;
}

.tab-block {
    padding: 0 20px;
}

.tab-block .navbar-nav > li {
    padding: 10px 30px !important;
    background: transparent !important;
    border: 0px !important;
    margin: 0 20px 0 20px !important;
}

.tab-block .navbar-nav > li > a, .navbar-inverse.navbar-menu .tab-block .navbar-nav > li.link-active > a, .navbar-inverse.navbar-menu .tab-block .navbar-nav > li > a:hover {
    color: #292929;
    font-size: 20px;
    font-weight: normal;
    text-decoration:none;
}

.tab-block .navbar-nav > li.link-active, .tab-block .navbar-nav > li:hover {
    background: transparent !important;
    border: 0px !important;
    border-bottom: 3px solid #2a2476 !important;
}

/*.navbar {
    margin-bottom: 30px;
}*/
/* form styles */
.form-group label, .form-group, label {
    font-size: 16px;
    font-weight: normal;
}

.form-group label {
    width: 100%;
}
/*
.form-group label.labelValue, .e-checkbox-wrapper {
    min-height: 38px;
}*/

.form-group label.e-error {
    font-size: 12px;
}

.border-box {
    border: 1px solid #d4d4d4;
    padding: 20px;
}

.e-input-group:not(.e-float-icon-left), .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
    border: 1px solid #d4d4d4;
    padding: 6px 10px;
}

.e-float-input input[type="text"], .e-float-input input[type="number"], .e-float-input input[type="password"] {
    border: 1px solid #d4d4d4;
    padding: 6px 1%;
    height: 25px;
    width: 98%;
    font-size: 16px;
}

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    font-size: 16px;
}

.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
.e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
.e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning),
.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap,
.e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap {
    border: 1px solid #d4d4d4;
}

.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover {
    border-color: #d4d4d4;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
    border-color: #d4d4d4;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
    background: #e9ecef;
    border: 1px solid #d4d4d4;
    text-align: left;
}

.e-float-input:hover:not(.e-disabled):not(.e-float-icon-left) {
    border-bottom-width: 0;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background: #fff;
    border: 1px solid #bdbdbd;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background: #fff;
    border: 1px solid #bdbdbd;
}

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background: #fff;
    border: 1px solid #bdbdbd;
    color: #333;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background: #fff;
    border: 1px solid #bdbdbd;
    color: #333;
}

.e-checkbox-wrapper:hover .e-frame, .e-css.e-checkbox-wrapper:hover .e-frame {
    background: #fff;
    border: 1px solid #bdbdbd;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    color: #333;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    border: 1px solid #bdbdbd;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame {
    border-color: #bdbdbd;
}

.e-control, .e-css {
    font-family: Arial;
}

/*.e-float-input .e-control-wrapper {
    height: 38px;
}
*/
.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons:active, .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active:active {
    color: #adadad;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    border: 1px solid #d4d4d4;
    color: #adadad;
}

.e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
    background: #d4d4d4;
}

.e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus {
    border-color: #d4d4d4;
}

.state-error label.e-error {
    position: absolute;
    bottom: -21px;
    left: 0;
}

.cmpy-state-error label.e-error {
    position: absolute;
    bottom: -30px;
    left: 0;
}

.e-color-picker div.e-selected-value {
    display: none;
}


.multiselect-error label.e-error {
    position: absolute;
    bottom: -35px;
    left: -10px;
}

.e-multi-select-wrapper {
    padding: 0;
}

    .e-multi-select-wrapper input[type="text"] {
        border: 0px;
    }

.e-multiselect {
    min-height: 137px;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
    color: #a5a5a5;
}
/* popup style */
.e-dialog .e-dlg-header, .e-dialog .e-dlg-header * {
    font-size: 24px;
    font-weight: bold;
    color: #000066;
}

.e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    border-color: none;
    border-radius: 0;
    float: right;
    height: 30px;
    right: 0px;
    position: relative;
    top: -20px;
    width: auto;
    left: 20px;
    background: #21252e;
    color: #fff;
}

.e-dialog .e-btn.e-dlg-closeicon-btn:hover, .e-dialog .e-btn.e-dlg-closeicon-btn:focus, .e-dialog .e-btn.e-dlg-closeicon-btn:active {
    background: #21252e;
}

.e-dialog .e-dlg-header-content {
    border-bottom: 0;
    background: #f5fafd;
}

.e-dialog .e-icon-dlg-close::before {
    color: #fff;
}

.e-dlg-content {
    color: #383838;
}

/*.body-dialog {
    overflow: hidden;
}*/

.e-dialog .e-dlg-header-content + .e-dlg-content {
    padding-bottom: 0px;
}

.box-shadow-block {
    width: 50%;
    margin: 40px auto;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    padding: 50px;
    -webkit-box-shadow: 1px 1px 28px -8px rgba(242,242,242,1);
    -moz-box-shadow: 1px 1px 28px -8px rgba(242,242,242,1);
    box-shadow: 1px 1px 28px -8px rgba(242,242,242,1);
    background-color: white;
}

.modal-header {
    background: #f5fafd;
}

  .modal-header .close {
    position: absolute;
    right: 0;
    /*background: #21252e;*/
    padding: 0px 9px 7px 9px;
    top: 0px;
    opacity: 1;
    color: #fff;
    margin:0 !important;
  }

.modal-footer {
    border: 0;
}

.modal-title {
    font-size: 24px;
    font-weight: bold;
    color: #000066;
}

.e-upload .e-file-select-wrap button.e-btn {
  box-shadow: none;
  border-radius: 3px;
  padding: 14px 42px;
  height: auto;
  vertical-align: top;
  border: 0px;
  background: #252244;
  color: #fff;
  margin-top: 10px;
}

.e-uploader .e-upload.e-keyboard {
    border: 0px;
}

.e-upload .e-file-select-wrap .e-file-drop {
    line-height: 40px;
    font-family: arial;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default, .e-slider-container .e-slider .e-handle {
    background-color: #990000;
    border-color: #990000;
}

.e-popup-open {
    display: block !important;
    visibility: visible !important;
}
.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick .e-tick-value {
    left:0 !important;
}
.e-multi-select-wrapper .e-chips > .e-chipcontent {
    font-family:Arial;

}
/* Media query */
@media (min-width: 1200px) {
    .ejs-modal-dialog-lg {
        width: 1200px !important;
    }

    .e-popup.e-popup-open.e-dialog {
        display: block;
    }
}
@media (max-width:1080px) {
  .e-toolbar-item.e-search-wrapper{
      display:none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ejs-modal-dialog-lg {
        width: 90% !important;
    }

    .navbar-inverse.navbar-menu .navbar-nav > li > a {
        padding: 28px 10px 0px 10px;
    }
}


@media (max-width: 767px) {
    .ejs-modal-dialog-lg {
        width: 80% !important;
    }
}

@media (min-width: 150px) and (max-width: 991px) {
    .menu-block {
        display: none;
    }

    .btn.dropdown-toggle {
        padding-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ejs-modal-dialog-lg {
        width: 90% !important;
    }
}

@media (min-width: 150px) and (max-width:768px) {
    .navbar-left .navbar-collapse, navbar-right .navbar-collapse {
        display: block;
    }

    .username {
        padding-top: 9px;
    }


    .navbar-menu .navbar-nav {
        margin: 7.5px 0px;
    }

    .username-menu {
        display: none;
    }

    .navbar-inverse.navbar-menu .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .navbar-inverse.navbar-menu .navbar-toggle {
        border: 0px;
    }

    .table-top {
        margin: 0;
    }
    .modal-dialog {
        width: 85%;
        left:48% !important;
    }
    .box-shadow-block {
        width: 90%;
        padding: 30px;
    }
}

@media (min-width: 150px) and (max-width:450px) {
    .e-multi-select-wrapper .e-chips > .e-chipcontent {
        font-family: arial;
        font-size: 10px;
    }
    .btn {
        padding: 14px 20px;
    }
}

@media (min-width: 150px) and (max-width:360px) {
    .navbar-inverse.navbar-menu {
        padding: 0px 0px 0 0;
    }
}

div.e-upload-actions {
    display: none;
}

ul.e-upload-files {
    display: none;
}
/*.e-alert-dialog.e-lib.e-dialog.e-dlg-modal.e-popup.e-control.e-popup-open {
    top: 20% !important;
}*/

.user-alert {
    position:center;
    /*top: 20% !important;*/
}

 .user-alert .e-dlg-header
  {
        font-size: 15px !important;
   }
#intermediateGridEditForm table tbody tr td:nth-child(2) {
    width: 55px;
    text-align: center;
}
#intermediateGridEditForm table tbody tr td {
    padding: 0px;
}
/*10-16-2023*/
.border-box {
  border: 1px solid #d4d4d4;
  padding: 20px;
  margin-top: 2rem;
}
.custom_detail {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.custom_detail {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
@media (max-width:830px) {
  a.nav-link {
    font-size: 14px;
  }
  .navbar-collapse .navbar-nav .nav-item{
      text-align:left;
  }
}

/*modal*/
#userDialog{
    position:fixed!important;
    top:0!important;

}
.e-headercelldiv {
  margin: 0 !important;
  padding: 0 !important;
}
.e-headercelldiv span.e-headertext {
  text-wrap: balance;
  line-height: 15px;
  text-align: left;
}
.e-grid .e-filtermenudiv {
  margin: -30px 10px !important;
}

/*15/02/2024*/
/**/
.date-rangepicker1 {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%);
}

table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}