/* MEDIUM SCREEN */
@media (max-width: 1600px){

}

/* TABLET */
@media (max-width: 1240px) {
   /* MOBILE MENU */
   nav.mobile-menu{ display:block; height:50px; position:fixed; top:0; left:0; z-index:9999; background:#fff; border-bottom:solid 1px #f1f1f1; width:100%; }
   nav.mobile-menu .handler{ display:inline-block; vertical-align:top; height:40px; width:40px; margin:5px 15px 5px 5px; line-height:30px; text-align:center; }
   nav.mobile-menu .handler .fas{ margin-right:0; font-size:14px; }
   nav.mobile-menu .handler.open .fas{ color:#4eada6; }
   nav.mobile-menu .logo{ display:inline-block; margin-top:3px; }
   nav.mobile-menu .logo img{ height:44px; vertical-align:top; }

   #login nav.mobile-menu .handler{ display:none; }
   #login nav.mobile-menu{ text-align:center; }

   /* MENU */
   .menu-backdrop{ display:block; position:fixed; top:0; left:-100vw; height:100vh; width:100vw; background:rgba(0,0,0,.15); }
   .menu-backdrop.open{ left:0px; }
   nav.menu{ left:-100vw; transition:left .45s; padding-top:50px; padding-bottom:50px; }
   nav.menu.open{ left:0px; }
   nav.menu .logo{ display:none; }
   nav.menu li a{ font-size:14px; }
   nav.menu li .fas{ font-size:14px; }

   #login nav.menu{ display:none; }

   /* TOP MENU */
   .top-menu{ position:fixed; top:4px; right:-20px; margin:0; border:none; z-index:9999; background:#fff; }
   .top-menu a{ margin:0; color:inherit; }

   /* MAIN */
   main.main{ width:100%; left:0; }
   main.main .content{ padding:50px 5px 100px 5px; }
   body#dashboard main.main .content{ padding:35px 5px 100px 5px; }

   /* TOOLBAR */
   .toolbar{ padding:15px 50px; top:50px; width:100%; background:#fafafa; }

   /* DASHBOARD */
   .dashboard-block{ margin:20px 1.35% 0; }
}

/* TABLET */
@media (min-width: 760px) AND (max-width: 1840px) {
   main.main .content{ padding-top:75px; }
   body#dashboard main.main .content{ padding:35px 5px 100px 5px; }

   /* TABLE */
      .table .badge span{ display:none; }
      .table table td, .table table th{ padding:10px 3px 10px 3px; font-size:12px; vertical-align:middle; }
      .table tbody tr td:first-child .btn:nth-child(3){ display:none; }
      .table tbody tr td .separator{ display:none; }
      .table .btn{ padding:4px 6px; }
      .table .btn .fas{ font-size:10px; }

      /* BILLS */
      #bills .table table tr th:nth-child(1),
      #bills .table table tr td:nth-child(1),
      #bills .table table tr th:nth-child(8),
      #bills .table table tr td:nth-child(8){ display:none; }

      #bills .table table tr th:nth-child(2),
      #bills .table table tr td:nth-child(2){ width:80px; }
      #bills .table table tr th:nth-child(3),
      #bills .table table tr td:nth-child(3){ width:65px; }
      #bills .table table tr th:nth-child(4),
      #bills .table table tr td:nth-child(4){ width:80px; }
      #bills .table table tr th:nth-child(7),
      #bills .table table tr td:nth-child(7){ width:100px; }
      #bills .table table tr th:nth-child(9),
      #bills .table table tr td:nth-child(9){ width:80px; }
      #bills .table table tr th:nth-child(10),
      #bills .table table tr td:nth-child(10){ width:115px; }

      /* ESTIMATES */
      #estimates .table table tr th:nth-child(1),
      #estimates .table table tr td:nth-child(1){ display:none; }

      #estimates .table table tr th:nth-child(2),
      #estimates .table table tr td:nth-child(2){ width:65px; }
      #estimates .table table tr th:nth-child(3),
      #estimates .table table tr td:nth-child(3){ width:80px; }
      #estimates .table table tr th:nth-child(4),
      #estimates .table table tr td:nth-child(4){ min-width:120px; }
      #estimates .table table tr th:nth-child(6),
      #estimates .table table tr td:nth-child(6){ width:100px; }
      #estimates .table table tr th:nth-child(7),
      #estimates .table table tr td:nth-child(7){ width:80px; }
      #estimates .table table tr th:nth-child(8),
      #estimates .table table tr td:nth-child(8){ width:115px; }

      /* INTERVENTIONS */
      #interventions .table table tr th:nth-child(5),
      #interventions .table table tr td:nth-child(5),
      #interventions .table table tr th:nth-child(6),
      #interventions .table table tr td:nth-child(6){ display:none; }
}

/* MOBILE */
@media (max-width: 760px) {
   body, input, select, textarea{ font-size:12px; }

   h3{ margin-top:45px; margin-bottom:15px; font-size:18px; }

   /* BADGES */
   .badge{ font-size:8px; padding:2px 3px; }
   .badge span{ display:none; }

   /* TOOLBAR */
   .toolbar{ padding:10px; margin-bottom:25px; }
   #configuration .toolbar .btn{ padding:5px; }
   .toolbar .btn span{ display:none; }
   .toolbar .btn .fas{ margin-right:0; }
   .toolbar input{ width:200px; padding:7px 8px 6px 8px; font-size:14px; }
   .toolbar .badge{ display:none; }
   .toolbar select{ margin-right:5px; min-width:50px; max-width:60px; padding:7px 3px 6px 3px; }

   /* FORMS */
   .form{ width:100%; }
   .form .form-row-submit{ padding:15px 15px; }
   .form .form-row-submit .btn{ padding:7px 12px; }

   /* DASHBOARD */
   .dashboard-block{ height:75px; }
   .dashboard-block .fas{ font-size:21px; margin-bottom:8px; margin-top:17px; opacity:0.35; }
   .dashboard-block span{ font-size:9px; }

   /* DASHBOARD FINANCIAL */
   #dashboard_financial .main .content{ padding-top:25px; }
   .dashboard_financial .block{ margin:25px 0 0 0; }
   .dashboard_financial .tiers{ margin-top:25px; }
   .dashboard_financial .tiers-2{ width:100%; padding-right:0; }
   .dashboard_financial .block.half{ width:100%; }
   .dashboard_financial .block.big{ min-height:0; }
   .dashboard_financial .block h4{ font-size:15px; padding-bottom:0px; margin-bottom:15px; }
   #dashboard_financial .toolbar .btn{ display:none; }
   #dashboard_financial .toolbar input{ font-size:14px; padding:5px 10px; }
   .dashboard_financial .block ul li a small{ display:none; }
   body#dashboard .dashboard_financial .tiers{ margin-top:0; }

   /* CALCGRID */
   .calcgrid-toolbar{ padding:15px 5px; }
   .calcgrid-toolbar .btn{ font-size:9px; margin-right:2px; padding:5px 8px 5px 8px; }
   .calcgrid-toolbar .btn .fas{ font-size:9px; }
   .calcgrid.table{ overflow:auto; padding:10px; }
   .calcgrid.table table{ min-width:950px; }

   /* TABLES */
      .table{ padding:10px 5px 15px 5px; font-size:11px; }
      .table .btn{ padding:2px 7px 4px; }
      .table .btn .fas{ font-size:9px; }
      .table table td, .table table th{ padding:10px 5px; }
      .table table td .separator{ display:none; }

      /* BILLS */
      #bills .table table tr th:first-child,
      #bills .table table tr td:first-child,
      #bills .table table tr th:nth-child(4),
      #bills .table table tr td:nth-child(4),
      #bills .table table tr th:nth-child(6),
      #bills .table table tr td:nth-child(6),
      #bills .table table tr th:nth-child(7),
      #bills .table table tr td:nth-child(7),
      #bills .table table tr td:last-child .btn:nth-child(2){ display:none; }
      #bills .table table tr th:last-child,
      #bills .table table tr td:last-child{ width:72px; }

      #bills .table table tr th:nth-child(1),
      #bills .table table tr td:nth-child(1){ width:64px; }
      #bills .table table tr th:nth-child(2),
      #bills .table table tr td:nth-child(2){ width:46px; }
      #bills .table table tr th:nth-child(3),
      #bills .table table tr td:nth-child(3){ width:56px; }
      #bills .table table tr th:nth-child(8),
      #bills .table table tr td:nth-child(8){ width:70px; }

      /* CUSTOMERS */
      #customers .table table tr th:first-child,
      #customers .table table tr td:first-child{ width:50px; }
      #customers .table table tr td:first-child .btn:first-child,
      #customers .table table tr th:nth-child(3),
      #customers .table table tr td:nth-child(3),
      #customers .table table tr th:nth-child(4),
      #customers .table table tr td:nth-child(4),
      #customers .table table tr th:nth-child(5),
      #customers .table table tr td:nth-child(5){ display:none; }
      #customers .table table tr th:last-child,
      #customers .table table tr td:last-child{ width:90px; }

      /* ESTIMATES */
      #estimates .table table tr th:first-child,
      #estimates .table table tr td:first-child,
      #estimates .table table tr th:nth-child(3),
      #estimates .table table tr td:nth-child(3),
      #estimates .table table tr th:nth-child(5),
      #estimates .table table tr td:nth-child(5),
      #estimates .table table tr th:nth-child(6),
      #estimates .table table tr td:nth-child(6){ display:none; }
      #estimates .table table tr th:last-child,
      #estimates .table table tr td:last-child{ width:72px; }
      #estimates .table table tr td:last-child .btn:last-child{ display:none; }

      #estimates .table table tr th:nth-child(1),
      #estimates .table table tr td:nth-child(1){ width:64px; }
      #estimates .table table tr th:nth-child(2),
      #estimates .table table tr td:nth-child(2){ width:56px; }

      /* DOCUMENTS */
      #documents .table table tr th:first-child,
      #documents .table table tr td:first-child{ display:none; }
      #documents .table table tr th:first-child,
      #documents .table table tr td:first-child,
      #documents .table table tr th:last-child,
      #documents .table table tr td:last-child{ width:92px; }

      /* EXPENSES */
      #expenses .table table tr th:nth-child(3),
      #expenses .table table tr td:nth-child(3),
      #expenses .table table tr th:nth-child(4),
      #expenses .table table tr td:nth-child(4),
      #expenses .table table tr th:nth-child(6),
      #expenses .table table tr td:nth-child(6){ display:none; }
      #expenses .table table tr th:last-child,
      #expenses .table table tr td:last-child{ width:90px; }

      /* INTERVENTIONS */
      #interventions .table table tr th:first-child,
      #interventions .table table tr td:first-child{ width:20px; }
      #interventions .table table tr th:nth-child(4),
      #interventions .table table tr td:nth-child(4),
      #interventions .table table tr th:nth-child(5),
      #interventions .table table tr td:nth-child(5),
      #interventions .table table tr th:nth-child(6),
      #interventions .table table tr td:nth-child(6),
      #interventions .table table tr th:nth-child(8),
      #interventions .table table tr td:nth-child(8){ display:none; }
      #interventions .table table tr th:last-child,
      #interventions .table table tr td:last-child{ width:90px; }

      #interventions .table table tr th:nth-child(2),
      #interventions .table table tr td:nth-child(2){ font-size:10px; width:72px; }

      /* PAYMENTS */
      #payments .table table tr th:nth-child(3),
      #payments .table table tr td:nth-child(3),
      #payments .table table tr th:nth-child(4),
      #payments .table table tr td:nth-child(4),
      #payments .table table tr th:nth-child(6),
      #payments .table table tr td:nth-child(6){ display:none; }
      #payments .table table tr th:last-child,
      #payments .table table tr td:last-child{ width:90px; }

      /* PROVIDERS */
      #providers .table table tr th:nth-child(2),
      #providers .table table tr td:nth-child(2),
      #providers .table table tr th:nth-child(3),
      #providers .table table tr td:nth-child(3),
      #providers .table table tr th:nth-child(4),
      #providers .table table tr td:nth-child(4),
      #providers .table table tr th:nth-child(5),
      #providers .table table tr td:nth-child(5),
      #providers .table table tr th:nth-child(6),
      #providers .table table tr td:nth-child(6){ display:none; }
      #providers .table table tr th:last-child,
      #providers .table table tr td:last-child{ width:90px; }

   /* TICKETS */
   .form h4.ticket-subject{ font-size:15px; }

   .ticket-response-block{ width:85%; padding-top:25px; }
   .ticket-response-block .ticket-date{ float:right; }
   .ticket-response-block.customer{ margin-left:15%; }

   /* TASKS */
   #tasks-calendar{ margin-top:50px!important; }

   /* UTILS */
   .half{ width:100%; display:inline-block; vertical-align:top; }
   .tiers{ width:100%; display:inline-block; vertical-align:top; }
   .tiers-2{ width:100%; display:inline-block; vertical-align:top; }
   .quarter{ width:100%; display:inline-block; vertical-align:top; }
   .quarter-3{ width:100%; display:inline-block; vertical-align:top; }
   .hidden-sm{ display:none; }

   .col-1{ display:inline-block; width:100%; padding:0 15px; vertical-align:top; }
   .col-2{ display:inline-block; width:100%; padding:0 15px; vertical-align:top; }
   .col-3{ display:inline-block; width:100%; padding:0 15px; vertical-align:top; }
   .col-4{ display:inline-block; width:100%; padding:0 15px; vertical-align:top; }

   /* MODAL */
   .modal-body, .modal-body.modal-body.hasIframe{ width:94%; }
   .modal-body .btns-wrapper .btn span{ display:none; margin-right:0; }

   /* CONFIGURATION */
   #configuration-form .toolbar .btn{ margin-left:0; font-size:10px; }
   #configuration-form .toolbar .btn .fas{ display:none; }

   /* SUMMERNOTE */
   .note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen{ left:0; top:50px; calc(100vh - 50px); z-index:99999; }

   /* FullCalendar */
   #tasks-calendar{ margin-top:60px!important; padding:15px; }
   body#dashboard #tasks-calendar{ margin-top:0px!important; }
   .fc-footer-toolbar{ display:flex!important; }
   .fc-header-toolbar .fc-toolbar-chunk:first-child{ display:none!important; }
   .fc .fc-toolbar-title{ font-size:17px!important; }
}