/*==================================
  TAB STYLES
==================================*/
/* Service group - 60% width */
#layout-groups > .services-group:has([id="col-60"]) {
    max-width: 60% !important;
}

/* Service group - 40% width */
#layout-groups > .services-group:has([id="col-40"]) {
    max-width: 40% !important;
}

/* Hide footer completely */
#footer {
    display: block;
}

@media screen and (min-width: 1081px) {
    button[id$='-tab'] {
      text-align: left;
      padding-left: 5px;
      font-weight: bold;
      font-size: 14px;
    }

    #myTab {
        display: inline;
        position: fixed;
        width: 210px;
        top: 125px;
        border: 1px solid rgba(224, 224, 224, 0.25);
    }

    /* Bookmark section container */
    .bookmark-group {
        width: 210px;
        position: absolute;
        top: 310px;
        left: -210px;
    }

    /* Layout container */
    #layout-groups {
        position: absolute; top: 120px; left: 220px;
    }

    #layout-groups > .services-group:has([id="sidebar"]) {
        position: absolute;
        top: 160px;
        left: -220px;
        width: 220px;
    }
}

/* Vertical Screen style */
@media screen and (min-width: 601px) and (max-width: 1080px) {
    button[id$='-tab'] {
      text-align: left;
      padding-left: 5px;
      font-weight: bold;
      font-size: 14px;
    }

    #myTab {
        display: inline;
        position: fixed;
        width: 210px;
        top: 155px;
        border: 1px solid rgba(224, 224, 224, 0.25);
    }

    .bookmark-group {
      width: 210px;
      position: absolute;
      top: 340px;
      left: -210px;
    }

    #layout-groups {
        position: absolute; top: 150px; left: 220px;
    }

    #layout-groups > .services-group:has([id="sidebar"]) {
      position: absolute;
      top: 160px;
      left: -220px;
      width: 220px;
    }
}

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

}