@media only screen and (min-width: 600px) {
    .navbar {

      
    }
}

@media only screen and (min-width: 768px) {
    .navbar {

       
    }
}

@media only screen and (min-width: 1200px) {
    .navbar {

    }
}

@media only screen and (min-width: 1250px) {
    .navbar {

      
    }

    .sideContentDashComp {}
}

@media only screen and (min-width: 1350px) {
    .navbar {
    }
  .timerCounter h1 {
      font-size: 0.8em;
  }


    .wrapperComponent .dataTables_paginate {
        left: 64%;
        top: 95.2%;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        font-size: 0.8em;
    }

    .wrapperComponent .dataTables_info {
        left: 45%;
        font-size: 0.7em;
        bottom: -8px;
        background-color: red;
    }

    .wrapperComponent .sideContentPages {
        width: 87%;
        margin: 45px 40px 0px 190px;
        padding: 0px 0px 0px 10px;
    }

    .wrapperComponent .wrapperScrollableEmpRepo {
        height: 560px;
        margin: 0px 00px 0px 0px;

    }

    .tablePannel .table tr {
        margin: 2px;
        color: #585858;
        font-size: 1em;


    }

    .tablePannel .table th {
        font-size: 0.7em;
        background-color: rgba(139, 109, 85, 0.3);
        border: 1px solid rgba(139, 109, 85, 0.3);
        color: var(--secondary-text-color);
    }

    .tablePannel .table td {
        font-size: 0.8em;

    }

    .tablePannel .table i {
        font-size: 1em;
        padding-right: 05px;
    }

    .left-topHeading .container-fluid {
        height: 60px;
    }

    .wrapperComponent .leadAssignComp {
        top: 9.2%;
        right: 11%;
    }
      .userCompSidebar h4 {
      font-size: 0.9em;
  }

  .userCompSidebar h6 {
      font-size: 0.7em;
  }
    .wrapperScrollableUpdate {
      background-color: white;
      scroll-behavior: smooth;
      overflow: hidden;
      height: 590px;
      border-radius: 10px;
      margin: 0px 15px 0px 0px;
      padding: 5px 5px 5px 5px;

  }

  .wrapperScrollableUpdate .leadFollowWidget {
      height: 575px;
      overflow-y: scroll;
      overflow-x: hidden;
      border-radius: 10px;
      padding: 5px;
  }
    .wrapperScrollableUpdate .leadsDetailsComp .well {
      height: 575px;
      overflow-y: scroll;
      overflow-x: hidden;
      border-radius: 10px;
      padding: 5px 10px;
      box-shadow: none;
      background-color: white;
  }
   .sideContentDashComp {
      background-color: transparent;
      margin-left: 190px;
      width: 87%;
      padding: 0px 0px 100px 15px;
  }

}

@media only screen and (min-width: 1450px) {
    .navbar {

       
    }

}

@media only screen and (min-width: 1400px) {
    .navbar {

       
    }
}

@media only screen and (min-width: 1420px) {
    .navbar {

       
    }

}

@media only screen and (min-width: 1500px) {
    .navbar {
     
    }

    .wrapperScrollableEdit {
        height: 760px;

    }

}

@media only screen and (min-width: 1510px) {
    .navbar {
    }

    .footerCompVersion {
        background-color: red;
        top: 94.9%;
        position: fixed;
        width: 90.2%;
        z-index: 111;
        left: 9.9%;
        font-size: 1em;
        display: flex;
        padding: 13px 45px 15px 10px;

    }

    .dataTables_paginate {
        left: 74%;
        top: 95.5%;


    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        font-size: 1em;

    }

    .dataTables_info {
        left: 55%;
        font-size: 0.8em;
        bottom: 0px;
    }

    .sideCompSidebarDash {
        width: 190px;
    }

    .sideCompSidebarDash .sideWidgetBtn .well {
        color: white;
        padding: 5px 10px 5px 0px;
        font-size: 0.9em;
    }

    .sideCompSidebarDash h4.panel-title {
        font-size: 0.8em;
    }

    .leadAssignComp {
        top: 7.5%;
        right: 11%;
    }

    .sideContentPages {
        width: 89.5%;
        margin: 45px 40px 0px 190px;
        padding: 0px 0px 0px 10px;
    }

    .wrapperScrollableEmpRepo {
        height: 680px;
        margin: 0px 00px 0px 0px;

    }
}