/* Scrollbar */
/* width */
::-webkit-scrollbar {
    width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #c7c7c7;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #050b23;
}

.ski-layout-toolbar {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.ski-layout-toolbar .dx-toolbar-items-container {
    height: 60px !important ;
}
:host-context(.screen-x-small) .ski-layout-toolbar .dx-toolbar-items-container {
    height: 50px !important;
}
.error-message{
    color: red;
}
.ski-header-title {
    font-size: xx-large;
    color: #1b6ea1;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-before {
    padding-right: 10px;
    padding-left: 10px;
}
.ski-layout-toolbar .dx-toolbar-before {
    font-size: large;
}
:host-context(.screen-x-small) .ski-layout-toolbar .dx-toolbar-before {
    padding-left: 10px;
}
.ski-layout-toolbar .dx-toolbar-label {
    font-size: xx-large;
    color: #1b6ea1;
}
.ski-layout-toolbar .dx-toolbar-after {
    padding-right: 20px;
    font-size: large;
}
:host-context(.screen-x-small) .ski-layout-toolbar .dx-toolbar-after {
    padding-right: 15px;
}
.ski-layout-toolbar .dx-toolbar-item {
    padding: 10px;
}
:host-context(.screen-x-small) .ski-layout-toolbar .dx-toolbar-item {
    padding: 10px;
}
.ski-user-panel-image-container,
.ski-hyper-link {
    color: #03a9f4;
}
.ski-layout-toolbar .dx-button-has-icon .dx-icon {
    font-size: x-large;
}
:host-context(.screen-x-small) .ski-layout-toolbar .dx-button-has-icon .dx-icon {
    padding: large;
}

.ski-login-portal-header {
    color: #f2f2f2;
}

.ski-login-panel {
    background-image: linear-gradient(336deg, #d4d3d3, #fff); /* grey panel on background */
    /* box-shadow: 0 0 50px -12px #070c25, 0 0 400px 19px #050b23; */
    box-shadow: 10px 10px 5px 0px rgba(50, 50, 50, 0.75);
}

.ski-text-required {
    color: #ff0000;
}
.ski-white-background {
    background-color: #fff !important;
}
.ski-side-navigator-outer-toolbar {
    background-color: #f2f2f2;
}

.ski-side-navigator-menu {
    background-color: #363640;
}

.ski-events-button-content .events-button {
    color: #1b6ea1;
}
.ski-events-grey-button-content .events-button {
    color: #888;
}
.ski-events-button-content .badger-inner-header {
    background: #f00;
    background: -webkit-linear-gradient(#ff5722, #f00);
}
.ski-events-button-content .badger-badge-header {
    color: #fff;
}
.filter-button-container {
    padding-left: 10px;
    font-size: 18px !important;
    cursor: pointer;
}
.filter-button-container .filter-button {
    color: #1b6ea1;
}
.filter-button-container .filter-button:hover {
    color: #1d4567;
}


.action-button .dx-dropdownbutton-action .dx-state-focused {
    background-color: #337ab7 !important;
    color: #fff !important;
}
.action-button .dx-dropdownbutton-action {
    background-color: #337ab7 !important;;
    color: #fff !important;
}

.action-button .dx-dropdownbutton-action:hover {
    background-color: #1d4567 !important;
    color: #fff !important;
}
.action-button .dx-dropdownbutton-action .dx-icon {
    color: #fff !important;
}

.action-button .dx-dropdownbutton-action .dx-state-disabled {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #333 !important;
}
.hide {
    display: none;
}
.ski-tabs .dx-tab-selected,
.dx-tabpanel-tabs .dx-tab-selected {
    background-color: #337ab7;
    color: #fff;
}
.mandatory-field {
  color: #ea4444;
}