@media screen and (max-width: 480px) {
  .standard-option{
    /*width: 153px;*/
  }
  
 /*commented to PREVENT grid filters misalignment in all grid views*/
  /*.taskid {*/
  /*  display: none;*/
  /*}*/
  /*#task-grid_c1 {*/
  /*  display: none;*/
  /*}*/
  
  /*.items>thead>.filters>td:nth-child(2) {*/
  /*  display: none;*/
  /*}*/
  
/*GLOBAL Class for tablet-hidden columns - currently on Tasks Grids*/
    /* Hide columns with the hide-mobile class on mobile view, including header, data, and filters */
    .hide-mobile {
        display: none;
    }
  
  [title~="Reference"] {
    width: 160px !important;
  }
  #Task_state {
    padding: 10px 0px;
    margin: 0;
    width: 60px;
  }
  /*.status-start-end{
    min-width: 310px;
    clear: both;
  }
  .buttons{
    min-width: 310px;
  }*/
  .width310 {
    min-width: 310px;
    clear: both;
  }
  div.form div.buttons input {
    font-size: 15px;
  }
  .one-line {
    clear: both;
  }
  .cleditorMain {
    /*min-height: 110px !important;*/
  }
  .cleditorMain>iframe {
    min-height: 25px !important;
  }
  /*Remove Task ID
  #task-grid > div > .items{
    margin-left: -35px;
  }
*****/
  .portlet-content {
    margin: 0;
  }
  .project-selector {
    margin: 2px 0 !important;
    padding: 2px !important;
  }
  div.form {
    padding: 2px;
  }
  [title~="Comment"] {
    position: absolute;
    right: 5px;
  }
  #task-list>.item>.idetail>.row>.standard-option {
    min-width: 100% !important;
  }
  div.form input[type="text"], div.form textarea, div.form select {
    width: 98%;
  }
  #nav>.parent {
    display: none;
  }
  #nav {
    width: 100% !important;
    overflow: hidden;
  }
  #nav li {
    clear: both !important;
    background: none !important;
    width: 100% !important;
    display: inline-grid;
  }
  .fa {
    font-size: 25px !important;
    margin-top: -5px !important;
  }
  .toggle-menu {
    margin-top: 5px !important;
  }
  .over {}
  #nav ul {
    position: static !important;
    width: 100% !important;
  }
  #nav ul li a {
    background: none !important;
  }
  #nav>.parent>ul>.parent>ul {
    background-color: #63adca !important;
    color: white !important;
  }
  #nav>li>ul>.parent>a>span:before {
    content: "+  ";
  }
  .parent>ul>.parent>ul>li>a>span:before {
    content: ">  ";
  }
  #nav li:nth-child(1), #nav li:nth-child(5) {
    /*display: none;*/
  }
  .fa-cubes:before {
    content: "" !important;
  }
  .fa-cube:before {
    content: "" !important;
  }
}


@media only screen and (max-width: 600px) {
    .mobile-shortcuts {
        display:block;
    }
}

@media screen and (max-width: 1200px) {}

.hide {
  display: block !important;
}

@media screen and (max-width: 640px) {
  .task-content {
    width: 100%;
  }
  .project-quick-list {
    overflow: scroll;
    /*height: 50px;*/
    width: 100%;
    background-color: #63adca;
  }
  .buttons-create {
    position: fixed;
    bottom: 0;
    background-color: white;
    text-align: center;
    width: 100%;
    padding-left: calc(50% - 160px);
  }
}
#secret-selector-0-1-pin{
    max-width: 230px;
}