@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic);
@import url(bootstrap-datepicker3.css);
.banner {
  max-height: 590px;
}
.banner-bg-login {
  background-repeat: repeat-x;
  background-position: top center;
}
.banner-bg {
  background-repeat: repeat-x;
  background-position: top center;
}
.tab-nav {
  padding-top: 50px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
#loginPanel a {
  color: #438da2;
  font-size: 12px;
}
.login-wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
  box-shadow: 3px 3px 55px #022131;
}
.login.main-contain {
  clear: both;
  transition: transform 0.3s;
  min-height: 80vh;
  background-size: cover;
  background-color: #015b5d;
}
.logo-area {
  display: block;
  width: 100%;
  background: #027f82;
  min-height: 110px;
  padding-top: 26px;
  padding-left: 0;
}
.logo-area-footer {
    display: block;
    background: #027f82;
    min-height: 90px;
    padding-top: 15px;
    padding-right: 5px;
    text-align: right;
}
.footer-text {
    font-size: 14px;
    color: #fff;
    padding:10px;
}
.footer-copyright {
    font-size: 10px;
    color: #fff;
}
.logo-bottom {
    transform: scale(0.7);
    float: left;
    margin-bottom: auto;
}

@media (max-width:1620px) {
    .logo-area-footer-media {
        flex-direction: column;
        display: flex;
        justify-content: space-between;
    }
    a{
        order:2;
    }
}

    .copyright-notice {
        color: #fff;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .logo-area-footer .copyright-notice {
        margin: 0;
        padding: 5px 10px;
        text-align: left;
        font-size: 11px;
    }

    .login .content-area {
        padding-top: 10%;
        padding-right: 10px;
        padding-left: 20px;
    }

    .login .dash-heading {
        font-family: "Poppins", sans-serif;
        float: left;
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 30px;
        font-weight: 500;
        color: #494949;
        text-transform: uppercase;
        font-family: "Oswald", Arial, sans-serif;
        font-size: 28px;
        font-weight: 400;
        color: #494949;
        text-transform: uppercase;
    }

    .login input.form-control {
        display: block;
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
        padding: 6px 0;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 0;
        border: 1px solid #eeeff0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: none;
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: none;
        padding-left: 10px;
        color: #8d0707 !important;
    }

    .login .dash-head-left {
        width: 100%;
        float: left;
        text-align: left;
    }

    .login .well {
        padding: 20px 60px 20px 60px;
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 0;
        min-height: 110px;
    }

    .login .login-btn-primary-color {
        width: 100%;
        font-size: 17px !important;
        border-radius: 3px !important;
        color: #fff !important;
        padding: 15px;
        margin-top: 22px;
        background-color: #027f82;
        -webkit-transition: ease-out 0.1s;
    }

    .login .btn-cancel {
        width: 100%;
        font-size: 17px !important;
        border-radius: 3px !important;
        color: #fff !important;
        padding: 15px;
        margin-top: 22px;
        background-color: #7f8282;
        -webkit-transition: ease-out 0.3s;
    }

        .login .btn-cancel:hover {
            color: #fff !important;
            background-color: #6a6a6b !important;
            -webkit-transition: ease-in-out 0.3s;
        }

    .login .login-btn-primary-color:hover {
        color: #fff !important;
        background-color: #024a4c !important;
        -webkit-transition: ease-in-out 0.3s;
    }

    .login-rem {
        float: left;
        margin-top: 5px;
        font-weight: 600;
        font-size: 13px;
    }

    .login-fp {
        float: right;
        margin-top: 5px;
        font-size: 13px;
        color: #438da2;
    }

        .login-fp:hover {
            color: #ff6400;
        }

    h3 {
        color: #828282;
    }

    select::-ms-expand {
        display: none;
    }

    .left-top-nav img:hover {
        opacity: 0.7;
    }

    .icon img:hover {
        opacity: 0.7;
    }

    .topbar {
        position: relative;
        min-height: 54px;
        margin-bottom: 0;
        background-color: #027f82;
    }

    .profile-head {
        padding-top: 10px;
    }

    .top-prof {
        border: 1px solid #066c6e;
        background-color: #04878a;
        padding: 6px 5px 6px 15px;
        float: right;
        color: #6cc5c7;
        min-width: 150px;
        height: 32px;
        font-size: 12px;
        cursor: pointer;
    }

    .top-prof-img {
        cursor: pointer;
        width: 35px;
        height: 32px;
        background-color: #036e70;
        float: right;
        border-right: 1px solid #036062;
        border-top: 1px solid #036062;
        border-bottom: 1px solid #036062;
        background-image: url(/Content/images/prof-img.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .top-prof-logout {
        width: 35px;
        height: 32px;
        background-color: #036e70;
        float: right;
        border-right: 1px solid #036062;
        border-top: 1px solid #036062;
        border-left: 1px solid #036062;
        border-bottom: 1px solid #036062;
        margin-left: 5px;
    }

    .profile-head select {
        border: 1px solid #464648;
        background-color: #5a595d;
        padding: 6px 5px 6px 15px;
        float: right;
        color: #afaeb2;
        min-width: 150px;
        height: 32px;
        font-size: 12px;
        margin-right: 15px;
    }

    .acc-change-left {
        float: left;
        overflow: hidden;
        width: 50%;
    }

    .top-right {
        float: right;
        width: 50%;
    }

    .top-mobile {
        display: none;
    }

    .dropdown-menu {
        transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    }

    .left-nav {
        position: fixed;
        height: 100%;
        background: #027f82;
        width: 200px;
        z-index: 100000;
    }

        .left-nav .dash-nav {
            padding-bottom: 14px !important;
            border-right: 0;
        }

        .left-nav .navbar-nav > li > a {
            text-align: left;
            width: 200px;
            padding-left: 15px !important;
        }

            .left-nav .navbar-nav > li > a#alt-logo:hover {
                background: none !important;
            }

        .left-nav li {
            float: none;
        }

    .nav-switch {
        cursor: pointer;
        background-image: none !important;
    }

    a.nav-switch {
        text-align: center;
        color: #0a9b9e;
        font-size: 21px;
    }

        a.nav-switch:hover {
            color: white;
        }

    a.logoutBtn {
        text-align: center;
        color: #0a9b9e;
        font-size: 21px;
    }

        a.logoutBtn:hover {
            color: white;
        }

    .logo-alt {
        padding: 3px 5px;
    }

    .logo-small {
        display: none;
    }

    .small-left {
        width: 54px !important;
    }

        .small-left .navbar-nav > li > a {
            padding: 10px 11px !important;
            text-align: center;
            width: 54px;
        }

        .small-left .dash-nav .fa {
            margin-right: 0;
        }

        .small-left .navbar-nav > li > a span {
            display: none !important;
        }

        .small-left .logo-alt {
            display: none;
        }

        .small-left .logo-small {
            padding: 3px 0;
            display: block !important;
            margin: 0 !important;
        }

        .small-left .fa-arrow-left {
            display: none !important;
        }

        .small-left .fa-arrow-right {
            display: block !important;
        }

    .full-width {
        clear: both;
        width: 100% !important;
        padding-left: 200px;
        min-height: 80.8vh;
    }

    .extra-width {
        padding-left: 50px;
    }

    .popup-third {
        display: inline-block;
        width: 30%;
        margin-right: 10px;
    }

    .acc-details {
        padding-top: 6px;
        margin-right: 15px;
    }

        .acc-details span {
            margin: 0 8px;
            color: #fff;
            font-size: 13px;
        }

            .acc-details span a {
                color: #e9b53e;
            }

    .span-full {
        width: 100% !important;
        padding-right: 35px;
    }

    .left-nav .sub-menu {
        position: absolute;
        left: 200px;
        width: 100%;
        top: 0;
        padding: 0;
        display: none;
    }

        .left-nav .sub-menu li {
            list-style-type: none;
        }

    .left-nav ul.navbar-nav li:hover ul.sub-menu {
        display: block;
    }

    .left-nav .sub-menu li a:hover {
        text-decoration: none;
        background-color: #eee;
        color: #494949 !important;
    }

    .left-nav .sub-menu .title-item {
        display: none;
    }

    .left-nav ul.navbar-nav li:hover ul.sub-menu li a {
        padding: 15px 10px;
        background: #eee;
        color: #fff;
        font-family: "Oswald", Arial, sans-serif;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 400;
        width: 100%;
        display: block;
        text-align: left;
    }

    .left-nav ul.sub-menu a:hover,
    .left-nav ul.sub-menu a:focus {
        color: #027f82 !important;
        background-color: #eee !important;
    }

    .left-nav a.nav-end:focus {
        color: #fff !important;
        background-color: #027f82 !important;
    }

    .no-touch .left-nav ul.nav li:hover > a {
        background: #eee !important;
        color: #027f82 !important;
    }

    .left-nav ul.nav > li:hover ul {
        display: block;
    }

    .left-nav ul.nav > li ul li {
        display: block;
    }

    .left-nav .sub-menu .title-item {
        display: block !important;
    }

    .no-touch .small-left .navbar-nav > li:hover > a span {
        display: block !important;
        position: absolute;
        left: 54px;
        width: 145px;
        top: 1px;
        padding: 10px;
        background: #027f82;
        font-size: 15px;
        color: #fff;
        text-align: left;
        color: #027f82;
        background-color: #eee;
    }

    .small-left .sub-menu {
        position: absolute !important;
        left: 54px !important;
        width: 145px !important;
        top: 47px !important;
        padding: 0 !important;
        display: none;
    }

    .small-left ul.navbar-nav li:hover ul.sub-menu {
        display: block;
    }

        .small-left ul.navbar-nav li:hover ul.sub-menu li a {
            padding: 10px;
            background: #eee;
            color: #fff;
            font-family: "Oswald", Arial, sans-serif;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 400;
            width: 100%;
            display: block;
            text-align: left;
        }

    .no-touch .small-left ul.nav li:hover > a {
        background: #eee !important;
        color: #027f82 !important;
    }

    .small-left ul.nav > li:hover ul {
        display: block;
    }

    .small-left ul.nav > li ul li {
        display: block;
    }

    @media (min-width: 900px) and (max-width: 1200px) {
        .banner {
            display: none !important;
        }

        .nav-switch {
            display: none;
        }

        .left-nav {
            display: block !important;
        }

        .main-contain .container {
            width: 100%;
            padding-left: 200px;
        }

        .main-contain .small-padding {
            padding-left: 50px;
        }
    }

    @media (min-width: 900px) and (max-width: 1050px) {
        .or-awaiting {
            font-size: 11px !important;
        }

        .dash-table {
            display: block;
        }
    }

    @media (max-width: 900px) {
        .full-width {
            clear: both;
            width: 100% !important;
            padding-left: 0;
        }

        .left-nav {
            display: none !important;
        }

        .banner {
            display: block !important;
        }

        .acc-change {
            width: 160px;
            background-color: #5a595d;
            left: 9px;
            top: 40px;
        }

        .acc-details {
            width: 70% !important;
            float: left !important;
            padding: 0 !important;
            margin-right: 0;
        }

            .acc-details span {
                font-size: 11px !important;
            }

        .navbar-collapse .sub-menu {
            position: relative !important;
            left: 0 !important;
            width: 100% !important;
            top: 0 !important;
            padding: 0 !important;
            display: inline-block;
            float: left;
        }

        .navbar-collapse li:hover > a {
            background: #eee !important;
            color: #525157 !important;
        }

        .navbar-collapse li ul.sub-menu li a {
            padding: 15px 10px;
            background: #525157;
            color: #fff;
            font-family: "Oswald", Arial, sans-serif;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 400;
            width: 100%;
            display: inline-block;
            text-align: left;
            text-decoration: none;
            padding-left: 40px !important;
        }

        .navbar-collapse li:hover ul.sub-menu li a {
            padding: 15px 10px;
            background: #525157;
            color: #fff;
            font-family: "Oswald", Arial, sans-serif;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 400;
            width: 100%;
            display: inline-block;
            text-align: left;
            text-decoration: none;
        }

        .navbar-collapse .sub-menu li {
            list-style-type: none;
        }

        .nav-switch {
            display: none;
        }
    }

    .k-window-titlebar {
        position: relative;
        width: 100%;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin-top: -2em;
        padding: 0.4em 0;
        font-size: 14px;
        white-space: nowrap;
        background-color: #008d88 !important;
        font-weight: normal;
        padding: 10px 0 10px 0;
        background-image: none !important;
        color: white;
        text-transform: uppercase;
    }

    .k-icon .k-i-close {
        color: white;
    }

    .offers .k-dropdown-wrap {
        border-radius: 0 !important;
        width: 96% !important;
        padding: 5px !important;
        border: 1px solid #bebaba !important;
        height: 32px !important;
    }

    .k-dropdown {
        width: 96% !important;
    }

    .dashboard .k-dropdown {
        width: 100% !important;
    }

    #productPartialPlaceHolder {
        width: 100%;
    }

        #productPartialPlaceHolder .k-numeric-wrap .k-input {
            height: 26px !important;
            width: 150px !important;
        }

    #gridSelectedBuyProducts .k-numeric-wrap .k-input {
        height: 23px !important;
        width: 40px !important;
    }

    #productPartialPlaceHolder .form-section {
        padding-top: 0 !important;
    }

    .k-master-row:hover {
        background-color: #d6ebea !important;
    }

    .k-grid table tr:hover {
        background-color: #d6ebea !important;
    }

    .filter-table .k-dropdown {
        width: 100% !important;
    }

    .grid-container .k-dropdown {
        width: 50px !important;
    }

    .users .k-dropdown {
        width: 100% !important;
    }

    .grid-container .k-grid td {
        font-size: 11px;
    }

    #selectedProductsGridContainer .k-numeric-wrap .k-input {
        height: 20px !important;
        width: 36px !important;
    }

    #selectedProductsGridContainer div[id^="gridSelectedProductOffers"] {
        color: #027f82;
        font-size: 10px !important;
        text-transform: uppercase !important;
    }

    #selectedProductsGridContainer div[id^="gridAvailableBuyProductsOffers"] {
        color: #027f82 !important;
        font-size: 10px !important;
        text-transform: uppercase !important;
    }

    #selectedProductsGridContainer div[id^="gridSelectedBuyProductsOffers"] {
        color: #027f82 !important;
        font-size: 10px !important;
        text-transform: uppercase !important;
    }

        #selectedProductsGridContainer div[id^="gridSelectedBuyProductsOffers"] .k-header {
            color: #027f82;
            background: none !important;
            background-image: none !important;
            background-color: #d4e6e7 !important;
        }

    #selectedProductsGridContainer div[id^="gridSelectedProductOffers"] .k-header {
        color: #027f82;
        background: none !important;
        background-image: none !important;
        background-color: #d4e6e7 !important;
    }

    #selectedProductsGridContainer div[id^="gridAvailableBuyProductsOffers"] .k-header {
        color: #027f82;
        background: none !important;
        background-image: none !important;
        background-color: #d4e6e7 !important;
    }

    #selectedProductsGridContainer #gridSelectedProducts .k-detail-cell {
        padding-right: 1px !important;
        padding-bottom: 10px !important;
    }

    #selectedProductsGridContainer .k-alt,
    .k-pivot-layout > tbody > tr:first-child > td:first-child,
    .k-resource.k-alt,
    .k-separator {
        background-color: #fff !important;
    }

    * {
        border-radius: 0 !important;
    }

    .k-picker-wrap .k-input {
        height: 25px !important;
    }

    .k-numerictextbox {
        position: static !important;
        width: auto !important;
    }

    .k-numeric-wrap .k-input {
        height: 26px !important;
    }

    .k-grid-header {
        text-transform: uppercase;
    }

    .k-grid input[type="number"] {
        width: 40px !important;
    }

    .dash-head-right .btn-heading-standard {
        border-radius: 20px !important;
        padding: 12px 25px 12px 25px;
        font-family: "Oswald", Arial, sans-serif;
        font-size: 14px;
        outline: 0;
    }

    .dash-head-right .fa {
        font-size: 18px !important;
    }

    .k-grid-ToggleStatus {
        width: 100px !important;
    }

    .k-grid tbody .k-button,
    .k-ie8 .k-grid tbody button.k-button {
        min-width: 60px;
    }

    .greenGridLink {
        color: #00716d;
        text-transform: uppercase;
        text-decoration: underline;
    }

        .greenGridLink:hover {
            color: #000;
            text-decoration: none;
        }

    .gridGreen {
        color: #039d70;
    }

    .gridRed {
        color: #c94545;
    }

    @media (max-width: 1200px) {
        .k-grid-content {
            height: auto !important;
            max-height: 400px;
        }
    }

    .grid-container {
        min-height: 0 !important;
        overflow: auto;
    }

    .panel-body {
        padding: 15px 15px 10px 15px;
        background-color: #f9f9f9;
        border: 1px solid #e3e1e1;
        border-top: 0;
    }

    .panel-heading {
        padding: 12px 12px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .well {
        min-height: 20px;
        padding: 30px 35px 30px 35px;
        margin-bottom: 0;
        background-color: #f9f9f9;
        border-radius: 0;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 6px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.5;
        color: #6cc5c7 !important;
        text-align: inherit;
        white-space: nowrap;
        background: 0;
        border: 0;
        font-size: 12px;
        transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
    }

        .dropdown-item:hover {
            color: #fff !important;
        }

    .k-grid-header {
        text-transform: uppercase;
        font-size: 13px;
        font-family: "Oswald", Arial, sans-serif;
    }

    .grid-container .k-grid-header {
        font-size: 12px;
    }

        .grid-container .k-grid-header th.k-header {
            padding: 0.5em 0.6em 0.4em 0.6em;
        }

    .grid-container .form-button-container {
        padding-top: 0 !important;
    }

    .k-grid-header th.k-header {
        padding: 0.8em 0.9em 0.7em 0.9em;
    }

    .k-link {
        color: #5d5d5d !important;
    }

    .k-grid-norecords-template {
        background-color: #fff;
        border: 0 solid #d5d5d5;
        color: #c94545;
        text-transform: uppercase;
        font-family: "Oswald", Arial, sans-serif;
    }

    label {
        color: #484747 !important;
        text-transform: uppercase;
        font-size: 11px;
        margin-bottom: 1px;
    }

    .asterisk {
        color: red;
        font-weight: bold;
    }

    #orderFilters .k-autocomplete {
        width: 100%;
    }

    @media (max-width: 1200px) {
        .k-dropdown {
            width: 99.3% !important;
        }
    }

    .k-grid tbody .k-button,
    .k-ie8 .k-grid tbody button.k-button {
        text-transform: uppercase;
        font-size: 10px !important;
    }

    .k-input {
        padding: 0;
    }

    #productUpdatePanel .k-numerictextbox {
        width: 100% !important;
    }

    #productUpdatePanel .off-form-bottom-element {
        padding-bottom: 10px;
    }

    #customerUpdatePanel .off-form-bottom-element {
        padding-bottom: 10px;
    }

    .spacer {
        clear: both;
        width: 100%;
        height: 10px;
    }

    .reportRadioGroup input[type="radio"] {
        margin-right: 3px;
        vertical-align: middle;
    }

    .reportRadioGroup label {
        margin-top: 6px;
        vertical-align: middle;
        width: 100px;
    }

    .labelWider {
        width: 140px !important;
    }

    .panel-heading-sub {
        padding: 10px 10px;
        font-size: 12px !important;
        color: white;
    }

    .banner-home {
        height: 590px;
        max-height: 590px;
    }

    .hint-message I.icon {
        padding: 0 4px 0 4px !important;
        font-size: 15px;
    }

    .logo-top {
        height: 119px;
        background: rgba(0, 157, 150, 0.69);
    }

    .logo {
        margin-top: 30px;
        width: 100%;
    }

    .icon {
        padding: 14px 10px 10px 0 !important;
    }

    .banner-content-area {
        margin-top: 90px;
        height: 180px;
        width: 40%;
        background-color: #525157;
        opacity: 0.75;
        padding: 20px;
        color: #fff;
    }

        .banner-content-area span {
            font-size: 18px;
            font-weight: bold;
        }

        .banner-content-area p {
            font-size: 13px;
            margin-top: 15px;
        }

    .dash-nav {
        background-color: #027f82;
        font-family: "Oswald", Arial, sans-serif;
        text-transform: uppercase;
        text-align: center;
        padding-top: 14px !important;
        padding-bottom: 13px !important;
        padding-left: 30px !important;
        padding-right: 35px !important;
        border-right: 1px solid #219c97;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
    }

    .nav-end {
        border-right: none !important;
    }

    .tab-pane.active {
        background-color: #fff !important;
    }

    .active {
        color: #027f82;
        background-color: #f9f9f9;
    }

    .dash-nav .fa {
        margin-right: 10px;
        font-size: 22px;
    }

    .dashboard.active .fa {
        color: #027f82;
    }

    .no-touch .dashboard:hover {
        background-color: #f9f9f9 !important;
        color: #027f82;
    }

    .users.active .fa {
        color: #027f82;
    }

    .no-touch .users:hover {
        background-color: #f9f9f9 !important;
        color: #027f82;
    }

    .orders.active .fa {
        color: #027f82;
    }

    .no-touch .orders:hover {
        background-color: #f9f9f9 !important;
        color: #027f82;
    }

    .offers.active .fa {
        color: #027f82;
    }

    .no-touch .offers:hover {
        background-color: #f9f9f9 !important;
        color: #027f82;
    }

    .reports.active .fa {
        color: #027f82;
    }

    .no-touch .reports:hover {
        background-color: #f9f9f9 !important;
        color: #027f82;
    }

    .admin.active .fa {
        color: #027f82;
    }

    .no-touch .admin:hover {
        background-color: #f9f9f9 !important;
        color: #027f82;
    }

    a.togglebox {
        -webkit-transition: transform 0.3s;
        -moz-transition: transform 0.3s;
        -ms-transition: transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
    }

    .dash-header {
        overflow: hidden;
        clear: both;
        width: 100%;
        margin-bottom: 0;
    }

    .dash-head-left {
        width: 60%;
        float: left;
        text-align: left;
    }

    .dash-head-right {
        width: 40%;
        float: left;
        text-align: right;
        padding-top: 0;
        font-size: 14px;
    }

        .dash-head-right span {
            color: #9a9a9e;
        }

    .dash-welcome {
        font-size: 14px;
        color: #494949;
        float: left;
        padding: 5px 20px;
    }

    .dash-heading {
        font-family: "Oswald", Arial, sans-serif;
        font-size: 28px;
        font-weight: 400;
        color: #494949;
        text-transform: uppercase;
    }

    .dash-subheading {
        margin-left: 15px;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 14px;
        color: #333;
        text-transform: uppercase;
        margin-top: -5px;
        display: inline-block;
        vertical-align: middle;
    }

    .save-def {
        float: right;
        overflow: hidden;
    }

    .dash-tabs-top {
        float: left;
    }

        .dash-tabs-top .dragbox {
            position: relative;
        }

            .dash-tabs-top .dragbox h2 {
                cursor: move;
            }

        .dash-tabs-top .placeholder {
            background: #f0f0f0;
            border: 1px dashed #ddd;
        }

    .view {
        cursor: pointer;
    }

    .main-contain {
        background-color: #027f82;
        clear: both;
        transition: transform 0.3s;
        min-height: 68.7vh;
    }

    .main-contain-alt {
        background-color: #fff;
    }

    .main-contain-alt2 {
        background-color: #525157;
    }

    .content-area {
        margin-bottom: 30px;
    }

    .content {
        background-color: #fff;
        padding: 25px 35px;
        overflow: hidden;
    }

    .msg-area {
        padding: 14px 15px;
        background-color: #fbddba;
        border-left: 4px solid #e99738;
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 22px;
        color: #692904;
    }

    .msg-close {
        float: right;
        width: 17px;
        height: 17px;
        color: #e99738;
        font-size: 20px !important;
        line-height: 14px;
        display: block;
        cursor: pointer;
    }

    .error-area {
        padding: 14px 15px;
        background-color: #ffcdcd;
        border-left: 4px solid #f30c0c;
        color: #800;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 22px;
    }

    .error-close {
        float: right;
        width: 17px;
        height: 17px;
        color: #800;
        font-size: 20px !important;
        line-height: 14px;
        display: block;
        cursor: pointer;
    }

    .close-tab {
        float: right;
        background-repeat: no-repeat;
        width: 17px;
        display: block;
    }

    .min-tab {
        float: right;
        background-repeat: no-repeat;
        display: block;
        margin-right: 10px;
        transition: transform 0.3s;
        cursor: pointer;
        font-size: 24px !important;
        margin-top: -4px;
    }

    .open .togglebox {
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: transform 0.3s;
    }

    .tab-download {
        float: right;
        border: 1px solid;
        color: #fff;
        height: 27px;
        display: block;
        cursor: pointer;
        padding: 4px 12px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: -3px;
    }

    .tab-orders {
        float: right;
        border: 1px solid;
        color: #fff;
        height: 27px;
        display: block;
        cursor: pointer;
        padding: 4px 12px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: -3px;
    }

        .tab-orders:hover {
            background-color: black;
            opacity: 0.5;
        }

    .tab-add-user {
        float: right;
        border: 1px solid;
        color: #fff;
        height: 27px;
        display: block;
        cursor: pointer;
        padding: 4px 12px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: -3px;
    }

    .tab-offers {
        float: right;
        border: 1px solid;
        color: #fff;
        height: 27px;
        display: block;
        cursor: pointer;
        padding: 4px 12px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: -3px;
    }

        .tab-offers:hover {
            background-color: black;
            opacity: 0.5;
        }

    .tab-add-product {
        float: right;
        border: 1px solid;
        color: #fff;
        height: 27px;
        display: block;
        cursor: pointer;
        padding: 4px 12px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: -3px;
    }

    .tab-add-account {
        float: right;
        border: 1px solid;
        color: #fff;
        height: 27px;
        display: block;
        cursor: pointer;
        padding: 4px 12px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: -3px;
    }

    .tab-orders a,
    .tab-offers a {
        color: #fff;
        text-decoration: none;
    }

        .tab-offers a:hover,
        .tab-orders a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .mob-icons {
        display: none;
    }

    .order-selection {
        float: right;
        border: 1px solid;
        color: #fff;
        height: 27px;
        display: block;
        cursor: pointer;
        padding: 6px 12px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: -5px;
        margin-right: 10px;
    }

    .account-select {
        overflow: hidden;
        margin-bottom: 22px;
    }

    .offer-select {
        overflow: hidden;
        margin-bottom: 22px;
    }

    .full-select-content {
        padding: 25px 15px;
        border: 1px solid #e3e1e1;
        background-color: #f9f9f9;
        overflow: hidden;
    }

    .off-form-top-element {
        width: 25%;
        float: left;
        padding-right: 10px;
    }

    .form-element-20pc {
        width: 20%;
    }

    .report-date-element {
        width: 40%;
        float: left;
        padding-right: 10px;
    }

    .report-element {
        width: 100%;
        float: left;
        padding-right: 10px;
    }

    .off-form-bottom-element {
        width: 20%;
        float: left;
        padding-right: 10px;
    }

    .offer-edit-section input[type="checkbox"] {
        margin: 0;
    }

    .offer-edit-section input[type="checkbox"] {
        line-height: normal;
        margin: 0;
        margin-right: 0 !important;
        margin-left: 10px !important;
        vertical-align: middle;
    }

    .chkbox {
        margin-top: 25px;
        width: 18%;
        margin-left: 5px;
    }

    .off-top-form {
        overflow: hidden;
    }

    .off-bottom-form {
        margin-top: 22px;
        overflow: hidden;
    }

    .text-field {
        width: 100%;
        padding: 5px;
        border: 1px solid #bebaba;
        height: 32px;
    }

    .date-field {
        width: 100%;
        padding: 5px;
    }

    .select-field {
        width: 100%;
        padding: 5px;
        height: 32px;
        border: 1px solid #bebaba;
    }

    .btn-reset {
        min-width: 100px;
        padding: 8px 8px 8px 8px;
        background-color: #b9b9ba;
        color: #fff;
        border: 0;
        transition: background-color 0.5s ease;
        margin-top: -3px;
        font-size: 11px;
    }

    .btn-filter {
        min-width: 100px;
        padding: 8px;
        background-color: #828282;
        color: #fff;
        border: 0;
        transition: background-color 0.5s ease;
        margin-top: -3px;
        font-size: 11px;
    }

    .btn-reset:hover {
        background-color: #919193;
    }

    .btn-filter:hover {
        background-color: #585858;
    }

    .form-button-container {
        width: 100%;
        border-top: 1px solid #ddd;
        text-align: right;
        padding-top: 10px;
    }

    .dashboard .form-button-container {
        width: 100%;
        border-top: 0;
        text-align: right;
        padding-top: 20px;
    }

    .off-form-top-element .btn-filter {
        padding: 6px;
    }

    .nav-tabs > li.active > a {
        border-top: 3px solid #e19e60 !important;
        color: #027f82 !important;
        font-weight: bold;
    }

        .nav-tabs > li.active > a:hover {
            color: #027f82;
        }

    .nav-tabs > li > a:hover {
        color: #027f82 !important;
    }

    .tab-content {
        border-left: 1px solid #ddd;
        background: #fff;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 25px 15px 5px 15px;
        margin-top: 0;
        overflow: hidden;
    }

    .tabs-reports {
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
        padding: 25px;
    }

    .ad-tab {
        padding: 15px 40px 15px 40px !important;
        border-radius: 0 !important;
        text-align: center;
        text-transform: uppercase;
        color: #333;
    }

    .nav-ad-tabs {
        margin-right: 2px;
        color: #333;
    }

        .nav-ad-tabs > A:focus {
            outline: none;
        }

    .dash-tabs-top {
        overflow: hidden;
        width: 100%;
        float: left;
    }

    .dash-tabs-bottom {
        overflow: hidden;
        width: 50%;
        float: left;
    }

    .dash-tabs-full {
        overflow: hidden;
        width: 100%;
        float: left;
    }

    .search {
        padding: 5px;
        width: 100%;
        max-width: 572px;
        background-image: url(../images/search-icon.png);
        background-repeat: no-repeat;
        background-position: 99%;
        border: 1px solid #bebaba;
    }

    .dash-table {
        border-top: 1px solid #bebaba;
        border-left: 1px solid #bebaba;
        margin-top: 25px;
        background-color: #fff;
        color: #828286;
        overflow: auto;
    }

        .dash-table th {
            padding: 10px;
            text-align: center;
            font-weight: 600 !important;
            color: #525157;
            border-right: 1px solid #bebaba;
            border-bottom: 1px solid #bebaba;
        }

        .dash-table td {
            border-right: 1px solid #bebaba;
            border-bottom: 1px solid #bebaba;
            padding: 8px;
        }

        .dash-table tr.tab-alt {
            background-color: #f9f7f7;
        }

    .rec {
        margin-top: 0;
    }

    .dqs-nav {
        overflow: hidden;
        margin-top: 45px;
    }

    .dqs-left {
        float: left;
        width: 50%;
    }

    .dqs-right {
        float: right;
        width: 50%;
        text-align: right;
    }

    .t-l-arrow {
        font-family: "Open Sans", sans-serif;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: #fff;
        font-weight: bold;
        border-left: 1px solid #bebaba;
        border-right: 0;
        border-top: 1px solid #bebaba;
        border-bottom: 1px solid #bebaba;
        height: 30px;
        width: 40px;
    }

    .t-number {
        width: 32px;
        height: 30px;
        text-align: center;
        background-color: #eee;
        border: 1px solid #bebaba;
    }

    .t-r-arrow {
        font-family: "Open Sans", sans-serif;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #fff;
        font-weight: bold;
        border-right: 1px solid #bebaba;
        border-left: 0;
        border-top: 1px solid #bebaba;
        border-bottom: 1px solid #bebaba;
        height: 30px;
        width: 40px;
    }

    .new-offers-panel {
        padding: 20px 15px;
        background-color: #e1e1e1;
        margin-bottom: 22px;
    }

    .new-offers-panel-alt {
        padding: 20px 15px;
        background-color: #ecebeb;
        margin-bottom: 57px;
    }

        .new-offers-panel span,
        .new-offers-panel-alt span {
            color: #6aadb1;
            font-size: 18px;
            font-family: "Open Sans", sans-serif;
            padding-bottom: 10px;
            border-bottom: 1px solid #cbc4c4;
            width: 100%;
            display: block;
        }

        .new-offers-panel p,
        .new-offers-panel-alt p {
            font-size: 12px;
            color: #7e7e80;
            margin-top: 15px;
        }

    .dtl {
        padding-right: 11px;
    }

    .dtr {
        padding-left: 11px;
    }

    .admin-menu {
        right: 41px;
        width: 185px;
        left: auto;
        background-color: #027f82;
        border: 1px solid #066c6e;
        border-radius: 0;
    }

    .panel-heading select.select-field {
        width: 90px;
        background: 0;
        float: right;
        border: 1px solid;
        color: #fff;
        height: 27px;
        display: block;
        cursor: pointer;
        padding: 2px 12px;
        font-size: 12px;
        margin-left: 0;
        margin-top: -3px;
        margin-right: 8px;
    }

    .order-form {
        border-bottom: 0;
        display: none;
    }

        .order-form .form-button-container {
            border-top: 0;
            clear: both;
        }

    .btn-cancel-order {
        min-width: 100px;
        padding: 10px;
        background-color: #acb6b7;
        color: #fff;
        border: 0;
    }

    .btn-add-order {
        min-width: 100px;
        padding: 10px;
        background-color: #6aadb1;
        color: #fff;
        border: 0;
    }

    .btn-form {
        min-width: 120px;
        padding: 5px;
    }

    .new-offer {
        display: none;
    }

    .new-order {
        display: none;
    }

    .edit-offer {
        display: none;
    }

    .edit-order {
        display: none;
    }

    .new-account {
        display: none;
    }

    .account-form {
        border-bottom: 0;
    }

        .account-form .form-button-container {
            border-top: 0;
            clear: both;
        }

    .btn-cancel-account {
        min-width: 100px;
        padding: 10px;
        background-color: #acb6b7;
        color: #fff;
        border: 0;
    }

    .btn-cancel-offer {
        min-width: 100px;
        padding: 10px;
        background-color: #acb6b7;
        color: #fff;
        border: 0;
    }

    .btn-cancel-offer-upd {
        min-width: 100px;
        padding: 10px;
        background-color: #acb6b7;
        color: #fff;
        border: 0;
    }

    .btn-add-account {
        min-width: 100px;
        padding: 10px;
        background-color: #6aadb1;
        color: #fff;
        border: 0;
    }

    button .fa {
        padding-right: 5px;
        font-size: 14px !important;
    }

    .btn-add {
        min-width: 100px;
        padding: 10px;
        background-color: #e19e60;
        color: #fff;
        border: 0;
        transition: background-color 0.5s ease;
    }

        .btn-add:hover {
            background-color: #ca6100;
        }

    .btn-clear {
        min-width: 100px;
        padding: 10px;
        background-color: #b9b9ba;
        color: #fff;
        border: 0;
        transition: background-color 0.5s ease;
    }

        .btn-clear:hover {
            background-color: #919193;
        }

    .btn-upd {
        min-width: 100px;
        padding: 10px;
        background-color: #49a837;
        color: #fff;
        border: 0;
    }

    .btn-cancel {
        min-width: 100px;
        padding: 10px;
        background-color: #817d7d;
        color: #fff;
        border: 0;
        transition: background-color 0.5s ease;
    }

        .btn-cancel:hover {
            background-color: #545454;
        }

    .btn-heading-cancel {
        min-width: 100px;
        padding: 10px;
        background-color: #f9f9f9;
        border: solid 1px #cdcccc;
        transition: background-color 0.5s ease;
        font-size: 12px;
    }

        .btn-heading-cancel:hover {
            background-color: #e3e3e3;
            border: solid 1px #929292;
        }

    .btn-heading-standard {
        min-width: 100px;
        padding: 10px 15px 10px 10px;
        background-color: #f9f9f9;
        border: solid 1px #c1d0cf;
        transition: background-color 0.2s ease;
        font-size: 12px;
        color: #3a99ca;
        border-radius: 20px;
    }

        .btn-heading-standard:hover {
            background-color: #60a5c9;
            border: solid 1px #60a5c9;
            color: white;
        }

    .btn-panelHeader {
        min-width: 100px;
        background: 0;
        border: solid 1px #fff;
        transition: background-color 0.5s ease;
        color: #fff;
        text-transform: uppercase;
        float: right;
        padding: 4px 12px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: -3px;
    }

        .btn-panelHeader:hover {
            background-color: #4596c0;
        }

        .btn-panelHeader .fa {
            margin-top: 2px;
        }

    .edit-off-btn {
        cursor: pointer;
    }

    .divide {
        display: inline-block;
        width: 100%;
        padding: 10px;
    }

    .radio-options {
        display: inline-block;
        margin-right: 10px;
    }

    .tab-menu ul {
        padding: 0;
    }

    .tab-menu li {
        list-style-type: none;
        float: left;
        padding: 5px 0 25px 0;
    }

        .tab-menu li:last-of-type a {
            border: 0;
        }

    .tab-menu {
        padding: 0;
        display: inline-block;
        width: 100%;
    }

        .tab-menu li a {
            padding-right: 10px;
            border-right: 1px solid;
            margin-right: 10px;
            color: #6aadb1;
        }

    .orders-awaiting {
        background-color: #c94545 !important;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        background-repeat: no-repeat;
        background-position: 10px -70px;
        padding-left: 10px;
        display: block !important;
    }

    .recent-orders {
        background-color: #008d88 !important;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        background-repeat: no-repeat;
        background-position: 10px -70px;
        padding-left: 10px;
        display: block !important;
    }

    .recent-offer {
        background-color: #3a92b6 !important;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        background-repeat: no-repeat;
        background-position: 10px -108px;
        padding-left: 10px;
        display: block !important;
    }

    .filter {
        padding-bottom: 20px;
    }

    .filters {
        background-color: #87878b !important;
        font-size: 14px;
        text-transform: uppercase;
        padding-left: 15px;
        display: block !important;
    }

    .panel-heading .fa {
        font-size: 20px;
    }

    .panel-heading .fa {
        float: left;
        margin-right: 5px;
        margin-top: 0;
    }

    .panel-heading .fa-angle-down {
        margin-top: 0;
        float: right;
        margin-left: 10px;
    }

    .show-users {
        background-color: #008d88 !important;
        font-size: 14px;
        text-transform: uppercase;
        padding-left: 15px;
        display: block !important;
    }

        .show-users:hover {
            background-color: #008d88 !important;
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
            padding-left: 15px;
            display: block !important;
        }

    .newUserForm-radioButtons {
        padding: 5px 30px 5px 5px;
        color: #027f82;
        display: inline-block;
        text-transform: uppercase;
        width: 300px;
    }

    .formCheckBoxes {
        padding: 5px 30px 5px 5px;
    }

    .tab-pane .user-roles:nth-of-type(1) {
        padding: 5px;
        display: inline-block;
        width: 100%;
        margin: 0 0 10px 0;
        padding-top: 5px;
        border-top: 0;
    }

    .tab-pane .user-roles:nth-of-type(2) {
        margin-top: 15px;
        padding-top: 25px;
    }

    .user-roles .off-bottom-form,
    .user-rights .off-bottom-form {
        margin-top: 15px;
        overflow: hidden;
        font-weight: normal;
        color: #333;
    }

    .off-bottom-form-roles {
        margin-top: 15px;
        overflow: hidden;
        font-weight: 100;
        color: #333;
        font-family: "Open Sans", Arial, Helvetica, Geneva, sans-serif;
        font-size: 12px;
    }

        .off-bottom-form-roles label {
            margin-left: 8px;
            margin-right: 15px;
            margin-bottom: 15px;
            font-weight: normal;
        }

    .user-roles input[type="checkbox"],
    .user-rights input[type="checkbox"],
    .panel-body input[type="checkbox"] {
        line-height: normal;
        margin: 0;
        margin-right: 5px;
        vertical-align: middle;
    }

    .user-rights .off-form-top-element span {
        font-size: 12px;
        clear: both;
        display: block;
    }

    .offer-edit-section {
        padding: 20px;
        display: inline-block;
        width: 100%;
        margin: 0;
        padding-top: 15px;
        border: 1px solid #c9d4d0;
        margin-bottom: 10px;
        background-color: #f9f9f9;
    }

    .offer-edit-section-tab1 {
        padding: 20px;
        display: inline-block;
        width: 100%;
        margin: 0;
        padding-top: 15px;
        border: 1px solid #c9d4d0;
        border-top: 0;
        margin-bottom: 10px;
        background-color: #f9f9f9;
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
    }

    .edit-section-header-grid {
        padding: 8px;
        display: inline-block;
        width: 100%;
        background-color: #3a99ca;
        border: 0;
        color: white;
        font-weight: bold;
    }

    .edit-section-header {
        padding: 4px;
        display: inline-block;
        width: 100%;
        border: 1px #c9d4d0;
        color: black;
        font-weight: bold;
    }

    .report-section-header {
        padding: 4px;
        display: inline-block;
        width: 100%;
        border: 1px #c9d4d0;
        color: black;
        font-weight: bold;
    }

    .offer-edit-section:nth-of-type(1) {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }

    .users-table .form-section {
        padding: 13px 0;
    }

    .users-table .form-button-container {
        float: left;
    }

    .eigth {
        width: 13% !important;
    }

    .half {
        width: 48% !important;
    }

    .offer-items {
        float: left;
        width: 49%;
        margin-top: 10px;
        padding: 0;
        border: 0;
    }

    .report-items {
        float: left;
        width: 49%;
        margin-top: 0;
        padding: 0;
        border: 0;
    }

    .offer-items .form-button-container {
        border-top: 0;
    }

    .btn-view {
        background-image: url(../images/btn-view.png);
        background-repeat: no-repeat;
        background-position: 8% 4px;
        padding: 3px 12px;
        padding-left: 28px !important;
    }

    .btn-duplicate {
        background-image: url(../images/btn-duplicate.png);
        background-repeat: no-repeat;
        background-position: 8% 4px;
        padding: 3px 12px;
        padding-left: 28px !important;
    }

    .btn-primary-color {
        color: #fff !important;
        background-color: #e19e60 !important;
        border-color: #e19e60 !important;
        border-radius: 3px !important;
        font-size: 11px !important;
    }

    .btn-recent-order {
        background-color: #008d88;
    }

    .btn-recent-offer {
        background-color: #3a92b6;
    }

    .grid-container span.quantity {
        border: 1px solid #d5d5d5;
        float: left;
        width: 40px;
        padding: 3px 2px;
        background: #fff;
    }

    .stats {
        float: left;
        width: 100%;
        max-width: 33.3%;
        height: 120px;
        margin-bottom: 20px;
        background: #f9f9f9;
        padding: 43px 13px 10px 13px;
        position: relative;
    }

        .stats p {
            text-align: right;
            color: #fff;
            font-size: 14px;
            margin-right: 20px;
        }

        .stats span {
            font-size: 50px;
            line-height: 0;
        }

        .stats a {
            color: #fff;
            right: 13px;
            bottom: 10px;
            position: absolute;
            text-decoration: underline;
            margin-right: 20px;
            font-size: 12px;
            opacity: 0.5;
        }

            .stats a:hover {
                opacity: 1;
            }

    .right {
        float: right !important;
    }

    .pending {
        background: #1cb9a5 url(/content/images/pending.png) no-repeat bottom left;
        border-right: solid 0 white;
    }

    .saved {
        background: #1c8cb9 url(/content/images/saved.png) no-repeat bottom left;
        border-right: solid 0 white;
    }

    .awaiting {
        background: #c94545 url(/content/images/awaiting.png) no-repeat bottom left;
    }

    .sent {
        background: #df9c16 url(/content/images/sent.png) no-repeat bottom left;
    }

    .validation-summary-valid span {
        display: none;
    }

    .validation-summary-errors span {
        display: block;
        color: #e53737;
        font-size: 14px;
    }

    .k-window-content .validation-summary-errors {
        padding: 0 10px;
        background: #f9f9f9;
    }

    .validation-summary-errors ul {
        padding: 0;
        display: inline-block;
        width: 100%;
    }

        .validation-summary-errors ul li {
            list-style-type: none;
            float: left;
            width: 100%;
            padding: 5px 0;
            color: #e53737;
        }

    .field-validation-error {
        color: #f00;
    }

    .field-validation-valid {
        display: none;
    }

    .input-validation-error {
        border: 1px solid #f00;
        background-color: #fee;
    }

    div.k-window-content {
        min-width: 200px;
        min-height: 200px;
        overflow: hidden;
    }

    .k-pager-numbers .k-link:hover {
        background: #027f82 !important;
        border-color: #027f82 !important;
        color: #fff !important;
    }

    .k-pager-nav:hover,
    .k-pager-refresh:hover,
    .k-pager-sizes .k-state-hover {
        background: #f1f1f1 !important;
        border-color: #c5c5c5 !important;
        color: #fff !important;
    }

    tr:hover {
        background: none !important;
    }

    .k-dropdown .k-input {
        padding-top: 0 !important;
        color: #bebaba !important;
    }

    .k-dropdown-wrap.k-state-default {
        padding: 5px !important;
        border: 1px solid #bebaba !important;
        height: 20px !important;
        text-transform: uppercase !important;
        color: #abaeae !important;
    }

        .k-dropdown-wrap.k-state-default:hover {
            background: #fff !important;
        }

    .off-top-form span.k-dropdown {
        height: 32px !important;
        background: none !important;
    }

    .k-pager-numbers .k-state-selected {
        background-color: #027f82 !important;
        border-color: #027f82 !important;
    }

    .k-upload-files .k-filename {
        max-width: inherit;
    }

    .off-form-top-element .btn:hover {
        color: #fff;
        text-decoration: underline !important;
    }

    .btn-primary-color:hover {
        border-color: #cc8f57 !important;
        background-color: #cc8f57 !important;
    }

    .k-datepicker {
        width: 100% !important;
    }

        .k-datepicker .k-picker-wrap {
            height: 30px !important;
        }

    .input-group {
        display: block !important;
    }

    .k-picker-wrap.k-state-hover,
    .k-picker-wrap.k-state-active {
        background: #fff !important;
    }

    .k-state-focused {
        background: #fff !important;
    }

    .k-state-selected {
        background: #87878b !important;
    }

    .k-list .k-state-hover {
        background: #87878b !important;
        color: #fff !important;
        border-radius: 0 !important;
    }

    .k-popup.k-list-container {
        background: #fff;
        border-radius: 0 !important;
    }

    .off-form-top-element .k-dropdown .k-input {
        padding-top: 0 !important;
        color: #333 !important;
    }

    .k-state-selected {
        border-radius: 0 !important;
    }

    .k-grid-pager .k-state-default {
        padding: 2px !important;
        border: 1px solid #bebaba !important;
        height: 20px !important;
        text-transform: uppercase !important;
        color: #abaeae !important;
    }

    .k-picker-wrap .k-icon {
        cursor: pointer;
        margin-top: 4px;
    }

    .k-pager-sizes .k-widget.k-dropdown {
        margin-top: -2px;
        margin-right: 10px !important;
    }

    .k-pager-sizes {
        display: inline-block;
        padding-top: 1px;
        width: 205px !important;
    }

        .k-pager-sizes .k-dropdown,
        .k-pager-sizes .k-dropdown-wrap {
            width: 60px !important;
        }

    .k-autocomplete {
        min-width: 280px;
    }

        .k-autocomplete input.k-input {
            width: 100%;
            padding: 5px 0;
        }

    .k-widget.k-tooltip {
        text-align: left;
        padding: 10px;
    }

    #tab3 .text-field {
        width: 40%;
        padding: 5px;
        border: 1px solid #bebaba;
        height: 29px;
    }

    .div.k-window {
        padding-top: 29px;
        min-width: 90px;
        min-height: 50px;
        display: block;
        top: 10%;
        left: 0 !important;
        right: 0 !important;
        max-width: 828px;
        width: 100%;
        margin: 0 auto;
        z-index: 10003;
        opacity: 1;
        transform: scale(1);
    }

    .confirm-order-window .well {
        min-height: 20px;
        padding: 6px 35px 20px 10px;
        margin-bottom: 0;
        background-color: #e3e3e3;
    }

    div.k-window-content {
        position: relative;
        height: 100%;
        padding: 15px;
        overflow: auto;
        outline: 0;
        background: #e3e3e3;
    }

    .k-window {
        min-width: 90px !important;
        min-height: 50px !important;
    }

    .k-window-titlebar .k-window-actions {
        top: 5px !important;
    }

    .foot1 {
        background-color: #027f82 !important;
        height: 122px;
    }

    .foot-left {
        float: left;
        width: 50%;
        text-align: left;
        padding-top: 55px;
        color: #dfdfdf;
    }

    .foot-right {
        float: right;
        width: 50%;
        text-align: right;
        padding-top: 45px;
    }

    @media (max-width: 1200px) {
        .well {
            padding: 20px;
        }

        .content {
            margin-bottom: 10px;
            padding: 15px;
        }

        .panel {
            margin-bottom: 10px;
        }

        .dash-heading {
            font-size: 24px;
        }

        .dash-head-right .btn-heading-standard {
            padding: 10px;
            font-size: 15px;
        }

        .main-contain {
            background-color: white;
        }

        .foot1 {
            display: none;
        }

        .offer-items {
            float: left;
            width: 100%;
            background: #f9f9f9;
            margin-top: 10px;
            padding: 0;
            border: 0;
        }

        .left-nav {
            position: fixed;
            height: 100%;
            background: #027f82;
            z-index: 100000;
        }

            .left-nav .navbar-nav > li > a {
                text-align: left;
                padding-left: 15px !important;
                padding-right: 15px !important;
            }

        .small-left .navbar-nav > li > a {
            padding: 10px 11px !important;
            text-align: center;
            width: 54px;
        }

        span.k-numerictextbox {
            background-color: transparent;
            width: 100% !important;
        }

        .users-table .k-grid {
            overflow: auto;
        }

        .nav > li > a > img {
            padding: 0;
            margin: 3px 0;
            margin-left: 5px;
        }

        .content {
            background-color: #fff;
            padding: 25px 20px;
            overflow: hidden;
        }

        .p-right {
            margin-right: 11px;
        }

        .p-left {
            margin-left: 11px;
        }

        .logo {
            padding: 0 15px;
        }

        .logo-top {
            height: 82px;
        }

        .off-form-top-element {
            width: 100%;
            float: left;
            padding-right: 10px;
            margin-bottom: 15px;
        }

        .off-form-bottom-element {
            width: 49% !important;
            float: left;
            padding-right: 10px;
            margin-bottom: 15px;
        }

        .dashboard .form-button-container {
            width: 100%;
            border-top: 0;
            text-align: right;
            padding-top: 15px;
        }

        .table-fit .k-grid {
            overflow: auto;
        }

        .tab-nav {
            padding-top: 50px;
        }

        .h-tab-1 p,
        .h-tab-2 p,
        .h-tab-3 p,
        .h-tab-4 p {
            line-height: 14px;
        }

        .h-tab-1 {
            display: inline-block;
            width: 48%;
            margin-right: 1%;
            background-color: #fff;
            margin-top: -85px;
            padding: 20px 20px;
            height: 200px;
            text-align: left;
        }

        .h-tab-2 {
            display: inline-block;
            width: 48%;
            margin-right: 0;
            background-color: #fff;
            margin-top: -85px;
            padding: 20px 20px;
            height: 200px;
            text-align: left;
        }

        .h-tab-3 {
            display: inline-block;
            width: 48%;
            margin-right: 1%;
            background-color: #fff;
            margin-top: 15px;
            padding: 20px 20px;
            height: 200px;
            text-align: left;
        }

        .h-tab-4 {
            display: inline-block;
            width: 48%;
            background-color: #fff;
            margin-top: 15px;
            padding: 20px 20px;
            height: 200px;
            text-align: left;
        }

            .h-tab-1 h4,
            .h-tab-2 h4,
            .h-tab-3 h4,
            .h-tab-4 h4 {
                font-size: 18px;
                color: #d98b23;
                margin-top: 30px;
            }

            .h-tab-1 p,
            .h-tab-2 p,
            .h-tab-3 p,
            .h-tab-4 p {
                font-size: 11px;
                text-align: left;
                color: #828282;
                line-height: 18px;
            }

            .h-tab-1 img,
            .h-tab-2 img,
            .h-tab-3 img,
            .h-tab-4 img {
                width: 15%;
                float: left;
                height: auto;
            }

        .profile-head {
            padding-top: 10px;
            overflow: hidden;
            padding-right: 20px;
        }

        .well-reduce {
            min-height: 80px;
        }

        .dtl {
            padding-right: 0;
        }

        .dtr {
            padding-left: 0;
        }

        .k-window {
            padding-top: 20px !important;
            min-width: 90px !important;
            min-height: 50px !important;
            width: 70%;
        }

        element.style {
            height: 404px;
            overflow: auto;
            background: #f9f9f9;
            padding: 10px 10px;
        }

        .confirm-order-window {
            width: 100% !important;
        }
    }

    @media (max-width: 900px) {
        .p-right {
            margin-right: 0;
        }

        .p-left {
            margin-left: 0;
        }

        .panel-body {
            min-height: 170px;
            height: auto;
        }

        .dash-tabs-top {
            overflow: hidden;
            width: 100%;
            float: left;
        }

        .dash-tabs-bottom {
            overflow: hidden;
            width: 100%;
            float: left;
        }

        .dash-nav {
            min-width: 185px;
        }

        .k-dropdown-wrap {
            width: 99% !important;
        }

        .off-top-form span.k-dropdown {
            width: 97% !important;
            height: 32px !important;
            background: none !important;
        }

        .filter .off-form-top-element {
            width: 100%;
            float: left;
            padding-right: 10px;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 900px) {
        .main-contain .container {
            width: 100%;
            padding-left: 0;
        }

        .well {
            padding: 25px 15px 25px 15px;
            clear: both;
        }

        .logo-top {
            height: 65px;
        }

        .logo {
            margin-top: 0;
            width: 70%;
            padding: 0 15px;
        }

        .top-mobile {
            display: block;
        }

        .top-desktop {
            display: none;
        }

        .banner {
            height: auto;
        }

        .banner-bg {
            background-size: 223%;
        }

        .tab-nav {
            padding-top: 1px;
        }

        .acc-change-left {
            display: none;
        }

        .top-right {
            float: right;
            overflow: hidden;
            width: 100%;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .change-account-mob {
            float: left;
            padding: 7px 5px 7px 7px;
        }

        .top-prof-img-mob {
            float: right;
            margin-right: 10px;
        }

        .language-mob {
            float: right;
            height: 32px;
            padding: 5px;
            background-color: #5a595d;
            border: 1px solid #464648;
            margin-right: 5px;
        }

        .change-account {
            padding: 7px 5px 7px 40px;
        }

        .change-account-mob {
            margin-left: 10px;
            background-image: url(../images/chng-acc-tab.png);
            color: #afaeb2;
            background-color: #5a595d;
            height: 32px;
            border: 1px solid #464648;
            background-repeat: no-repeat;
            background-position: left;
            padding: 5px 5px 5px 35px;
            float: left;
        }

            .change-account-mob input[type="text"] {
                padding: 0 5px;
                background-color: #5a595d;
                border: 0;
                width: 120px;
            }

        .content {
            background-color: #fff;
            padding: 25px 15px;
        }

        .dash-head-left {
            width: 70%;
        }

        .dash-head-right {
            width: auto;
            text-align: left;
            font-size: 11px;
            float: right;
        }

        .dash-welcome {
            padding: 10px 0 0 0;
            clear: both;
        }

        .msg-area {
            font-size: 10px;
        }

        .msg-close {
            margin-top: 1px;
        }

        .top-prof {
            min-width: 130px;
            font-size: 11px;
            float: right;
        }

        .top-prof-img {
            margin-right: 10px;
            float: right;
            border-left: 1px solid #464648;
        }

        .profile-head select {
            border: 1px solid #464648;
            background-color: #5a595d;
            padding: 6px 5px 6px 15px;
            float: right;
            color: #afaeb2;
            min-width: 130px;
            height: 32px;
            font-size: 11px;
            margin-right: 5px;
        }

        .profile-head {
            padding-right: 0;
        }

        .select-account input[type="text"] {
            min-width: 147px;
        }

        .dw {
            padding-left: 10px;
        }

        .navbar-nav {
            width: 41%;
            float: left;
            margin: 0 5px;
        }

        .navbar-right {
            float: right;
            width: 31%;
        }

        .nav > li > a {
            padding: 10px 10px 10px 0;
        }

        .icon {
            padding: 10px 10px 10px 0 !important;
        }

        .nav-mob {
            width: 100% !important;
            margin: 0 0 !important;
        }

        .p-right {
            margin-right: 0;
        }

        .p-left {
            margin-left: 0;
        }

        .dash-nav {
            width: 100%;
            text-align: left;
            padding-left: 15px !important;
            border-right: 0;
        }

        .dashboard {
            background-position: 95% 17px;
        }

        .offers {
            background-position: 95% 18px;
        }

        .orders {
            background-position: 95% 18px;
        }

        .admin {
            background-position: 95% 17px;
        }

        .off-form-top-element {
            width: 100%;
            float: left;
            padding-right: 10px;
            margin-bottom: 10px;
        }

        .off-form-bottom-element {
            width: 100%;
            float: left;
            padding-right: 10px;
            margin-bottom: 10px;
        }

        .ad-tab {
            padding: 15px 5px 15px 5px !important;
            font-size: 9px;
        }

        .users-table .ad-tab {
            padding: 15px 15px 15px 15px !important;
            font-size: 11px;
        }

        .table-fit {
            overflow-x: scroll;
        }

        .foot1 {
            height: 82px;
        }

        .foot-left {
            float: left;
            width: 100%;
            text-align: left;
            padding-top: 10px;
            padding-left: 15px;
            padding-bottom: 5px;
        }

        .foot-right {
            float: left;
            width: 100%;
            text-align: left;
            padding-top: 0;
            padding-left: 15px;
        }

        .stats {
            max-width: 49%;
        }

        .logo-right {
            display: none;
        }

        .main-contain .container.small-padding {
            padding-left: 0;
        }

        .k-window {
            padding-top: 40px !important;
            min-width: 90px !important;
            min-height: 50px !important;
            width: 97%;
        }

        .confirm-order-window {
            width: 100% !important;
        }
    }

    @media (max-width: 480px) {
        .logo img {
            width: 100%;
        }

        .logo-right {
            display: none;
        }

        .stats {
            max-width: 100%;
        }

        .filter {
            padding-bottom: 40px;
            width: 100%;
        }

        .mob-icons {
            float: right;
            display: block;
        }

            .mob-icons .fa {
                margin-left: 10px;
                font-size: 16px;
                cursor: pointer;
            }

        .tab-orders {
            display: none;
        }

        .tab-offers {
            display: none;
        }
    }

    .modal.fade.show {
        opacity: 1;
    }