/*
CYCLERENT Web 4
base styles
version 1.95
date: 2019-11-05
*/
/***** Responsive for minimum 1280 and maximum 1440 *****/
@media (min-width:1280px) and (max-width:1440px) {
	.remove-padding-left {padding-left: 0px !important;}
    .remove-padding-right {padding-right: 0px !important;}
    #ModalRegisterOpenAmountForBill .modal-dialog {
        width: 25%;
    }

    #divMobileSearchFilterOptions {
        display: block !important;
    }

    .panel-body {
        padding: 10px;
    }

    .CRfont-big {
        font-size: 150% !important;
    }

    .form-label-group > label {
        font-size: 12px;
    }

    .CRfont-biggest {
        font-size: 175% !important;
    }

    #divInput div.col-lg-9.col-md-9.col-sm-10.col-xs-11, #divInput div.col-lg-10.col-md-9.col-sm-10.col-xs-11 {
        width: 910px;
    }

    /*#divInput #divDesktopMenu {
        width: 320px;
    }*/
    #divDesktopMenu{
        padding-left: 0px !important;
        padding-right: 7px !important;
    }

    #divHeaderMenuIcons div.pl-15 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #divOccupationPanelBody label {
        font-size: 80%;
    }

    #IssueBillItemListGrid .btnGrid {
        font-size: 90%;
    }

    #divDiscountButton {
        padding-right: 5px !important;
    }

    .btnDiscount {
        font-size: 80% !important;
        padding: 4px 4px !important;
    }

    #divDesktopSearchFilterOptions {
        display: none !important;
    }

    #divMenuIconLogo {
        width: 230px;
    }

    .headerInputFiled {
        width: auto;
    }

    #divIssueBillMain .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5,
    .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,
    .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
	
	#divInsuranceRow .remove-padding-left {padding-left: 0px !important;}
	
    label.CRpayBilled {
        font-size: 90%;
    }

    #divArrivalDeliveryHour, #divArrivalMinute {
        width: 100px;
    }

    #divPackageContent {
        clear: left;
        width: 75%;
    }

    #divAmountDetails .CRfont-bigger {
        font-size: 110% !important;
    }

    #divDiscountContent div {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #RbtBilledPayment span {
        width: 100%;
    }

    #divDiscountButton #btnDiscount {
        padding: 4px 5px !important;
    }

    #divDiscount #divDiscountAmount {
        margin-top: 8px;
    }

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

    #divServiceTicketList label.CRbrokenRepair {
        font-size: 85%
    }

    #jqgh_CurrentServiceTicketListGrid_ItemServiceIssueID {
        font-size: 85%
    }

    #txtResDiscountAmount, #txtBillDiscountAmount {
        width: 80px;
    }

    #tblBillPaymentMethod td, #tblBillPaymentMethod2 td {
        padding: 8px 0px;
    }

    input[type=radio].css-radio + label.css-label {
        font-size: 12px;
    }

    #divTotalToPayContent div.col-lg-3 {
        font-size: 125%;
    }

    #divTotalBillAmounts {
        font-size: 175% !important;
    }

    #divTotalToPayContent div.col-lg-3 {
        font-size: 125%;
    }

    #divRenterHolidayAddressAndRoom {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    #ModalExportReservationOVerview .modal-dialog {
        width: 700px;
    }

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

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

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

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

    .flex-lg-25 {
        flex: 25%
    }
    /* end flex classes*/

    /*01-03-2022 start design home screen*/
    #divDashRentMenuCard, #divDashReturnMenuCard, #divDashReservationMenuCard {
        max-width: auto;
    }
    #divDashItemMenuCard, .pageHomeMaintenance #divDashServiceTicketMenuCard {
        max-width: auto;
    }

    #divDashboardMenuCardRow {
        max-width: 70%;
    }

    .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;
    }

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

    #divMainExtraOptionsOverview {
        justify-content: flex-start;
    }

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

    #divReservationLeftFilter {
        max-width: 79%
    }

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

    /* End styles by Altus */
    /* by Altus Infotech 31-03-2022*/
    #divReservedItemOVerviewGridFilter {
        flex-direction: column;
    }
    /*2022-05-03 */
    #divNewItemControlFild, #divOldItemControlFild {
        max-width: 40%;
    }
    #divNewItemTypeFild{
        max-width:45%;
    }
    #divSelectNewItemButton .CRbuttonIssue {
        min-width: 125px;
    }
    #divNewItemNumberTxt, #divOldItemNumberTxt {
        max-width: 67%;
        width: 67%;
    }
    #divReservedItemFiltersForDesktop {
        display: flex !important;
    }

    #divReservedItemFiltersForMobile {
        display: none !important;
    }
    #divDesktopFilterForBookingTickets, #divDesktopFilterForItemOverview, #divDesktopFilterForSourcePartner, #divDesktopFilterForTask {
        display: flex !important;
    }
    #divMobileFilterForBookingTickets, #divMobileFilterForItemOverview, #divMobileFilterForSourcePartner, #divMobileFilterForTask {
        display: none !important;
    }
    #divPeriodDatesControls {
        width: 30%;
    }
    .fd-lg-col {
        flex-direction: column !important;
    }

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