#create {background: url(../../images/toolbar.png) -48px center}
#tcreate-header {background-image: url(./images/create16.gif)}
#tcreate textarea {resize: none; height: 8rem;}

#recentTrackers {
  width: 130px;
  display: flex;
  align-items: center;
}
#recentTrackers::after {margin-left: auto;}
#deleteFromRecentTrackers {text-align: left;}

/* Custom break point settings for responsiveness */

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */
/* Custom rules for medium devices */
#tcreate {min-width: 90vw;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  /* Custom rules for small devices */
  #tcreate {min-width: 518px;}
  #tcreate textarea {height: 16rem;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  /* Custom rules for medium devices */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  /* Custom rules for large devices */
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  /* Custom rules for x-large devices */
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  /* Custom rules for xx-large devices */
}
