/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .on-mobile-view{
        display: none;
    }
    .modal-60w{
        width:95%;
    }
    .lg-width250{
        width: auto;
    }
    .mobile-w50{
        width: 50%;
        max-width: 50%;
    }
    .mobile-pull-right{
        float: right;
    }
    .proposal-tabs .line-total-fields{
        width: 63%;
    }
    .mobile-w10{
        float: left;
        width: 10%!important;
    }
    .mobile-w20{
        float: left;
        width: 20%;
    }
    .mobile-w80{
        float: left;
        width: 80%!important;
    }

    .mobile-w100{
        float: left;
        width: 100%;
    }
    .mobile-5-full-margin{
        margin: 5px!important;
    }
    .proposal-tabs .field-size-1{
        width: 16%;
        padding-right: 4px;
    }
    .proposal-tabs .field-size-2{
        width: 24%;
        padding-right: 4px;
    }
    .proposal-tabs .field-size-3{
        width: 32%;
        padding-right: 4px;
    }
    .proposal-tabs .field-size-4{
        width: 40%;
        padding-right: 4px;
    }
    .proposal-tabs .field-size-5{
        width: 48%;
        padding-right: 4px;
    }

    .mobile-w80 select {
        width: 100% !important;
    }

    .quote-line {
        padding: 0 10px 10px !important;
        cursor: pointer;
        margin: 10px 0px;
        background-color: #ffffff;
        border: 1px solid #ccc;
    }

    .constant-data {
        padding: 15px 0px!important;
    }

    .constant-data .line-full-description{
        width: 100%!important;
    }

    .bid-type-line{
        padding: 10px;
        border: 1px solid #ccc;
    }

    .proposal-tabs .deposit-label{
        width: 33.33333%
    }

    .proposal-tabs .discount-type-section{
        width: 28%;
    }

    .proposal-tabs .bid-type-row-column{
        /* width: 100%; */
        padding: 5px 0px;
    }
    .proposal-tabs .bid-type-row-column input{
        width: 100%!important;
    }

    .sms-history-section {
        display: block;
    }

    .setting-sections {
        display: block;
    }
    .dashboard-pipeline::-webkit-scrollbar , .dashboard-pipeline div::-webkit-scrollbar {
        width: 15px;
    }
    .dashboard-pipeline::-webkit-scrollbar:horizontal, .dashboard-pipeline div::-webkit-scrollbar:horizontal {
        height: 15px;
    }
    .worksheet-file-label{
        top: -5px;
    }
    .room-cal{
        width: 85%;
    }
    .full-padding.proposal-btn a {
        margin-top: 5px;
    }
    .sms_history_incoming_number{
        width:50%;
        float: none;
        text-align:right;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 992px) {
    .on-mobile-view{
        display: none;
    }
    .modal-60w{
        width:80%;
    }
    .mobile-w50{
        width: 50%;
        max-width: 50%;
    }
    .mobile-pull-right{
        float: right;
    }
    .mobile-w10{
        float: left;
        width: 10%!important;
    }
    .mobile-w20{
        float: left;
        width: 20%;
    }
    .mobile-w80{
        float: left;
        width: 80%!important;
    }

    .mobile-w100{
        float: left;
        width: 100%;
    }
    .mobile-5-full-margin{
        margin: 5px!important;
    }
    .proposal-tabs .field-size-1{
        width: 16%;
        padding-right: 4px;
    }
    .proposal-tabs .field-size-2{
        width: 24%;
        padding-right: 4px;
    }
    .proposal-tabs .field-size-3{
        width: 32%;
        padding-right: 4px;
    }
    .proposal-tabs .field-size-4{
        width: 40%;
        padding-right: 4px;
    }
    .proposal-tabs .field-size-5{
        width: 48%;
        padding-right: 4px;
    }

    .mobile-w80 select {
        width: 100% !important;
    }

    .quote-line {
        padding: 0 10px 10px !important;
        cursor: pointer;
        margin: 10px 0px;
        background-color: #ffffff;
        border: 1px solid #ccc;
    }

    .constant-data {
        padding: 15px 0px!important;
    }

    .constant-data .line-full-description{
        width: 100%!important;
    }

    .bid-type-line{
        padding: 10px;
        border: 1px solid #ccc;
    }

    .proposal-tabs .deposit-label{
        width: 33.33333%
    }

    .proposal-tabs .discount-type-section{
        width: 28%;
    }

    .proposal-tabs .bid-type-row-column{
        /* width: 100%; */
        padding: 5px 0px;
    }
    .proposal-tabs .bid-type-row-column input{
        width: 100%!important;
    }

    .dashboard-pipeline::-webkit-scrollbar , .dashboard-pipeline div::-webkit-scrollbar {
        width: 15px;
    }
    .dashboard-pipeline::-webkit-scrollbar:horizontal, .dashboard-pipeline div::-webkit-scrollbar:horizontal{
        height: 15px;
    }

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

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .plantimeline .webhook-option .lg-hidden{
        display: none;
    }
    .reset-chart {float: right;
        position: relative;}

    .client-sec.full-width-container .fiter-type
    {
        padding: 0 30px;
    }
    .plantimeline .react-datepicker__day-name,.plantimeline .react-datepicker__day,.plantimeline .react-datepicker__time-name, .react-datepicker__current-month, .clientprofile-editor .react-datepicker__day-name,.clientprofile-editor .react-datepicker__day,.clientprofile-editor .react-datepicker__time-name, .react-datepicker__current-month{font-size: 14px; margin:10px;}
    .plantimeline .react-datepicker__time-list-item, .clientprofile-editor .react-datepicker__time-list-item{font-size: 10px; padding: 0px!important;}
    /*.col-md-3-5
    {
      width: 32%;
    }*/
    .opportunityList-modal.modal-dialog {
        width: 80%
    }

    .self-pay-modal .percnt {
        position: relative;
        padding: 5px;
        top: 2px;
    }
    .col-middle{
        padding:0 15px;
    }

    .white-box-item .contact-sort{
        text-align: right;
    }

    .ex-client{padding-left: 10px;}

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

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

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .exclude-client {padding-left: 10px;}
    .sms_history_incoming_number{
        width:50%;
        float: none;
        text-align:right;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1500px) {
    .sms_history_incoming_number{
        width:40%;
        float: right;
        text-align:right;
    }
}

/* Proposal Worksheet Update UI changes*/
@media only screen and (max-width: 1500px) {
 .custom-new-UI .room-cal {
    width: 90%;
    margin-top:-5px;
    float:right;
 }
 .custom-checkbox-width {
    width: 12%;
 }
}

@media only screen and (max-width: 1300px) {
    .custom-new-UI .room-cal {
       width: 95%;
    }
    .custom-new-UI .room-cal-special-case {
        width: 15% !important;
    }
}

@media only screen and (max-width: 1240px) {    
    .custom-new-UI .room-cal {
        width: 95%;
    }
    .custom-new-UI .room-mid {
        width: 11% !important;
    }
    .custom-new-UI .room-cal-special-case {
        width: 15% !important;
    }
}

@media only screen and (max-width: 1100px) {
    .custom-new-UI .room-cal {
        width: 100% !important;
        margin-top: -20px;
    }
    .custom-new-UI .room-mid {
        width: 11% !important;
    }
    .custom-checkbox-width {
        width: 15%;
     }
    .hideCol1 {
        display: none;
     }
    .proposal-tabs .nav-tabs > li > a {
        padding: 8px 15px;
     }
    .custom-new-UI .room-cal-special-case {
        width: 15% !important;
    }
}

@media only screen and (max-width: 1040px) {
    .custom-new-UI .room-cal {
        width: 100% !important;
        margin-top: -20px;
    }
    .custom-new-UI .room-mid {
        width: 11% !important;
    }
    .custom-new-UI .room-cal-special-case {
        width: 20% !important;
    }
}
@media only screen and (max-width: 992px) {
    .customDragHandle { display: none;}
    #proposal-worksheet .mobile-w10 { width: 4% !important; }
    #proposal-worksheet .bid-type-row-column { width: 30% !important; }
    #proposal-worksheet .bid-type-row-column input[name='area_comments'] { margin-left: 20px; }
    #proposal-worksheet .room-cal-tab-view { width: 100% !important;}
    .custom-new-UI .room-mid {
        width: 20% !important;
    }
    .room-cal .room-mid:last-child {
        width: 5% !important;
        margin-top: 5px;
    }
    .room-cal .room-mid:last-child input {
        width: 10% !important;
        position: absolute;
    }
    .bid-row-actions {
        float: right;
        width: 17% !important;
        margin-top: -20px;
        text-align: right;
    }
    .add-new-bid-heading .estimate-row {
        width: 40%;
    }
    .add-new-bid-heading .total-heading {
        display: none;
    }
    .quote-line .custom-category-select {
        width: 100% !important;
    }
    .quote-line .lineItemActions { width: 12%; } 
    .custom-checkbox-width { width: 80%;}
    .custom-checkbox-width .row { display: flex;}
    .quote-line .lineItemContainerDesktop { display: none;}
    .quote-line .lineItemContainerTablet {
        display: block;
        width: 100%;
        margin-top: -25px;
    }
    .quote-line .sameHeightcontentResponsive{
        margin-top: 5px;
    }
    .quote-line .sameHeightcontentResponsive .drag-handle {
        display: none;
    }
    #proposal-worksheet .grand-total-row .grand-total-labels {
        width: 45% !important;
    }
    #proposal-worksheet .deposit-label {
        width: 35%;
        margin-right: 7px;
        text-align: right;
    }
    #proposal-worksheet .deposit-label ~ .col-md-1{
        width: 25%;
    }
    #proposal-worksheet input[name='depositAmount'], #proposal-worksheet input[name='progressAmount']  {
        width: 100%;
        margin-left: 40%;
    }
    .constant-data .field-size-2, .constant-data .field-size-1, .constant-data .field-size-3, .constant-data .field-size-4, .constant-data .field-size-5 {
        width: 30% !important;
    }    
    .custom-new-UI .room-cal-special-case {
        width: 15% !important;
    }
    .room-cal-special-case input[type='checkbox']{
        width: 20% !important;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 939px) {
    .proposal-tabs .nav-tabs > li > a {
        padding: 7px 12px;
    }
    .customDragHandle { display: none;}
    .room-cal-special-case input[type='checkbox']{
        width: 20% !important;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 885px) {
    .proposal-tabs .nav-tabs > li > a {
        padding: 5px 7px;
    }
    .customDragHandle { display: none;}
    .room-cal-special-case input[type='checkbox']{
        width: 20% !important;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 665px) {
    .constant-data .field-size-2, .constant-data .field-size-1, .constant-data .field-size-3, .constant-data .field-size-4, .constant-data .field-size-5 {
        width: 100% !important;
    }
    .text-d-block input.form-control {
        width: 90% !important;
    }
    .add-new-bid-heading .estimate-row { width: 60%;}
    .custom-new-UI .bid-type-row-column:first-child {
        width: 100% !important;
     }     
     #proposal-worksheet .custom-new-UI .bid-type-row-column:nth-child(2), .custom-new-UI .bid-type-row-column:nth-child(3), .custom-new-UI .bid-type-row-column:nth-child(4) {
        width: 100% !important;
     }
    .custom-new-UI .room-cal {
        width: 100% !important;
        margin-top:-5px;
        float:right;
     }        
     .room-cal .room-mid:last-child input {
        width: 20% !important;
     }
     .lineItemActions {
        right: 25px;
     }
     .col-md-8-5 {
        width: 100%;
     }
     .constant-data input[type='text'], .constant-data input[type='number'], .constant-data select {
        width: 100% !important;
     }
     .room-cal .image-dropdown { width: 22%;}
     .custom-new-UI .room-mid {
        width: 100% !important;
        margin-bottom: 10px;
     }  
     #proposal-worksheet input[name='area_name'], #proposal-worksheet input[name='area_comments']{
        width: 100% !important;
     }
     #proposal-worksheet .bid-type-row-column {
        width: 100% !important;
     }
     #proposal-worksheet .bid-type-row-column input[name='area_comments'], #proposal-worksheet .bid-type-row-column input[name='area_name'] {
        margin-left: 0px;
     }
     .bid-row-actions {
        margin-top: -45px;
     }
     .proposal-tabs .nav-tabs { white-space: initial; }
     .subtotal-tab-view { width: 100%; }
     .bid-row-actions-tab-view { display: block; top: 10px; }
     .bid-row-actions-desktop-view { display: none; }     
     #proposal-worksheet .collapse-icons-tab { float: left; }
     #proposal-worksheet .custom-new-UI .bid-type-row-column:nth-child(2) { width: 90% !important; float: right; }
     .room-cal-special-case input[type='checkbox']{
        width: 6% !important;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 550px) {
    .sameHeightcontentResponsive {
        display: block;
    }
    .constant-data {
        width: 100%;
    }
    .gray-border-left {
        border-left: none;
    }
    .room-cal .image-dropdown {
        width: 35%;
        margin-bottom: 10px;
    }
    .room-cal-special-case input[type='checkbox']{
        width: 6% !important;
        vertical-align: middle;
    }
}