/* =================== *
 * ## Large (LG) ##
 *
 * @min-width: 992px;
 * @max-width: 1200px;
 * =================== */

/* ## for LG and larger ## */
@media (min-width: 992px) {
   /* ========================= *
    * ## Databrowser Spacing ##
    * ========================= */
   .db-page .gui-container .checkbox,
   .db-page .gui-container .checkbox .role-label,
   .db-page .gui-container .group-checkbox,
   .db-page .gui-container .group-checkbox .role-label,
   .db-page .gui-container .radio-checkbox,
   .db-page .gui-container .radio-checkbox .role-label {
      height: 30px;
   }

   .db-page .gui-container .checkbox .role-label,
   .db-page .gui-container .group-checkbox .role-label,
   .db-page .gui-container .radio-checkbox .role-label {
      font-size: .75rem;
      line-height: 30px;
      padding-left: 40px;
   }

   .db-page .gui-container .checkbox .role-button,
   .db-page .gui-container .group-checkbox .role-button,
   .db-page .gui-container .radio-checkbox .role-button {
      padding: 8px;
      width: 30px;
   }

   .db-page .gui-container .dropdown-component .display-wrapper { height: 30px; }
   .db-page .gui-container .dropdown-component .display-wrapper .list-toggle {
      padding: 6px;
      width: 30px;
   }

   .db-page .gui-container .dropdown-component .role-display,
   .db-page .gui-container .dropdown-component .role-placeholder {
      line-height: 30px;
      font-size: .75rem;
   }

   .db-page .btn-text {
      border-radius: 15px;
      font-size: .75rem;
      line-height: 30px;
   }

   .db-page .search-location-component .search-location-input {height: 30px;}
   .db-page .search-location-component .input-container .role-input { line-height: 20px; }

   .db-page .databrowser-map-controls-container .checkbox .role-button,
   .db-page .databrowser-map-controls-container .group-checkbox .role-button,
   .db-page .databrowser-map-controls-container .radio-checkbox .role-button,
   .db-page .gui-container .radio-checkbox .role-button {
      border-radius: 15px;
      padding: 10px;
   }

   .db-page .gui-container .dropdown-component .display-wrapper .list-toggle {
      border-radius: 15px;
      padding: 8px;
   }


   /* ============================= *
    * ## Databrowser Map Control ##
    * ============================= */

   .db-page .databrowser-map-controls-container .databrowser-gui-control-button .role-button {
      border-radius: 15px;
      padding: 9px;
   }
}