/* general html */
body {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    background-color: #d7dae0;
}
html {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.innerpage {
/*    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
*/}

/* page paddings */
.page-container {
    padding: 10px 10px 10px;
}

/* header lines decoration */
.header-lines-decoration span {
    height: 100%;
    width: 12.5%;
    float: left;
}
.bg-stripe1 {
    background-color: #273f5b;
}
.bg-stripe2 {
    background-color: #0082d7;
}
.bg-stripe3 {
    background-color: #98d5ff;
}
.bg-stripe4 {
    background-color: #F89101;
}
.bg-stripe5 {
    background-color: #ff3133;
}
.bg-stripe6 {
    background-color: #01a23c;
}
.bg-stripe7 {
    background-color: #273f5b;
}
.bg-stripe8 {
    background-color: #c840a3;
}
.bg-stripe9 {
}
.bg-stripe10 {
}



/* general helpers and stylers */
.no-background {
    background: inherit;
}
.width-260 {
    width: 260px;
}
.bg-slate-50 {
    background-color: #eef0f1;
    border-color: #eef0f1;
}
.text-red {
    color: #cb6264 !important;
}
.text-green {
    color: #43b88b !important;
}
.text-blue {
    color: #4c96e2;
}
.text-orange {
    color: #daad56;
}

.fs16 {
    font-size: 16px !important;    
}

.fs17 {
    font-size: 17px !important;    
}

.op50 {
    opacity: 0.5 !important;
}


/* for page only without menu, no paddings */
.pageonly .page-container {
    padding: 0;
}

/* login styling */
.login-page-bg {
    background-color: #fff;
    background-image: url('/pylon/images/loginsplash.jpg');
}


/* header fix for stripes */
.navbar-lg {
    min-height: 72px;
    height: 72px;
}
.navbar-lg .navbar-text {
    margin-top: 3px;
}

/* bottom border line on grid headers */
.dx-datagrid-headers {
    border-bottom: 2px solid #8192a1; /*#627789 */;
}

/* grid pager left space */
.dx-page-sizes {
    margin-left: 7px;
}

/* logo fix */
.navbar-brand>img {
    height: 35px;
    margin-top: 0;
}
.navbar-lg .navbar-brand {
    padding-top: 23px;
}

/* json editor */
div.jsoneditor {
    border: none;
}

div.jsoneditor-menu {
    background-color: #8192a1;
    border-bottom: 1px solid #8192a1;
}

/* user dropdown menu */
.navbar-lg .navbar-nav>.dropdown-user img {
    max-height: 35px;
    margin-top: -4px;
}


/* page styling */
.page-container {
    padding-bottom: 20px;
}
.navbar-bg {
    background: #d4dfe4;
}

/* main logo header */
.navbar-default {
    border: none;
}

/* used for ID cells */
.id-cell {
    font-family: monospace;
}


.dx-data-row .column-difference-background  {
    background-color: #faf0f0;
}
.dx-data-row.dx-row-alt:not(.dx-state-hover) > .column-difference-background {
    background-color: #e8e0e3 !important;
}

.dx-data-row .column-total-background  {
    background-color: #e2e3eb;
}
.dx-data-row.dx-row-alt:not(.dx-state-hover) > .column-total-background {
    background-color: #d2d4df !important;
}



/* menu */
#navbar-second {
    border: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.navbar-menu-bg {
    background-color: #566c82; /* #375066; */
}
/* menu items */
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.dropdown-menu>.dropdown-submenu:focus>a, .dropdown-menu>.dropdown-submenu:hover>a
 {
    background-color: #b0727b; /*#c55553; */
    color: #fff;
}
.navbar-menu .navbar-nav>li>a, .navbar-menu .navbar-text {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

/* menu header */
.dropdown-header {
    color: rgba(255, 255, 255, 0.4);
    padding: 5px 0px 0px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}



/* dropdown menu */
.dropdown-menu {
    background-color: #6e8292;
    border: none;
    border-radius: 0;
}
.dropdown-menu>li>a {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}
/* dropdown menu position */
.navbar-menu .navbar-nav>li>.dropdown-menu, .navbar-default .navbar-nav>li>.dropdown-menu {
    margin-top: -5px;
    margin-left: 5px;
}

/* drop down sub menu (3rd level) */
.sub-submenu {
    background-color: #566c82;
    margin-left: -5px;
    margin-top: 5px !important;
}

/* login styling */
.login-page-bg {
    background-color: #fff;
}

/* turn off animations */
.nav-tabs>li>a, .nav-tabs>li>a:after {
   -webkit-transition: none;
   -o-transition: none;
}

/* main app tabs background */
.main-app-tabs {
    background-color: #d7dae0;
}

/* json editor */
div.jsoneditor-tree table.jsoneditor-tree {
  background-color: #fff;
}

/* page title styling */
.pagetitle {
    background-color: #8192a1; /* #627789 */;
    color: #fff;
}

/* tab content (page) */
.tabpage {
    margin-bottom: 0px;
    border: #8192a1 solid 5px;
    border-radius: 0;
}

/* add a small space on the right of each tab element */
@media (min-width: 769px) {
    .nav-tabs>li {
        margin-right: 2px;
    }
}

/* active tab item background */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #627789;
    border: none;
    border-bottom: transparent solid 1px;
    border-top: #80aec8 3px solid;
}

/* non active tabs background color */
.nav-tabs>li:not(.active)>a {
    background-color: rgba(0, 0, 0, 0.05);
}

/* non active hover background color */
.nav-tabs>li:not(.active)>a:hover {
    color: #fff;
    background-color: rgba(98, 119, 137, 1);
}

/* tab close bottom position and size */
.nav-tabs > li .closetab {
    margin: -2px 0 0 5px;
    font-size: 16px;
}

/* tab close button color on non active tabs */
.nav-tabs > li:not(.active) .closetab {
    color: #888;
}

/* tab close button color on non active tabs while hover */
/* tab close button color on active tabs */
.nav-tabs > li:not(.active):hover .closetab,
.nav-tabs > li.active .closetab {
    color: rgba(255, 255, 255, .5);
}

/* tab close button color on hover */
.nav-tabs > li:not(.active):hover .closetab:hover,
.nav-tabs > li .closetab:hover {
    color: #80aec8;
}


.nav-tabs {
    margin-bottom: 0px;
}

/* modal form center */
.modal {
    text-align: center;
    padding: 0!important;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}
.modal-dialog:not(.popup) {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* modal background color and opacity */
.modal-backdrop {
    background-color: #80adc8;
}
.modal-backdrop.in {
    opacity: 0.7;
}

.modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

/* form */

/* form item spacing */
.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 6px;
}
.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 6px;
}

/* form labels */
.dx-field-item-label-text {
    font-size: 13px;
}



.label-container{
    position:fixed;
    bottom:48px;
    right:105px;
    display:table;
    visibility: hidden;
}
.label-text{
    color:#FFF;
    background:rgba(51,51,51,0.5);
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
}
.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    /*opacity:0.5;*/
}
.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#bbb;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
}
.my-float{
    font-size:24px;
    margin-top:18px;
}
a.float + div.label-container {
    color: #fff;
  visibility: hidden;
  /*opacity: 0;*/
  /*transition: visibility 0s, opacity 0.5s ease;*/
}
a.float:hover + div.label-container{
  /*visibility: visible;*/
  /*opacity: 1;*/
}

.swal2-modal {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.swal2-modal .swal2-title {
    font-size: 22px;
}

.swal2-modal .swal2-content,
.swal2-modal .swal2-styled {
    font-size: 14px;
}

.navbar-lg .navbar-nav>.dropdown-user>a, .navbar-lg .navbar-nav>.dropdown-user>a>span {
    padding-top: 15px;
    padding-bottom: 11px;
}



/* grid */

/* style fixes for grid */
.dx-datagrid-rowsview .dx-row {
    border-top: none !important;
    border-bottom: none !important;
}
.dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
    border-top: none !important;
    border-bottom: none !important;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: none !important;
}

/* grid toolbar background color */
.dx-datagrid-header-panel .dx-toolbar, .dx-datagrid-header-panel {
    background-color: #8192a1;
}

/* grid font size and spacing to make space for more things */
.dx-widget {
    font-size: 12px !important;
    //font-family: monospace;
    letter-spacing: -0.0125em !important;
}


.dx-datagrid-rowsview .dx-datagrid-content, .dx-datagrid-summary-item, .dx-pivotgrid-area-data {
    font-family: "Roboto";
}

/* dx-grid column header */
.dx-datagrid-headers .dx-row:not(.dx-datagrid-filter-row) {
    background-color: #8192a1;
    color: #fff;
    height: 42px;
}

/* vertical align grid cells to middle */
.dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle !important;
}

/* remove the padding for the grid drop down menu, fixes the size of row */
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 0 !important;
}

/* inner grid line color */
.dx-datagrid .dx-column-lines > td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #ddd;
}

/* top border line on grid header */
.dx-datagrid-headers {
    border-top: 0 !important;
}

/* dx-grid header background */
.dx-datagrid-header-panel {
    padding-top: 10px;
    padding-right: 10px;
}

/* remove column filtering icon and display on hover or column filtered */
.dx-header-row .dx-header-filter.dx-header-filter-empty {
    display: none!important;
}
.dx-datagrid td:hover .dx-header-filter {
    display: inline-block!important;
}

/* dx-grid footer (totals) background color */
.dx-datagrid-total-footer {
    background-color: #bfd6e2;
    border: none;
}

/* overflow style to allow footer cells not limited inside the cell width */
.dx-datagrid-total-footer .dx-datagrid-text-content {
    overflow: visible;
}
.dx-datagrid-total-footer .dx-datagrid-text-content, .dx-master-detail-cell .dx-datagrid-total-footer td {
       overflow: visible;
}


/* dx-grid pager background and styling */
.dx-datagrid-pager {
    border-top: none;
}
.dx-datagrid-pager.dx-widget {
    background-color: #8194a3;
    color: #fff;
}

/* dx grid border */
.grid-border {
    border-left: 5px solid #8192a1;
    border-right: 5px solid #8192a1;
    border-bottom: 5px solid #8192a1;
}

/* grid toolbar icon colors */
.dx-toolbar-item .dx-button {
    background-color: #4fc3f7;
    border-color: #4fc3f7;
    color: #fff;
}
.dx-toolbar-item .dx-button .dx-icon {
    color: #fff;
}
.dx-toolbar-item .dx-button.dx-state-hover {
    background-color: #4fc3f7;
    border-color: #4fc3f7;
    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset;
    box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset;
}
.dx-toolbar-item .dx-button.dx-state-active {
    background-color: #45bbca;
    border-color: #45bbca;
}
.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    color: #fff;
}
.dx-loadpanel-content {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #bfd6e2;
}

/* grid menu icon color on hover */
.dx-data-row:hover .dx-menu-item .dx-icon {
    color: white
}

/* header filtering edit background */
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background-color: #d9e6ee !important;
}
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    border-radius: 0px;
}
/* column filtering icon on non filtered column and on filtered column */
.dx-header-row .dx-header-filter.dx-header-filter-empty {
    color: rgba(255, 255, 255, 0.3);
}
.dx-header-row .dx-header-filter:not(.dx-header-filter-empty) {
    color: #93d4e8;
}
/* column filtering icon size only on non filtered columns */
.dx-header-row .dx-header-filter.dx-header-filter-empty {
    font-size: 10px !important;
}
/* css style background for filtered column */
.bg-filter-cell {
    background: #cdbf6d !important;
    background: -moz-linear-gradient(0deg, #cdbf6d 0%, #8194a3 100%)!important;
    background: -webkit-linear-gradient(0deg, #cdbf6d 0%, #8194a3 100%)!important;
}

/* left right border on the toolbar header */
.dx-datagrid-header-panel {
    border: none;
}

/* group by text color */
.dx-datagrid-group-panel .dx-group-panel-message {
    color: #fff;
    margin-left: 5px;
    background-color: rgba(255,255,255,0.2);
}

/* black background color for record expand button */
.dx-data-row > .dx-datagrid-group-space,
.dx-datagrid-filter-row > .dx-datagrid-group-space {
    background: #8192a1 !important;
}
.dx-datagrid-group-closed, .dx-datagrid-group-opened {
    color: #fff !important;
}

/* grey background for internal area of detail grid and remove the top padding for sub-grids */
.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell.no-top-padding {
  padding-top: 0px;
  padding-bottom: 7px;
}

/* filtering icon position on right  */
.dx-datagrid .dx-column-indicators {
    float: right!important;
    padding-left: 5px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #b0727b;
    color: #fff;
}


/* header lines decoration */
.header-lines-decoration {
    z-index: 1000;
    width: 100%;
    position: absolute;
    top: 0;
    height: 6px;
}
.header-lines-decoration span {
    height: 100%;
    width: 12.5%;
    float: left;
}
.bg-stripe1 {
    background-color: #273f5b;
}
.bg-stripe2 {
    background-color: #0082d7;
}
.bg-stripe3 {
    background-color: #98d5ff;
}
.bg-stripe4 {
    background-color: #F89101;
}
.bg-stripe5 {
    background-color: #ff3133;
}
.bg-stripe6 {
    background-color: #01a23c;
}
.bg-stripe7 {
    background-color: #273f5b;
}
.bg-stripe8 {
    background-color: #c840a3;
}
.bg-stripe9 {
}
.bg-stripe10 {
}



/* fixed grid header */
.clone-headers {
    display: none;
}
.fixed-headers-separator {
    z-index: 501;
}

/* background on header filtering for non field columns */
tr.dx-datagrid-filter-row td {
    background-color: #d9e6ee;
}

/* dx menu selected item red background and white text */
.dx-menu-item.dx-state-hover {
    background-color: #b0727b;
    color: #fff;
}

/* disable animations */
.AnyTime-btn, .bootstrap-select .btn-default, .bootstrap-select.btn-group .dropdown-menu>li>a .check-mark, .breadcrumb-elements>li>a, .breadcrumb>li>a, .btn, .checker span:after, .choice span:after, .dataTable .select-checkbox:after, .dataTable .select-checkbox:before, .dataTables_filter input, .dataTables_paginate .paginate_button, .datepicker-dropdown .day, .daterangepicker td, .daterangepicker th, .dropdown-content-footer a, .dropdown-menu>li>a, .dropdown-menu>li>label, .dt-autofill-button .btn, .dt-autofill-list ul li, .dt-button, .fc-button, .icons-list>li>a, .list-group-item, .media-link, .menu-list li>a, .multiselect.btn-default, .nav li>a>.badge, .nav li>a>.label, .nav-pills>li>a, .nav-tabs>li>a, .nav-tabs>li>a:after, .navbar-link, .navbar-nav>li>a, .noUi-handle, .pager>li>a, .pager>li>span, .pagination>li>a, .pagination>li>span, .password-indicator-group.input-group-addon, .password-indicator-label-absolute, .picker__day, .picker__footer, .picker__footer button, .picker__list button, .picker__list-item, .picker__nav--next, .picker__nav--prev, .pika-button, .plupload_button, .plupload_file_action>a, .plupload_filelist li, .select2-results__option, .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice, .select2-selection--single:not([class*=bg-]), .select2-selection__choice__remove, .selectboxit-btn, .selectboxit-option-anchor, .sp-cancel, .sp-choose, .sp-input, .sp-palette-toggle, .sp-replacer, .tokenfield .token, .tt-suggestion, .ui-button, .ui-datepicker a, .ui-datepicker-buttonpane>button, .ui-menu-item, .ui-selectmenu-button, .wizard .actions a, a.badge, a.label {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/* change background color on input focus */
.dx-texteditor.dx-state-focused input {
    background-color: #ceecf5;
}
.dx-state-focused .dx-tag-container {
    background-color: #ceecf5;
}
/* change input border on hover */
.dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active, .dx-texteditor.dx-state-hover {
    border-color: #80adc8;
}
/* change background of button inside input (calendar, dropdown etc), default blue */
.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    background-color: #4fc3f7;
    color: #fff;
}
/* change background of button inside input (calendar, dropdown etc), green */
.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon.hover-green,
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon.hover-green {
    background-color: #9ccc65;
    color: #fff;
}

/* second button position */
.input-button-position2 {
    right: 34px;
}



/* tag box editing */
.dx-tag-content {
    background-color: #E57373;
    color: #fff;
}
.dx-tag-remove-button:before, .dx-tag-remove-button:after {
    background: #f2b9b9;
}
.dx-tag-remove-button:active:before, .dx-tag-remove-button:active:after {
    background: #f7d5d5;
}

/* special class to remove default dxgrid icon (content) so we can display custom button */
.no-icon.dx-dropdowneditor-icon:before  {
    content: '';
}

/* custom input button icon styling */
.input-button-icon {
    font-size: 14px;
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

/* custom input button font */
.input-button-icomoon {
    font-family: 'icomoon';
    font-size: 12px;
}
/* custom input button always-display background */
.input-button-blue-background {
    background-color: #4fc3f7;
    color: #fff;
}
.input-button-search-icon.dx-dropdowneditor-icon:before  {
    content: '\e98e';
}
.input-button-plus-icon.dx-dropdowneditor-icon:before  {
    content: "\e9f7";
}

/* page loader (spinner) in pure css */
.loader-container {
    display: flex;           /* establish flex container */
    flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center;     /* center items horizontally, in this case */
}
.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin: 5px;
    text-align: center;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* blockui spinner */
.spinner {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.spinner > .spinner-dot:nth-child(1) {
    -webkit-animation-delay: -.32s;
    -moz-animation-delay: -.32s;
    -o-animation-delay: -.32s;
    -ms-animation-delay: -.32s;
    animation-delay: -.32s;
}
.spinner > .spinner-dot:nth-child(2) {
    -webkit-animation-delay: -.16s;
    -moz-animation-delay: -.16s;
    -o-animation-delay: -.16s;
    -ms-animation-delay: -.16s;
    animation-delay: -.16s;
}
.spinner > .spinner-dot {
    width: 15px;
    height: 15px;
    background: #333;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    -webkit-animation: bounce 1.4s infinite ease-in-out;
    -moz-animation: bounce 1.4s infinite ease-in-out;
    -o-animation: bounce 1.4s infinite ease-in-out;
    -ms-animation: bounce 1.4s infinite ease-in-out;
    animation: bounce 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-moz-keyframes bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}@-webkit-keyframes bounce {
     0%, 80%, 100% {
         -webkit-transform: scale(0);
         -moz-transform: scale(0);
         -o-transform: scale(0);
         -ms-transform: scale(0);
         transform: scale(0);
     }
     40% {
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
     }
 }@-o-keyframes bounce {
      0%, 80%, 100% {
          -webkit-transform: scale(0);
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
      }
      40% {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
      }
  }@keyframes bounce {
       0%, 80%, 100% {
           -webkit-transform: scale(0);
           -moz-transform: scale(0);
           -o-transform: scale(0);
           -ms-transform: scale(0);
           transform: scale(0);
       }
       40% {
           -webkit-transform: scale(1);
           -moz-transform: scale(1);
           -o-transform: scale(1);
           -ms-transform: scale(1);
           transform: scale(1);
       }
   }


.grid-tagbox {
    margin: 0 2px 0 0;
    padding: 1px 3px 1px 2px;
    font-size: 11px;
    font-family: "Roboto";
    min-width: 0;
}

.dx-popup-content {
    padding: 0;
}

@media (min-width: 1024px) {
    .modal-md {
        width: 750px;
    }
}

@media (min-width: 1024px) {
    .modal-lg {
        width: 900px;
    }
}





/* UNKNOWN */
.dx-datagrid-group-panel .dx-group-panel-item {
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}
.dx-datagrid-group-panel .dx-sort {
    color: #fff;
}

.dx-datagrid .dx-header-filter {
    color: #93d4e8;
}

.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    background-color: rgba(130, 148, 169, 0.3);
}

.dx-scrollable-scroll-content {
    background-color: rgba(130, 148, 169, 0.8);
}



//.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon

.nav>li>a {
    //padding: 9px 9px;
}



.dx-datagrid-headers.dx-datagrid-nowrap {
    padding-right: 0 !important;
}

.dx-datagrid-pager.dx-pager {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dx-pager .dx-pages .dx-page {
    padding: 2px 5px 2px 5px;
    //padding-right: 5px;
    //padding-left: 5px;
}
.dx-pager .dx-pages .dx-navigate-button {
    padding: 3px 5px 3px 5px;
}
.dx-pager .dx-page-sizes .dx-page-size {
    padding: 2px 5px 2px 5px;
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    padding: 0;
}

#jsoneditor {
    height: 700px !important;
}


.pivot-toolbar {
    background-color: #8392a1;
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
    color: #fff !important;
    background-color: #8192a1 !important;
}