@ keyframes swing {
     0% {
         transform: rotate(0 deg);
    }
     10% {
         transform: rotate(10 deg);
    }
     30% {
         transform: rotate (0 deg);
    }
     40% {
         transform: rotate (-10 deg);
    }
     50% {
         transform: rotate (0 deg);
    }
     60% {
         transform: rotate (5 deg);
    }
     70% {
         transform: rotate (0 deg);
    }
     80% {
         transform: rotate (-5 deg);
    }
     100% {
         transform: rotate (0 deg);
    }
}
 @ keyframes sonar {
     0% {
         transform: scale(0.9);
         opacity: 1;
    }
     100% {
         transform: scale (2);
         opacity: 0;
    }
}
 body {
     font-size: 0.9rem;
     overflow-y: hidden;
}
 .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand>a, .sidebar-wrapper .sidebar-dropdown>a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar {
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .page-wrapper {
     height: 100vh;
}
 .blockDis {
     display: block;
     padding-left: 30px;
}
 .flexDis {
     display: flex;
}
 .topPadding {
     padding-top: 18px;
}
 .page-wrapper .theme {
     width: 40px;
     height: 40px;
     display: inline-block;
     border-radius: 4px;
     margin: 2px;
}
 .page-wrapper .theme.chiller-theme {
     background: #1e2229;
}
 .page-wrapper.toggled .sidebar-wrapper {
     left: 0px;
}
 @media screen and (min-width: 768px) {
     .page-wrapper.toggled .page-content {
         padding-left: 180px;
    }
}
 #show-sidebar {
     position: fixed;
     left: 0;
     top: 10px;
     border-radius: 0 4px 4px 0px;
     width: 35px;
     transition-delay: 0.3s;
     background-color: #0B9CE0;
}
 .page-wrapper.toggled #show-sidebar {
     left: -40px;
}
 .sidebar-wrapper {
     width: 160px;
     height: 100%;
     max-height: 100%;
     position: fixed;
     top: 0;
     left: -300px;
     z-index: 999;
}
 .sidebar-wrapper ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 .sidebar-wrapper a {
     text-decoration: none;
}
 .sidebar-content {
     max-height: calc(100% - 30px);
     height: calc(100% - 30px);
     overflow-y: auto;
     position: relative;
}
 .sidebar-content.desktop {
     overflow-y: hidden;
}
 .sidebar-wrapper .sidebar-brand {
     padding: 10px 20px;
     display: flex;
     align-items: center;
}
 .sidebar-wrapper .sidebar-brand>a {
     text-transform: uppercase;
     font-weight: bold;
     flex-grow: 1;
}
 .sidebar-wrapper .sidebar-brand #close-sidebar {
     cursor: pointer;
     font-size: 20px;
}
 .sidebar-wrapper .sidebar-header {
     padding: 20px;
     overflow: hidden;
}
 .sidebar-wrapper .sidebar-header .user-pic {
     float: left;
     width: 60px;
     padding: 2px;
     border-radius: 12px;
     margin-right: 15px;
     overflow: hidden;
}
 .sidebar-wrapper .sidebar-header .user-pic img {
     object-fit: cover;
     height: 100%;
     width: 100%;
}
 .sidebar-wrapper .sidebar-header .user-info {
     float: left;
}
 .sidebar-wrapper .sidebar-header .user-info>span {
     display: block;
}
 .sidebar-wrapper .sidebar-header .user-info .user-role {
     font-size: 12px;
}
 .sidebar-wrapper .sidebar-header .user-info .user-status {
     font-size: 11px;
     margin-top: 4px;
}
 .sidebar-wrapper .sidebar-header .user-info .user-status i {
     font-size: 8px;
     margin-right: 4px;
     color: #5cb85c;
}
 .sidebar-wrapper .sidebar-search>div {
     padding: 10px 20px;
}
 .sidebar-wrapper .sidebar-menu {
     padding-bottom: 10px;
}
 .sidebar-wrapper .sidebar-menu .header-menu span {
     font-weight: bold;
     font-size: 14px;
     padding: 15px 20px 5px 20px;
     display: inline-block;
}
 .sidebar-wrapper .sidebar-menu ul li a {
     display: inline-block;
     width: 100%;
     text-decoration: none;
     position: relative;
     padding: 8px 30px 8px 20px;
}
 .sidebar-wrapper .sidebar-menu ul li a i {
     margin-right: 10px;
     font-size: 12px;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 4px;
}
 .sidebar-wrapper .sidebar-menu ul li a:hover>i::before {
     display: inline-block;
     animation: swing ease-in-out 0.5s 1 alternate;
}
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f105";
     font-style: normal;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-align: center;
     background: 0 0;
     position: absolute;
     right: 15px;
     top: 14px;
}
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
     padding: 5px 0;
}
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
     padding-left: 25px;
     font-size: 13px;
}
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
     content: "\f111";
     font-family: "Font Awesome 5 Free";
     font-weight: 400;
     font-style: normal;
     display: inline-block;
     text-align: center;
     text-decoration: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-right: 10px;
     font-size: 8px;
}
 .sidebar-wrapper .sidebar-menu ul li a span.label, .sidebar-wrapper .sidebar-menu ul li a span.badge {
     float: right;
     margin-top: 8px;
     margin-left: 5px;
}
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
     float: right;
     margin-top: 0px;
}
 .sidebar-wrapper .sidebar-menu .sidebar-submenu {
     display: none;
}
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
     transform: rotate(90deg);
     right: 17px;
}
 .sidebar-footer {
     position: absolute;
     width: 100%;
     bottom: 0;
     display: flex;
}
 .sidebar-footer>a {
     flex-grow: 1;
     text-align: center;
     height: 30px;
     line-height: 30px;
     position: relative;
}
 .sidebar-footer>a .notification {
     position: absolute;
     top: 0;
}
 .badge-sonar {
     display: inline-block;
     background: #980303;
     border-radius: 50%;
     height: 8px;
     width: 8px;
     position: absolute;
     top: 0;
}
 .badge-sonar:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     border: 2px solid #980303;
     opacity: 0;
     border-radius: 50%;
     width: 100%;
     height: 100%;
     animation: sonar 1.5s infinite;
}
 .page-wrapper .page-content {
     display: inline-block;
     width: 100%;
     padding-left: 0px;
     padding-top: 0px;
}
 .page-wrapper .page-content>div {
     padding: 0px 20px 40px 40px;
}
 .page-wrapper .page-content {
     overflow-x: hidden;
}
 ::-webkit-scrollbar {
     width: 5px;
     height: 7px;
}
 ::-webkit-scrollbar-button {
     width: 0px;
     height: 0px;
}
 ::-webkit-scrollbar-thumb {
     background: #525965;
     border: 0px none #ffffff;
     border-radius: 0px;
}
 ::-webkit-scrollbar-thumb:hover {
     background: #525965;
}
 ::-webkit-scrollbar-thumb:active {
     background: #525965;
}
 ::-webkit-scrollbar-track {
     background: transparent;
     border: 0px none #ffffff;
     border-radius: 50px;
}
 ::-webkit-scrollbar-track:hover {
     background: transparent;
}
 ::-webkit-scrollbar-track:active {
     background: transparent;
}
 ::-webkit-scrollbar-corner {
     background: transparent;
}
 .chiller-theme .sidebar-wrapper {
     background: #31353D;
}
 .chiller-theme .sidebar-wrapper .sidebar-header, .chiller-theme .sidebar-wrapper .sidebar-search, .chiller-theme .sidebar-wrapper .sidebar-menu {
     border-top: 1px solid #3a3f48;
}
 .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
     border-color: transparent;
     box-shadow: none;
}
 .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role, .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text, .chiller-theme .sidebar-wrapper .sidebar-brand>a, .chiller-theme .sidebar-wrapper .sidebar-menu ul li a, .chiller-theme .sidebar-footer>a {
     color: #818896;
}
 .chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a, .chiller-theme .sidebar-wrapper .sidebar-header .user-info, .chiller-theme .sidebar-wrapper .sidebar-brand>a:hover, .chiller-theme .sidebar-footer>a:hover i {
     color: #b8bfce;
}
 .page-wrapper.chiller-theme.toggled #close-sidebar {
     color: #bdbdbd;
}
 .page-wrapper.chiller-theme.toggled #close-sidebar:hover {
     color: #ffffff;
}
 .chiller-theme .sidebar-wrapper ul li:hover a i, .chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
     color: #16c7ff;
     text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
}
 .chiller-theme .sidebar-wrapper .sidebar-menu ul li a i, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div, .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu, .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
     background: #3a3f48;
}
 .chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
     color: #6c7b88;
}
 .chiller-theme .sidebar-footer {
     background: #3a3f48;
     box-shadow: 0px -1px 5px #282c33;
     border-top: 1px solid #464a52;
}
 .chiller-theme .sidebar-footer>a:first-child {
     border-left: none;
}
 .chiller-theme .sidebar-footer>a:last-child {
     border-right: none;
}
 button {
     border: none;
     background: none !important;
     color: blue;
     text-decoration: underline;
}
 #stackTrace {
     background-color: light-grey;
     overflow-y: auto;
     overflow-wrap: break-word;
}

#fileData {
     background-color: light-grey;
     overflow-y: auto;
     overflow-wrap: break-word;
}
/*search box css start here*/
 .search-sec {
     padding: 2rem;
}
 .search-slt {
     display: block;
     width: 100%;
     font-size: 0.875rem;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     height: calc(3rem + 2px) !important;
     border-radius: 0;
}
 .wrn-btn {
     width: 100%;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     height: calc(3rem + 2px) !important;
     border-radius: 0;
}
 @media (min-width : 992px) {
     .search-sec {
         position: relative;
         top: -114px;
         background: rgba(26, 70, 104, 0.51);
    }
}
 @media (max-width : 992px) {
     .search-sec {
         background: #1A4668;
    }
}
 @media (min-width : 768px) {
     .webView {
         display: block;
         background-color: #0B9CE0;
    }
     #topHeader {
         display: flex;
    }
     .mobileView {
         background-color: #0B9CE0;
         display: none;
    }
}
 @media (max-width : 768px) {
     .webView {
         background-color: #0B9CE0;
         display: none;
    }
     #topHeader {
         display: none;
    }
     .mobileView {
         display: block;
         background-color: #0B9CE0;
    }
}
 .filterable {
     margin-top: 15px;
}
 .filterable .panel-heading .pull-right {
     margin-top: -20px;
}
 .filterable .filters input[disabled] .filters select[disabled] {
     background-color: transparent;
     border: none;
     cursor: auto;
     box-shadow: none;
     padding: 0;
     height: auto;
}
 .filterable .filters input[disabled] .filters select[disabled]::-webkit-input-placeholder {
     color: #333;
}
 .filterable .filters input[disabled] .filters select[disabled]::-moz-placeholder {
     color: #333;
}
 .filterable .filters input[disabled] .filters select[disabled]:-ms-input-placeholder {
     color: #333;
}
 .model-box {
     flex-wrap: row;
     margin: 20px;
     width: 430px;
     height: 200px;
     overflow-y: auto;
}
 #form-container {
     position: sticky;
     top: 0;
     background-color: white;
     z-index: 100;
     padding: 10px 20px 10px 0px;
}
 #pagination {
     display: none;
}
 @media (min-width: 576px) {
     .modal-dialog {
         max-width: 800px;
    }
}
/* Absolute Center Spinner */
 .loading {
     position: fixed;
     z-index: 999;
     height: 2em;
     width: 2em;
     overflow: show;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
/* Transparent Overlay */
 .loading:before {
     content: '';
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
     background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}
/* :not(:required) hides these rules from IE9 and below */
 .loading:not(:required) {
    /* hide "loading..." text */
     font: 0/0 a;
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0;
}
 .loading:not(:required):after {
     content: '';
     display: block;
     font-size: 10px;
     width: 1em;
     height: 1em;
     margin-top: -0.5em;
     -webkit-animation: spinner 150ms infinite linear;
     -moz-animation: spinner 150ms infinite linear;
     -ms-animation: spinner 150ms infinite linear;
     -o-animation: spinner 150ms infinite linear;
     animation: spinner 150ms infinite linear;
     border-radius: 0.5em;
     -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
     box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
 @-webkit-keyframes spinner {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-moz-keyframes spinner {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-o-keyframes spinner {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes spinner {
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}