@media (max-width: 1200px) {
    .upload-view-ip {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 991px) {
 .log-out {
  background-color: #ee3225 !important;
 }
  .log-out:hover {
   background-color: #000 !important;
  }
    .login-page-bottom { display:block;    margin: 0 15px;}
    .login-page-bottom .login-page-left, .login-page-bottom .login-page-right {
        width: 100%;
    }
    .login-page-left{border-bottom-left-radius:0px;border-top-right-radius:10px;}
    .inner-page-nav {
        display: block;
    }

        .inner-page-nav a {
            padding: 5px 10px;
            display: flex;
        }
    .accordin-tab-top ul.action-item-tab  li a {
        border: 1px solid #ccc;
    } 
 }
@media (max-width: 768px) {
    .sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar:before{margin-left:0px;}
    .sidebar-mini.sidebar-collapse .main-header .navbar{margin-left: 0 !important;}
    .summary-report-page, .actionitemspage, .page-padding{padding:10px}
    .inner-page-nav .active a {display: flex;align-items: baseline;}
    .inner-page-nav .active a { color: #ffffff;  background-color: #007bff; }
    .inner-page-nav .active a .fa-arrow-circle-o-right{visibility:visible;} 
    .inner-page-nav a .fa-arrow-circle-o-right{margin-right:5px;}
}
@media (max-width: 767px) {
    .box-calendar > div{height:auto !important}
    .main-header .sidebar-toggle{    padding: 4px 15px;}
    .sidebar-open .main-sidebar{    padding-top: 127px;}
 .custom-calendar table .days-list{height: 45px;}
 .custom-calendar .header-table tr td{padding: 15px 3px;}
 .custom-calendar .header-table tr td:nth-child(2){
     font-size:13px;
     font-weight:bold;
     line-height:14px;
 }   
 .main-sidebar {
        -webkit-transform: translate(-240px, 0);
        -ms-transform: translate(-240px, 0);
        -o-transform: translate(-240px, 0);
        transform: translate(-240px, 0);
    }
 .main-header {
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  max-height: initial;
 }
  .main-header .navbar {
   padding-top: 0;
   min-height: 58px;
   box-shadow: 0 0 0px rgba(0,0,0,0.2);
  }
 .logo-lg {
  margin-top: 9px;
  margin-bottom: 9px
 }

 .main-header .logo {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  width: 195px
 }
    .expand-project-checkbox table {
        display: block;
        width: 100% !important;
    }

    .expand-project-checkbox td {
        display: block;
        width: 100%;
    }

    .expand-name-checkbox table {
        display: block;
        width: 100% !important;
    }

    .expand-name-checkbox td {
        display: block;
        width: 100%;
    }

    .expand-month table {
        display: block;
        width: 100% !important;
    }

    .expand-month td {
        display: block;
        width: 100%;
    }
    .ModalPopup-request-popup{width:100%;} 
    .scroll-bar-popup > div {
        height: 90%;
        overflow: auto;
    }
    .email-checkbox-list table, .email-checkbox-list table tbody, .email-expand-list-align table,
    .email-expand-list-align table tbody{display:block}
    .email-checkbox-list table tr, .email-expand-list-align table tr{display:inline}
     .email-checkbox-list table tr td, .email-expand-list-align table tr td {
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle;
     }
     .email-checkbox-list.check-box-space table tr td input[type='checkbox'], 
     .email-expand-list-align table tr td input[type='checkbox'] { margin-right: 0;}
    .timesheet-btn{margin-bottom:8px;}
    .email-expand-list-align table tr td label {
        width: 100%;
        display: inline;
    } 
 }
@media (max-width: 480px) {
    .accordin-tab-top ul li a {border: 1px solid #ccc;}
    .red-outline-btn{display:block;}
    .ModalPopup-project{width:100%;}
    .ModalPopup-calendar textarea{width:100% !important;}
    .directory-form-head{max-width:100%; clear:both}
}
@media (max-width: 480px) {
    .login-logo{text-align: center;    margin-bottom: 10px;}
    .login-welcome-text{padding-bottom: 20px;}
    .login-welcome-text h1{text-align:center;padding:0 10px;}
    .login-page-bottom .login-page-right {
        padding: 30px 15px;
    }
    .ModalPopup-calendar {width:300px;}
}
@media (max-width: 340px) {
 .uncheck-all-email {
  display: block;
  margin-top: 0;
 }
 .action-admin-item{flex-wrap:wrap}
}