body {
    background-color: #ffffff;
    padding-bottom: 100px;
}

.app-toll-free {
    position: sticky;
    top: 12px;
    z-index: 1000;
    text-align: center;
}

.padding-top-12 {
    padding-top: 12px !important;
}

.app-toll-free a {
    background-color: #36aa45;
    color: #ffffff;
    font-size: 14px;
    line-height: 23px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    padding: 6px 24px;
}

.app-toll-free a:hover {
    background-color: #6bcc78;
    color: #ffffff;
}

@media screen and (max-width: 1024px) {
    .app-toll-free {
        display: none;
    }
}

/*no border table*/
.table-no-border {
    border: none;
}

.table-no-border th,
.table-no-border td {
    border-style: none !important;
}

/*Fixed for primefaces extension*/
.ui-timepicker-table td a {
    width: auto;
}

/*Top Menu div*/
.layout-wrapper.menu-layout-horizontal .topbar .topbar-left {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: none;
}

.layout-wrapper.menu-layout-horizontal .topbar .topbar-right {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #f8f8f8;
}

.layout-wrapper.menu-layout-horizontal .topbar .topbar-left {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #f8f8f8;
    box-shadow: none;
}

.layout-wrapper .topbar-items > li.profile-item a .topbar-item-name {
    color: #292b2c;
    display: block;
    float: left;
}

.layout-wrapper .topbar-items > li.profile-item a .topbar-item-role {
    color: #292b2c;
    display: block;
    font-size: 12px;
}

.fa-navicon::before,
.fa-reorder::before,
.fa-bars::before {
    color: #082545;
}

/* Main Content*/
.layout-wrapper.menu-layout-horizontal .layout-main {
    padding-top: 110px;
}

body .ui-panel .ui-panel-content {
    border: none;
}

/*Customize Avalon*/
.landing-body .landing-wrapper #header .header-top .sign-up-buttonpane a {
    padding: 5px 10px;
    border: 1px solid #ffffff;
    background: transparent;
    cursor: pointer;
    color: #ffffff;
    border-radius: 4px;
    font-size: 16px;
    margin-right: 20px;
}

.landing-body .landing-wrapper #header .header-top .sign-up-buttonpane a:hover {
    background-color: #ffffff;
    color: #434560;
}

body table .ui-panelgrid .ui-panelgrid-cell {
    padding-left: 2px;
    padding-right: 2px;
}

/* Login Page */
.login-body {
    margin: 0 auto;
    overflow: auto;
    position: relative;
    text-align: center;
}

.login-body .login-panel .login-panel-content {
    background-color: #f8f8f8;
    border-radius: 10px;
    color: #ffffff;
    padding: 10px;
    position: relative;
    top: -40%;
}

@media screen and (max-width: 1024px) {
    .login-body .login-panel .login-panel-content {
        background-color: #f8f8f8;
        border-radius: 10px;
        color: #ffffff;
        padding: 10px;
        position: relative;
        top: 0;
    }
}

.card h2 {
    color: #666666;
    font-size: 18px;
    font-weight: 400;
}

.login-body .login-panel {
    background-color: #ffffff;
}

.login-body .login-image {
    display: none;
}

/*Error Page*/
.exception-body {
    overflow: auto !important;
    position: relative !important;
}

/*Customize PrimeFaces*/
body .ui-dialog {
    max-height: 95%;
    max-width: 95%;
}

body .ui-dialog.scroll .ui-dialog-content {
    height: 80vh !important;
    overflow: auto;
}

@media screen and (min-width: 641px) {
    .app-width-5 {
        width: 5%;
    }

    .app-width-10 {
        width: 10%;
    }

    .app-width-15 {
        width: 15%;
    }

    .app-width-20 {
        width: 20%;
    }

    .app-width-25 {
        width: 25%;
    }

    .app-width-30 {
        width: 30%;
    }

    .app-width-35 {
        width: 35%;
    }

    .app-width-40 {
        width: 40%;
    }

    .app-width-45 {
        width: 45%;
    }

    .app-width-50 {
        width: 50%;
    }

    .app-height-95 {
        height: 95%;
    }

    .app-text-center {
        text-align: center;
    }

    .app-text-left {
        text-align: left;
    }

    .app-text-right {
        text-align: right;
    }

    .app-min-width-50 {
        min-width: 50%;
    }

    .app-min-width-60 {
        min-width: 60%;
    }

    .app-min-width-70 {
        min-width: 70%;
    }

    .app-min-width-80 {
        min-width: 80%;
    }

    .app-min-width-90 {
        min-width: 90%;
    }

    body .ui-dialog.tiny {
        width: 30% !important;
    }

    body .ui-dialog.small {
        width: 50% !important;
    }

    body .ui-dialog.medium {
        width: 75% !important;
    }

    body .ui-dialog.large {
        width: 90% !important;
    }
}

@media screen and (max-width: 640px) {
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        display: block !important;
        font-weight: bold;
    }

    body .ui-dialog.tiny {
        width: 95% !important;
    }

    body .ui-dialog.small {
        width: 95% !important;
    }

    body .ui-dialog.medium {
        width: 95% !important;
    }

    body .ui-dialog.large {
        width: 95% !important;
    }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
    body .ui-dialog.tiny {
        width: 50% !important;
    }
}

.full-width {
    width: 100%;
}

th.ui-filter-column input {
    width: 100% !important;
}

.font-bold {
    font-weight: bold;
}

.text-red {
    color: red;
}

.text-blue {
    color: blue;
}

.text-orange {
    color: orange;
}

.text-green {
    color: green;
}

.font-large {
    font-size: large;
}

.padding-bottom {
    padding-bottom: 10px;
}

/*For marking orders*/
.bad {
    background-color: #ff6666 !important;
}

.called {
    background-color: #99ff99 !important;;
}
/*
.admin_pending {
    background-color: #66ffff !important;;
}
*/
.admin_pending {
    background-color: orange !important;;
}

.admin_denied {
    background-color: #099cc8 !important;;
}

.ui-outputlabel-rfi {
    font-weight: bold;
    color: red;
}

.preview-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-white {
    color: #fff;
}

.text-bold {
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.eg-text {
    font-size: small;
    font-style: italic;
    display: inline-block;
    padding-top: 8px;
}

/*
body .ui-button {
    background-color: #ffa500 !important;
    font-size: 22px;
}
*/

.field-column {
    width: 180px;
}

.field-column-100 {
    width: 100px;
}

.field-column-200 {
    width: 200px;
}

.ui-clock {
    padding:4px 10px;
    background: none !important;
    color: #292B2C;
    border: 1px solid #dddddd;
    font-weight: normal !important; }

.field-column-220 {
    width: 220px;
}

.field-column-250 {
    width: 250px;
}

.field-column-270 {
    width: 270px;
}

.field-column-300 {
    width: 300px;
}

.layout-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

.description-block > .description-header {
    font-size: 64px;
}

.widget-user .widget-icon {
    position: absolute;
    top: 15px;
    right: 0;
}

.box-border {
    border: 1px solid #f4f4f4;
}

.ui-inputgroup .ui-inputgroup-addon {
    background-color: #ddd;
    border-color: #ccc !important;
    min-width: auto !important;
    white-space: nowrap;
}

.auto-width {
    width: auto !important;
    min-width: auto !important;
}

.widget-user .widget-user-header {
    height: 80px;
}

.ui-datatable.break-words tbody td {
    word-break: break-word;
}

.ui-icon-circle-triangle-e:before{
    font-size: 19px;
    color: orange;
}


.ui-icon-circle-triangle-s:before{
    font-size: 19px !important;
    color: red;
}

.skype-button{
    padding: 25px;
    display: inline-block;
    margin: 10px 14px 14px 14px;
}

.landing-body .landing-wrapper #header {
    background: url("/leads/javax.faces.resource/images/beach-bg-with-cocktail.jpg.xhtml?ln=avalon-layout") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 1440px !important;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1) !important;
}