@media screen and (min-width: 1024px) and (max-width: 1279px) {
     .main-content.wrapper {
        max-width: 1015px;
        position: relative;
    }

    .header-branding > a > i {
        padding: 5px 150px;
    }

    .grid-footer {
        width: 50%;
    }

    .grid-footer.blank {
        display: none;
    }

    .side-menu-bar > ul > li.expand h4.panel-title a {
        padding-left: 5px;
    }

    .um-anu .right-fill .form-group {
        width: 100%;
    }

    .um-cnug .left-fill form .form-group .col {
        min-width: 240px;
    }

    .left-fill {
        width: 100%;
    }

    .footer {
        bottom: 0px;
        left: 50%;
        /*position: relative;*/
    }

    .task-list-header > div {
        margin: 10px 20px 10px 0;
    }

    div.action-settings-export {
        margin-right: 0;
    }
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
      margin-left: -2px;
}
    /**************************** Remediation task style ****************/
    .remeditation-task-form .col-xs-4 {
        width: 48%;
    }
    /*Histroy control page styels*/
    .history-controls-filters .col-xs-10 {
        width: 100%;
    }

    .history-controls-filters .col-xs-8 {
        width: 74.33%;
    }

    .history-controls-filters .right-controls {
        margin-top: 10px;
        margin-right: 5px;
    }

    .user-list-filters .filter-inline {
        width: 66.5%;
    }

    .um.um-vul .user-list-filters .filter-inline {
        width: 58.33%;
    }

     .moduleDashBoard-filters .filter-inline .col-xs-2 {
        width: 12%;
        height: 60px;
    }
    .filter-inline .controls {        
        padding-right: 7px;
    }
     .moduleDashBoard-filters .filter-inline .col-xs-2.schedule-btn{
         height: auto;
     }
    .task-status-details .total-task-count p {
        font-size: 15px;
    }

    .subtask-count {
        display: inline-block;
        margin: 5px 0px;
        vertical-align: top;
        line-height: 14px;
        max-width: 68px;
    }

    .moduleDashBoard .margin-top-30 {
        margin-top: 0px;
    }

    .main-content .menu-content {
        padding: 0px;
    }

    .down-arrow {
        display: block;
    }

    .task-icons.legend {
        top: 5px;
    }

    .task-details-board > .col-xs-12 {
        border: 1px solid #DADADA;
    }

    .task-details-board {
        border: 0px;
    }

    .task-details {
        border-bottom: 1px solid #dadada;
        border-left: 1px solid #dadada;
        border-right: 1px solid #dadada;
        opacity: 1;
        transition: 1s linear height;
        overflow: hidden;
        height: auto;
    }
    .attribute-icons {      
      width: 25%;
    }
    .slide-toggle {
        height: 0;
    }

    .login-sec .login-header {
        left: 8%;
    }

    .custom-dropdown button,
    .custom-dropdown button:hover,
    .custom-dropdown button:active,
    .btn-group.open .dropdown-toggle,
    .custom-datepicker .form-control,
    .other-filter {
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 5px;
    }
    .custom-datepicker .extra-space{
        width: 90px;
    }
 
    .task-status-header {
        text-align: left;
        padding-left: 23%;
    }

    .ownerApprover-map-control-form .ms-ctn {
        width: 45% !important;
    }
    .ownerApprover-map-control-form .form-group { 
        padding: 0; 
    }
    .ownerApprover-map-control-form label {
        min-width: 70px;
        padding-right: 5px;
        padding-left: 0;
        text-align: right;
    }
    .modal-body > .ownerApprover-map-control-form label{
        text-align: left;
    }
    .filter-inline .controls.col-xs-3 {
        width: 18%;
    }
    .schedule-filter .controls.col-xs-3 {
        width: 25%;
    }

    .task-approvals .task-row label {
        min-width: 165px;
    }

     .dialog {
        width: 31.50%;
    }
     .dialog .title-bar .title{
        width: 70%;
    }
    .sideBar,
    .side-menu-bar,
    .header-wrapper,
    .header-branding {
        width: 185px;
    }

    .header-nav {
        padding-left: 170px;
    }

    .failTask .templ-col {
        min-height: 70px;
    }

    .failTask .min-w-50 {
        min-width: 50px;
    }
    .schedule-btn {
        width: 30%;
        min-width: 140px;
    }
    .schedule-btn button {
        min-width: 35px;
        padding: 8px 5px;
        margin: 0;
        width: 65px;
    }
    
     .moduleDashBoard .task-status-details {
        width: 100%;        
    }
    .moduleDashBoard-filters .filter-inline .controls.res1 {
        width: 10%;
    }
     .task-list-header div.selected {     
      padding: 5px;
    }

   /*.schedule-btn {
        width: auto;
        min-width: 160px;
        margin-top: 24px;
    }*/
   .moduleDashBoard-filters .filter-inline .dateRes {
        width: 130px;
    }

    .schedule-btn button {
        min-width: 35px;
        padding: 8px 5px;
        margin: 0;
        width: 65px;
    }
    .schedule-btn .btn-light{
        margin: 0 2px;
    }
    
    .switch-actions {
        right: -20px;
    }

    .task-status-header {
        text-align: center;
        padding-left: 0;
    }

    .trend-analysis .schedule-btn > .btn-dark {
        margin-right: 0;
    }

    select.form-control.dropdown.statue-update-select {
        width: 115px;
        padding: 0;
    }

    .remeditation-task-form label {
        max-width: 95px;
    }

    .remeditation-task-form .rowClass .form-group,
    .remeditation-task-form > div .input-group,
    .remeditation-task-form .input-group.control {
        width: 50%;
    }
    .remeditation-task-form .custom-datepicker .input-group.normal-width{
        width: 45%;
    }

    .remeditation-task-form .rowClass .form-group {
        width: 55%;
    }
    .remeditation-task-form .col-xs-4 {
        width: 32%;
    }

    .ms-ctn {
        width: 100%;
    }

    .remeditation-task-form > div .input-group.control .ms-sel-ctn {
        min-width: 110px;
    }

    .remeditation-task-form .custom-datepicker .input-group,
    .remeditation-task-form .grid-datepicker .input-group {
        width: 45%;
        min-width: initial;
    }

    .ui-grid-row:first-child .custom-datepicker.right-pos ul.dropdown-menu, .ui-grid-row:last-child .custom-datepicker.right-pos ul.dropdown-menu, .main-content ul.dropdown-menu {
        margin-left: -95px !important;
    }
    .main-content ul.dropdown-menu {
        margin-left: 0 !important;
    }
    .edit-timeline ul.dropdown-menu{
        margin-left: -100px !important;
    }
    .ui-grid-scroll > .graph {
        width: 80%;
    }

    .task-list-header > div > *:last-child {
        margin-left: 2px;
    }

    .task-list-header > div {
        margin: 10px 0;
    }

    .switch-actions {
        right: -15px;
    }

    .content-display {
        max-width: 810px;
    }
     .graphs-view table tr th {
        max-width: 50px;
        word-wrap: break-word;
    }
     .remeditation-task-form label {     
        width: 80px;      
    }
     button, .fileUpload, a.btn-light, a.btn-dark {      
      padding: 8px 10px;
    }
     .form-control {
      padding: 5px;
    }
     .ms-ctn .ms-sel-ctn {
      margin-left: 0;
      padding-right: 25px;
    }
     .remeditation-task-form .ms-helper {
      top: -30px;
    }
    .remeditation-task-data {      
      padding: 10px 0 0 40px;
    }
     .ms-ctn .ms-sel-ctn input {      
      min-width: 85px !important;
    }
     .ms-ctn .ms-sel-item {     
      min-width: 115px;      
    }
     .reports-secction {
        float: left;
        width: 78%;
    }
     .task-status-view .col-xs-6 {
        padding-right: 10px;
        padding-left: 0;
    }
     .reports .filters-roles {
         width: 80.55%;
    }
      .moduleDashBoard-filters .col-xs-9 {
        width: 100%;
    }
      .header-wrapper::after {
        position: static;
    }

    .header-wrapper::after {
        position: static;
    }

    .task-list-header > div {
        margin: 10px 20px 10px 0;
    }
    .header-wrapper::after {
        position: static;
    }

    .header-wrapper::after {
        position: static;
    }

    .task-list-header > div {
        margin: 10px 0 0;
    }

    div.action-settings-export {
        margin-right: 0;
    }
  /*  .remeditation-task-form .col-xs-4 {
        width: 50%;
    }
    .filter-inline .controls.col-xs-3 {
        width: 30%;
    }*/
    .view-delegation .col-xs-3 {
    width: 20% !important;
    }
    .um-anu .right-fill .form-group {
        width: 100%;
    }
    /*.content-header-wrapper {
        width: 1024px;
    }*/
    .graphs-view {
        max-width: 980px;
        overflow-y: hidden;
    }
    .schedule-btn {        
        min-width: 160px;
    }
   .schedule-btn button {
       min-width: 35px;
       padding: 8px 5px;
       margin: 0;
       width: 65px;
    }
    .task-row label {
        min-width: 145px;
    }

    .moduleDashBoard-filters .col-xs-9 {
        width: 100%;
    }

    .dialog {
        width: 31.38%;
    }

    .dialog.half {
        width: 48%;
    }

    .content-display {
        width: 100%;
        padding-bottom: 35px;
    }

    .reportSideBar input[type="checkbox"] {
        margin: 0px;
    }

    .width-0 {
        width: 0px !important;
    }

    .reports-secction {
        width: 77%;
    }

    .login-box .form-group {
        margin: 15px 0px;
    }
    .login-box .login-feilds label, .login-buttons .form-group label {
        padding-right: 0;
        text-align: left;                 
    }
    .change-pwd-form .login-box .form-group {
        margin: 15px 20px;
    }
    .login-box .error-msg {
        margin-left: 0px;
    }
    .reports .filters-roles {
         width: 80.55%;
    }
    .left-fill .col-xs-7 {
         width: 63%;
    }
    .unschedule-frequency-filter .col-xs-9 {
        width: 100%;
    }
    .hide-res{
        display: none;
    }
   
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .header-branding > a > i {
        padding: 5px 150px;
    }

    .grid-footer {
        width: 50%;
    }

    .grid-footer.blank {
        display: none;
    }

    .side-menu-bar > ul > li.expand h4.panel-title a {
        padding-left: 5px;
    }

    .left-fill {
        width: 100%;
    }

    .task-status .filters,
    .dashboard-graphs-filters .filters {
        width: 79.60%;
    }

    .custom-datepicker .input-group-btn:last-child > .btn,
    .custom-datepicker .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
        margin-top: 0;
    }
}


/*Only works for IE>8*/
@media screen\0 {
    .ui-grid-disable-selection + span{
        top: 100% !important;
     }
}