/*
CYCLERENT Web 4
base styles
version 1.95
date: 2019-11-05
*/
/***** Responsive for minimum 1024 and maximum 1279 *****/
@media (min-width:1024px) and (max-width:1279px) {
    #BillDetailsModal .modal-dialog {
        width: 98% !important;
    }

    #divInput {
        font-size: 25px;
    }

    #ReservationOverviewModalPopup .modal-dialog {
        width: 90%;
    }

        #ReservationOverviewModalPopup .modal-dialog .modal-footer .btn {
            width: 20%;
        }

    #ReservationDetailsModal .modal-dialog {
        width: 90%;
    }

    #ModalRegisterOpenAmountForBill .modal-dialog {
        width: 30%;
    }

    #divIssueFormPanel, #divItemSelectionPanel, #divItemTypeSelectionPanel, #divReservationFormPanel {
        width: 100%;
    }

    #divRentInfoDashboard {
        width: 100%;
    }

    #divIssueBill #divReturnDateTime {
        margin-top: auto;
    }

    #divIssueBill #divRenterDetails, #divIssueBill #divBillItemDetails, #divIssueBill #divCancelBillContent, #divReservation #divReserveeDetails, #divSelectItemTypeDetails, #divCancelReservationRow, #divPanelRentBillList {
        width: 100%;
        float: none;
    }

    #divIssueBill #divBillPeriodDetails, #divIssueBill #divBillAmountsDetails, #divReservationPeriodDetails, #divReservationAmountDetails, #divSideReservationActionButtonBar, #divPanelRentServiceTicket {
        width: 100%;
        float: none;
    }

    #divMobileMenu, #divMobileSearchFilterOptions {
        display: block !important;
    }

    #divDesktopMenu, #divDesktopSearchFilterOptions {
        display: none !important;
    }

    #ModalShowExchange .modal-dialog {
        width: 98%;
    }

    #ExchangeErrorMsg .modal-dialog {
        width: 30%;
    }

    #ModalItemAvailableOptions .modal-dialog {
        width: 50%;
    }

    .sublogindiv {
        width: 465px;
        /*height: 450px;*/
    }

    #divCycleRentCopyright {
        text-align: right;
    }

    .label-text {
        display: none;
    }

    .panel-body {
        padding: 5px;
    }
    /*** CSS for Menu ***/
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
    /*******************/
    #AddServiceTicketModal .modal-dialog {
        width: 70%;
    }

    #divPanelRentBillList {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #divPanelRentServiceTicket {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #ItemBillInfoModal .modal-dialog {
        width: 85%;
    }

    .modal-dialog {
        margin-top: 60px;
    }

    #divIssueBill #divReturnDateTime {
        text-align: center !important;
        /*margin-top: 0px;*/
    }

    #divReservation #divReturnDateTime {
        text-align: center !important;
        /*margin-top: 0px;*/
    }

    .btn-standard {
        min-width: inherit;
    }

    #imgMRMenuDropdownOptions .panel-group .panel {
        padding: 2px;
    }

    #imgMRMenuDropdownOptions {
        overflow: auto;
    }

    #BillExtendModal .modal-dialog {
        width: 600px;
    }

    #AvailableItemsModal .modal-dialog {
        width: 600px;
    }

    #divItemModeContent .btn {
        padding: 8px;
    }

    #lblExtraWorkstation {
        font-size: 32px !important;
        line-height: 1 !important;
    }

    #SelectBillTempProductModal .modal-dialog {
        width: 98%;
    }

    #divOccupationChartPanel {
        display: none;
    }

    #IssueOverviewMenuModal .modal-dialog {
        width: 750px;
    }

    #divIssueOverviewPageMenu .btn {
        height: 55px !important;
        text-align: center;
        vertical-align: middle;
        line-height: 3;
        font-weight: bold;
    }

    .btn-menu {
        cursor: pointer;
        border-radius: 3px;
        transition: all 0.2s ease-in-out 0s;
        border: 1px solid lightgray;
        padding: 6px 0px;
        font-size: 16px;
    }

        .btn-menu:hover {
            cursor: pointer;
            transition: all 0.2s ease-in-out 0s;
            border: 1px solid black;
        }
    #ModalExportReservationOVerview .modal-dialog {
        width: 700px;
    }

    /* Start Styles by Altus Infotech (Merged on 12-03-2022)*/

    #SelectBillTempItemModal .modal-dialog, #SelectBillTempItemtypeModal .modal-dialog {
        width: 50%;
    }
    #SelectNewItemForExchange .modal-dialog{
        width : 70%;
    }
    #SelectBillTempItemModal > .modal-dialog {
        width: 60%;
    }

    #tblHolidayAddressList_filter.dataTables_filter {
        margin-top: 5px;
        margin-right: 10px;
    }

    #ShowItemRentalsModal .modal-dialog {
        width: 80%
    }
    /*this classes for flex */
    .flex-md-100 {
        flex: 100%
    }

    .flex-md-50 {
        flex: 49%
    }

    .flex-md-40 {
        flex: 40%
    }

    .flex-md-25 {
        flex: 25%
    }

    .md-d-col {
        flex-direction: column;
    }
    /* end flex classes*/
    /*01-03-2022 start design home screen*/
    .menu-card {
        width: 100%;
    }

    #divDashRentMenuCard, #divDashReturnMenuCard, #divDashReservationMenuCard {
        max-width: 40%;
    }

    #divDashItemMenuCard, .pageHomeMaintenance #divDashServiceTicketMenuCard {
        max-width: 40%;
    }

    #divDashExchangeMenuCard, .pageHome #divDashServiceTicketMenuCard {
        min-width: auto;
    }

    #divDashboardMenuCardRow {
        max-width: 90%;
    }

    .tooltip-info.tooltip .tooltip-bottom {
        top: 135%;
        left: -285%;
        margin-left: -100px;
    }

    .tooltip-info.tooltip .tooltiptext.tooltip-bottom::after {
        /*right: 10px !important;*/
        left: 50% !important;
    }

    #imgMenu {
        max-width: 205px;
    }

    #divDesktopFilterDataForBookingTicket #divresEventFilter, /*#divArrivalPeriodFilter,*/
    #divDesktopFilterDataForBookingTicket #divCustomPeriodSettingsForBookingTickets, #divDesktopFilterDataForBookingTicket #divArrivalTimePeriodFilter,
    #divDesktopFilterDataForBookingTicket #divStatusFilter {
        flex: 31%;
        max-width: 31%;
    }

    #divMainExtraOptionsOverview .cards {
        max-width: 31%;
    }

    #divReservationOVerviewForSourcePartnerGridFilter #divReservationRightFilters {
        max-width: 100%
    }

    #divReservationLeftFilter {
        column-gap: 15px;
        max-width: 100%;
    }

 /*   #divReservationLeftFilter .ResOverviewFilter {
        max-width: 23%;
    }*/

    /*#divreservationDateFilter {
        flex-direction: inherit;
    }*/

    #divReservationOverviewStartAndEndDateFilter {
        max-width: 80%;
    }

    #divOpenTasksFilter {
        grid-row-gap: 10px;
    }

    #divreservationDateFilter #spnreservationDateFilter {
        max-width: 80%;
    }

    /* End styles by Altus */
    /* by Altus Infotech 31-03-2022*/
    #divHeaderExportSearchFilterForReservationOverview {
        max-width: 27%;
    }

    #divReservedItemOVerviewGridFilter #divSelectArrivalTimeBlock, #divReservedItemOVerviewGridFilter #divArrivalTimeFilterBlock,
    #divReservedItemOVerviewGridFilter #divSelectLocationBlock, #divReservedItemOVerviewGridFilter #divItemTypeListBlock,
    #divReservedItemOVerviewGridFilter #divSelectReservationTypeBlock, #divReservedItemOVerviewGridFilter #divPhaseFilterBlock {
        min-width: 31%;
        margin-bottom: 5px;
    }
    #divForceSignOutButton #btnForcedSignOut.btn {
        font-size: 70% !important;
        margin-top: -5px;
    }
    /*2022-05-03 */
    #divNewItemNumberTxt, #divOldItemNumberTxt {
        max-width: 72%;
        width:70%;
    }
    #divSelectNewItemButton .CRbuttonIssue {
        min-width: 125px;
    }
    #divReservedItemFiltersForDesktop {
        display: none !important;
    }
    #divReservedItemFiltersForMobile {
        display: inline-block !important;
    }
    #divDashboardMenuCards {
        flex-direction: column;
    }
    #divExchangeAndService {
        flex-direction: row;
        justify-content: flex-end;
    }
    #divExchangeAndService  {
        flex: none !important;
    }
    .pageHome .MenuCardSmall {
        max-width: 18%;
    }

    #divDashChangeBooking .MenuCardSmall {
        max-width: 90%;
    }
    .pageHome #divDashServiceTicketMenuCard{
        margin-right:40px;
    }
    #divDesktopFilterForBookingTickets, #divDesktopFilterForItemOverview, #divDesktopFilterForSourcePartner, #divDesktopFilterForTask {
        display: none !important;
    }

    #divMobileFilterForBookingTickets, #divMobileFilterForItemOverview, #divMobileFilterForSourcePartner, #divMobileFilterForTask {
        display: inline-block !important;
    }
    #divPeriodDatesControls {
        width: 35%;
    }
    .fd-md-col {
        flex-direction: column !important;
    }

    .fd-md-row {
        flex-direction: row !important;
    }
}