/*** desktop ***/
@media(min-width:1200px) {

    .profilebanner-box {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.5em;
    }

    .profilebanner-box-topic-icon {
        padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    }
}

@media(min-width:1200px) {
    .newcasebanner-box {
        font-size: 3.5em;
        padding: 2rem 0rem 1rem 0rem;
        width: 1200px;
    }

    .newcasebanner-tabs {
        width: 1200px;
        font-size: 1em;
        margin-left: auto;
        margin-right: auto;
    }

    .newcasebanner-tabs-button-top-a {
        font-size: 1em;
    }

    .newcasebanner-tabs-button-top-b {
        font-size: 1em;
        margin-top: 5px;
    }

    .newcasebanner-tabs-button-active {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        max-width: 35%;
        padding: 1rem 2rem 1rem 2rem;
    }

    .newcasebanner-tabs-button {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        max-width: 35%;
        padding: 1rem 2rem 1rem 2rem;
    }

    .newcasebanner-tabs-button-disabled {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        max-width: 35%;
        padding: 1rem 2rem 1rem 2rem;
    }

    .newcasebanner-box-topic-icon {
        padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    }

    .newcasebanner-tabs-button-bottom {
        margin-top: 0px;
        font-size: 0.9em;
    }
}



@media (min-width: 1200px) {
    .root-menu {
        position: relative;
        z-index: 0;
    }

    .root-menu-banner {
        width: 1200px;
        font-size: 1em;
    }

    .button-icon-box {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }

    .button-icon-text {
        font-size: 1rem;
        margin-left: 0.3rem;
        text-align: left;
        white-space: nowrap;
    }

    .button-icon-img {
        margin-top: 0.5rem;
    }

    .button-icon-box-clicked {
        color: inherit;
        border-color: blue;
    }

    .button-icon-pop-clicked {
    }

    .counter-badge {
        left: 0.8rem;
    }

    .counter-badge-alerts {
        left: 0.5rem;
    }
}


@media (min-width:1200px) {
    .logo-circle {
        width: 70px;
        height: 70px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-border-radius: 99em;
        -moz-border-radius: 99em;
        border-radius: 99em;
    }

    .logo-title-container {
        width: 150px;
        margin-left: 0.5rem;
        font-size: 1.2em;
    }

    .select-box {
        -webkit-appearance: button;
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
        -webkit-padding-start: 0px;
        -webkit-user-select: none;
        background: white;
        background-position: center right;
        background-repeat: no-repeat;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
        font-size: 0.8em;
        white-space: nowrap;
        width: 40px;
    }

        .select-box:focus {
            outline: none;
        }

    .search-input {
        padding: 0.25rem 1rem 0.25rem 1rem;
        width: 40rem;
    }

        .search-input:focus {
            outline: none;
        }

    .search-div {
    }

    .search-icon {
        left: -1.5rem;
        padding-top: 0.3rem;
        margin-left: -1.8rem;
    }

    .logobox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .root-header-banner {
        width: 1200px;
        font-size: 1em;
        padding: 0.5rem 0rem 0.5rem 0rem;
    }


    .logo-title-text {
        font-size: 0.9em;
        font-weight: 600;
        font-style: normal;
    }
}

@media(min-width:1200px) {
    .editcasebanner-box {
        font-size: 2.5em;
        padding: 0.5rem 0rem 0.5rem 0rem;
        width: 1200px;
    }

    .editcasebanner-tabs {
        width: 1200px;
        font-size: 1em;
        margin-left: auto;
        margin-right: auto;
    }

    .editcasebanner-tabs-button-top-a {
        font-size: 1em;
    }

    .editcasebanner-tabs-button-top-b {
        margin-left: 0.2rem;
        font-size: 1em;
    }

    .editcasebanner-tabs-button-active {
        height: 3.5rem;
        max-width: 35%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0.5rem 1rem 0.5rem 1rem;
    }

    .editcasebanner-tabs-button {
        height: 3.5rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 35%;
        padding: 0.5rem 1rem 0.5rem 1rem;
    }

    .editcasebanner-tabs-button-bottom {
        margin-left: 0.2rem;
        font-size: 1em;
    }

    .editcasebanner-box-topic-icon {
        padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    }

    .editcasebanner-box-topic-text {
        margin-left: 1rem;
    }

    .editcasebanner-box-topic-text-top {
        font-size: 0.6em;
    }

    .editcasebanner-box-topic-text-bottom {
        font-size: 0.4em;
    }

    .editcasebanner-box-buttons {
        font-size: 1em;
    }

    .editcasebanner-box-button {
        font-size: 0.4em;
        font-weight: normal;
        padding: 0.5rem 1rem 0.5rem 1rem;
    }
}

@media(min-width:1200px) {

    .depositbanner-box {
        width: 1200px;
    }

    .depositbanner-box-topic-icon {
        padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    }

    .depositbanner-box-button {
        padding: 0.5rem 1rem 0.5rem 1rem;
    }
}

@media(min-width:1200px) {
    .dashboardbanner {
        width: 100%;
        font-size: 1em;
    }

    .dashboardbanner-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 1200px;
    }

    .dashboardbanner-title {
        font-size: 3.5em;
    }

    .dashboardbanner-button {
        padding: 1rem 2rem 1rem 2rem;
        white-space: nowrap;
        font-size: 1.2em;
    }

    .dashboardbanner-tabs {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1em;
    }

    .dashboardbanner-tabs-button {
        font-size: 1em;
        padding: 1rem;
    }

    .dashboardbanner-tabs-button-active {
        font-size: 1em;
        padding: 1rem;
    }
}