/**
    Override Angle default styles
    Brings clarity by adding independent styles required for MVC projects
*/


/* Override colorpicker paths */
.colorpicker-saturation {
  background-image: url("Images/bootstrap-colorpicker/saturation.png");
}

.colorpicker-hue {
  background-image: url("Images/bootstrap-colorpicker/hue.png");
}

.colorpicker-alpha {
  background-image: url("Images/bootstrap-colorpicker/alpha.png");
}

.colorpicker-color {
  background-image: url("Images/bootstrap-colorpicker/alpha.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("Images/bootstrap-colorpicker/hue-horizontal.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("Images/bootstrap-colorpicker/alpha-horizontal.png");
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_222222_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_cd0a0a_256x240.png");
}

.alertify .ajs-header {
    background: black;
    color: white;
    font-weight: bold;
}

.dataTables_processing
{
    display: none !important;
}
table.table
{
    width: 100% !important;
}

.datepicker-dropdown 
{
    z-index: 2000 !important;
}
.whirl:after
{
    z-index: 9999 !important;
}

.tooltip-inner {
    max-width: 100% !important;
}

.topnavbar {
    z-index: 1030 !important;
}

.alertify .ajs-body .ajs-content .ajs-input {
    display: block;
    width: 100%;
    padding: 8px;
    margin: 4px;
    border-radius: 2px;
    border: 1px solid #CCC;
}

.vue__time-picker input.display-time,
.vue__time-picker input.vue__time-picker-input {
    border: 1px solid #dde6e9;
    height: auto;
    padding: 0.375rem 1rem;
}

/* v-calendar 3 draws the header as <button>s; drop the browser's default grey button background */
.vc-header button.vc-title,
.vc-header button.vc-arrow:not(:hover) {
    background-color: transparent;
    border: 0;
}