@import url('utility.css');
@import url('views/Shared/DocumentViewerModal.min.css');

.efs-page-error {
    padding-top: 50px;
    text-align: center;
}

hr.efs-hr {
    margin-top: 10px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #e0e0e0;
}

.efs-nowrap {
    white-space: nowrap;
}

.efs-accordian {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    .efs-accordian .box-header.with-border {
        border-bottom-color: #ddd;
    }

    .efs-accordian .box-header {
        padding: 7px;
    }

        .efs-accordian .box-header .box-title {
            font-size: 16px;
        }

.efs-daterange {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 15px;
}

.efs-error {
    background-color: #f5b3ab !important;
    color: #802318 !important;
    border-color: #802318;
    padding: 5px 10px;
}

.Hide-default {
    display: none;
}

.Hide-default-forced {
    display: none !important;
}

.px-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.py-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.form-group .field-required:after {
    padding-left: 2px;
    content: "*";
    color: red;
}

hr.devide {
    margin-top: 10px;
    margin-bottom: 10px;
}


#page_loader {
    padding-top: 100px;
}

.efs-loader {
    border: 5px solid #c7c7c7;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
}

.efs-loader-text {
    text-align: center;
    font-style: italic;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.btn-wo-start {
    min-width: 40px;
}

.show-calendar {
    border: 1px solid #afafaf;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    border: 1px solid #999;
}

.datepicker {
    border-right: none;
}


.grid-table .table-bordered {
    border: 1px solid #ccc;
}

    .grid-table .table-bordered > thead > tr > th,
    .grid-table .table-bordered > tbody > tr > th,
    .grid-table .table-bordered > tfoot > tr > th,
    .grid-table .table-bordered > thead > tr > td,
    .grid-table .table-bordered > tbody > tr > td,
    .grid-table .table-bordered > tfoot > tr > td {
        border: 1px solid #ccc;
    }

.grid-table .table > tbody > tr > td,
.grid-table .table > tbody > tr > th,
.grid-table .table > tfoot > tr > td,
.grid-table .table > tfoot > tr > th,
.grid-table .table > thead > tr > td,
.grid-table .table > thead > tr > th {
    padding: 3px;
}

.grid-table .table > tbody > tr > th {
    border-bottom-width: 1px;
}

.grid-table .table > tbody > tr > td > .form-control {
    height: 22px;
    padding: 0px 1px;
}

.table > tbody > tr > td.fixed-td-150 {
    width: 150px;
}

.table > tbody > tr > td.fixed-td-200 {
    width: 200px;
    display: -webkit-box;
}

.table > tbody > tr > td.fixed-td-250 {
    width: 250px;
    display: -webkit-box;
}

.table > tbody > tr > td.fixed-td-300 {
    width: 300px;
    display: -webkit-box;
}


.skin-blue .sidebar-menu > li.header {
    color: #efefef;
}

.skin-blue .sidebar-menu > li.menu-module {
    border-top: 1px solid #313131;
    padding: 0px 0px;
    color: #efefef;
}

.skin-blue .treeview-menu > li > a {
    color: #e3ebef;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: whitesmoke;
}
/*.skin-blue .sidebar-menu > li.menu-module > a {
    padding: 10px;
    color: #efefef;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: transparent;
    border-top: 1px solid #313131;
}

    .skin-blue .sidebar-menu > li > .treeview-menu > li > a {
        padding: 10px 5px 10px 10px;
    }*/


.main-footer {
    font-size: 10px;
}


/*FEEDBACK*/
.fb-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.VerySatisfied {
    background-image: url(../images/feedback/VerySatisfied.png);
}

.Satisfied {
    background-image: url(../images/feedback/Satisfied.png);
}

.Normal {
    background-image: url(../images/feedback/Normal.png);
}

.Disatisfied {
    background-image: url(../images/feedback/Dissatisfied.png);
}

.VeryDisatisfied {
    background-image: url(../images/feedback/VeryDissatisfied.png);
}

.fb-selector input:active + .drinkcard-fb {
    opacity: .9;
}

.fb-selector input:checked + .drinkcard-fb {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.fb-selector table > tbody > tr > td {
    width: 75px;
    text-align: center;
    border: none;
    border-right: 1px solid #ddd;
    padding: 7px;
    vertical-align: top;
    font-family: sans-serif;
    font-size: 12px;
}

.drinkcard-fb {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}

    .drinkcard-fb:hover {
        -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
        -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
        filter: brightness(1.2) grayscale(.5) opacity(.9);
    }

.fb-val.has-error label {
    color: #dd4b39;
}

.fb-val label.field-required:after {
    padding-left: 2px;
    content: "*";
    color: red;
}

div.fb-rating-icon {
    overflow: hidden;
    text-align: center;
}

.fb-rating-icon label {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.loading-overlay-div {
    opacity: 0.4;
    pointer-events: none;
}

.warning-message {
    color: amber;
    margin-right: 5px;
}

.success-message {
    color: green;
    margin-right: 5px;
}

.error-message {
    color: red;
    margin-right: 5px;
}

.confirmation-message {
    color: #4dc4dc;
    margin-right: 5px;
}

/*END OF FEEDBACK*/
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 10px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 100; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    #snackbar.showSuccess {
        visibility: visible;
        background-color: #b2fbda;
        color: #018046;
        border: 1px solid #018046;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 4s;
        animation: fadein 0.5s, fadeout 0.5s 4s;
    }

    #snackbar.showFailure {
        visibility: visible;
        background-color: #ffc2bb;
        color: #9c1302;
        border: 1px solid #9c1302;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 4s;
        animation: fadein 0.5s, fadeout 0.5s 4s;
    }

.ComingSoonFeatures__container {
    min-height: 325px !important;
    height: 100% !important;
    width: 100% !important;
    display: flex;
    margin: auto;
    padding: 0px;
}

.ComingSoonFeatures__img {
    height: 100%;
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-color {
    color: #0f6fef !important;
}

.icon-download-color {
    color: #7bccdd !important;
}

.icon-cancel-color {
    color: red !important;
}

.icon-edit-color {
    color: #f8a10c !important;
}

.icon-start-color {
    color: forestgreen !important;
}

i.dx-icon.glyphicon.glyphicon-option-vertical {
    color: #574a4a !important;
}

.dx-datagrid-header-panel {
    margin-top: 4px !important;
}

#DeliveryInquiryGrid__popupContainer .dx-overlay-content {
    width: 250px;
    height: 260px;
    z-index: 1501;
    margin: 0px;
    left: 70px !important;
    top: 75px !important;
    transition: none 0s ease 0s;
    opacity: 1;
    transform: none !important;
}

#DeliveryInquiryGrid__popupContainer .dx-button .dx-button-content {
    padding: 0px 4px 3px 1px !important;
}

#WasteWorksGrid__popupContainer .dx-button .dx-button-content {
    padding: 0px 4px 3px 1px !important;
}

#WasteWorksGrid__popupContainer .dx-overlay-content {
    width: 250px;
    height: 260px;
    z-index: 1501;
    margin: 0px;
    left: 58px !important;
    top: 92px !important;
    transition: none 0s ease 0s;
    opacity: 1;
    transform: none !important;
}

dx-popup-title .dx-closebutton .dx-icon {
    width: 19px !important;
    height: 21px !important;
}

/* Custom, iPhone Retina */
@media (min-width : 320px) and (max-width : 479px) {
    .ComingSoonFeatures__container {
        display: inline-grid;
        min-height: 180px !important;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .ComingSoonFeatures__container {
        display: inline-grid;
        min-height: 180px !important;
    }
}

@media (max-width: 768px) {
    #DeliveryInquiryGrid__popupContainer .dx-overlay-content {
        left: 249px !important;
        top: 81px !important;
    }

    .deliveryInquiryGrid .dx-button .dx-button-content {
        padding: 5px 5px 4px 4px !important;
    }

    .deliveryInquiryGrid .dx-button.dx-button-has-icon {
        margin-right: 20px !important;
        border-radius: 10px !important;
        padding: 5px 2px 0px 7px !important;
    }

    #DeliveryInquiryGrid__popupContainer .dx-toolbar-button .dx-button .dx-icon {
        width: 39px !important;
        height: 21px !important;
        background-position: 0px 0px !important;
        background-size: 21px 21px !important;
        padding: 0px !important;
        font-size: 21px !important;
        text-align: center !important;
        line-height: 36px !important;
    }

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
        font-size: 15px !important;
    }
}

@media (max-width: 768px) {
    .dx-popup-title .dx-closebutton {
        width: 39px !important;
        right: -31px !important;
    }
}

@media (max-width: 768px) {
    #WasteWorksGrid__popupContainer .dx-overlay-content {
        left: -242px !important;
        top: 119px !important;
    }

    #WasteWorksGrid__popupContainer .dx-toolbar-button .dx-button .dx-icon {
        width: 39px !important;
        height: 21px !important;
        background-position: 0px 0px !important;
        background-size: 21px 21px !important;
        padding: 0px !important;
        font-size: 21px !important;
        text-align: center !important;
        line-height: 36px !important;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .ComingSoonFeatures__container {
        display: inline-grid;
        min-height: 180px !important;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/* big landscape tablets, laptops, and desktops */
@media only screen and (min-width:1521px) {
}
/* hi-res laptops and LCD, LED */
@media only screen and (min-width:1900px) {
}


/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1200px !important;
        width: 1200px !important;
    }
}

@media (max-width: 767px) {
    .link-fmpro-library {
        padding: 15px 5px 0px 5px !important;
    }
}

.inValid {
    box-shadow: 2px 2px 5px rgb(200 0 0 / 20%) !important;
    border: 1px solid red !important;
}

.clockpicker-popover {
    z-index: 99999 !important;
}

@media (min-width: 1600px) {
    .modal-xxl {
        max-width: 95% !important;
        width: 95% !important;
    }
}

.FMPROHubComingSoon__img {
    width: 100% !important;
}

.FMPRODiscontinued__img {
    width: 100% !important;
}

@media (min-width: 767px) {
    .modal-fitToScreen {
        width: 33% !important;
    }
}

.dx-list-item {
    width: auto !important;
}