﻿/*Swap Burger menu and Branding Logo*/
.navbar .sidebar-collapse {
    position: inherit !important;
}

/*Remove Borders for Avatar*/
.login-area .avatar {
    border: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 1px !important;
}

/* Fix Spacing with icon instead of picture for profile*/
.login-area {
    padding-top: 0px !important;
}

    .login-area section h2 {
        padding-top: 9px !important;
    }

/* Wells heading in Orange*/
.bg-orange {
    background-color: #ff8f32 !important;
}

.bordered-orange {
    border-color: #ff8f32 !important;
}

/* Remove Margin on Select Boxes */
.checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* Navbar white for Logo with Orange Border */
.navbar .navbar-inner {
    background: #FFF !important;
    border-bottom: 2px !important;
    border-style: solid !important;
    border-color: #ff8f32 !important;
}

.navbar .sidebar-collapse .collapse-icon {
    color: #ff8f32 !important;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a .icon {
    color: #ff8f32 !important;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 span {
    color: #ff8f32 !important;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
    background-color: #fff !important;
}

/* Login Profile Text Colour */
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email, .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email a {
    color: #737373 !important;
    text-align: left !important;
}

/*Menu Font Size Smaller */
.page-sidebar .sidebar-menu a {
    font-size: 11px !important;
}

.page-sidebar .sidebar-menu .submenu > li > a {
    padding-left: 20px !important;
}

.page-sidebar .sidebar-menu > li > .submenu > li > a::before {
    left: 8px !important;
}

.page-sidebar .sidebar-menu > li > .submenu::before {
    left: 10px !important;
}

/* Frozen & Highlight item*/
.table-striped > tbody > tr.frozenitem {
    background-color: #e0b2b2 !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1).frozenitem {
    background-color: #c16666 !important;
}

.table-striped > tbody > tr.frozenitem {
    background-color: #faebd7 !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1).frozenitem {
    background-color: #e1d3c1 !important;
}

/*Overflow for Horizontal Scrolling for Distribution Orders*/
.scroll-horizontal
{
    overflow-x: scroll !important;
}

/* Master No Nav remove Margin to dock window to left*/
.no-margin 
{
    margin-left: 0px !important;
}

/* Alert to orange */
.alert.alert-info {
    border-color: #e5802d !important;
    background: #ffa55a !important;
}

.tempcheckboxfix input[type=checkbox] {
    opacity: 100 !important;
    position: relative !important;
    left: 0px !important;
}


/* Error div for Form Field Validation */
.validation-error {
    color: #df5138;
}

.highlighttext {
    color: orangered;
}

/* Sticky Table Header */

tr#tblHeaderRow.stickyheader td {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fbfbfb;
}

.stickyheader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fbfbfb;
}

.dashboardoptions {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: -30px;
}

.dashboardoptions div {
    padding-bottom: 10px;
}

.datefieldwithlabel-datefield {
    display: inline-block;
}

.datefieldwithlabel-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.dashboardbuttons {
    text-align: right;
    padding-bottom: 10px;
}

.jobworkflowtable input[type=checkbox] {
    opacity: 1;
    position: static;
    left: auto;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

#workflowtable .overdue {
   background-color: #ffb3af;
}

table.dataTable tbody th, table.dataTable tbody td {
  padding: 2px !important;
}

.yadcf-filter-reset-button {
   background-color: #d3d3d3 !important;
   color: #000 !important;
}

.allowscroll {
    overflow-x: scroll;
}

/* Sweet alert */
.swal2-modal {
    background-color: #fff !important;
}

    .swal2-modal .swal2-title {
        color: #000 !important;
        font-weight: bold !important;
        font-family: 'Open Sans','Segoe UI' !important;
    }

    .swal2-modal .swal2-content {
        color: #000 !important;
        font-family: 'Open Sans','Segoe UI' !important;
    }

    .swal2-modal .swal2-input {
        border: 1px solid #ff8f32 !important;
    }

.swal2-confirm.swal2-styled {
    color: #fff !important;
    background-color: #ff8f32 !important;
    border: 1px solid #ff8f32 !important;
    font-family: 'Open Sans','Segoe UI' !important;
}

        .swal2-confirm.swal2-styled:hover {
            background-color: #fff !important;
            color: #ff8f32 !important;
            border: 1px solid #ff8f32 !important;
            font-family: 'Open Sans','Segoe UI' !important;
        }

.swal2-cancel.swal2-styled {
    background-color: #e64234 !important;
    color: #fff !important;
    border: 1px solid #e64234 !important;
    font-family: 'Open Sans','Segoe UI' !important;
}

    .swal2-cancel.swal2-styled:hover {
        color: #e64234 !important;
        background-color: #fff !important;
        border: 1px solid #e64234 !important;
        font-family: 'Open Sans','Segoe UI' !important;
    }

.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
    color: #fff !important;
    border-left-color: #ff8f32 !important;
    border-right-color: #ff8f32 !important;
}