._coming_soon
{
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/**style={{ display: 'flex', marginBottom: 15 }}**/
._filter_bar {
    display: flex;
    margin-bottom: 15px;
}

._header_bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}

._header_bar {
    flex: 1 1 0%;
}

._header_bar H1 {
    width: 100%;
}

._side_bar
{
    width: 280px;
    height: 100%;
    border-left: 1px solid #CCC;
    background-color: #FAFAFA;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 2;
    padding-top: 45px;
    overflow: hidden;
}

._Portal_HeaderButton_text {
    text-wrap: nowrap;
}

div[class *= 'mobile-menu-']
{
    display:none
}
._Portal_Header_rightMenuItems
{
    align-items: right;
}

.rams-modal-wrap > .ant-modal
{
    top: 8px !important;
}

#rams-signing
{
    overflow-x: auto;
    position: relative;
/*    max-height: 400px;*/
}

._rams_html {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ccc;

/*
    max-height: 80%;
    overflow-x: auto;

    height: calc(100vh - 280px);
    overflow-x: scroll;
*/
}


/*#login_form_loading
{
    display: none;
}*/

#hubspot-messages-iframe-container
{
    display: none!important;
    margin-right: -1000px;
    visibility: hidden;
}


@media only screen and (max-width: 1350px)
{
    ._Portal_Header_leftMenuItems.Advanced
    {
        margin-right: 50px;
        overflow: hidden;
        /*
        width: 1px;
        visibility: hidden;
        */
    }

    .mobile-menu-Advanced, .mobile-menu-Premium
    {
        display:flex!important;
    }
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    ._Portal_Header_leftMenuItems.Basic, ._Portal_Header_leftMenuItems.Basic+, ._Portal_Header_leftMenuItems.Admin, ._Portal_Header_leftMenuItems.Advanced
    {
        width: 1px;
        visibility: hidden;
    }

    .mobile-menu-Basic, .mobile-menu-Basic+, .mobile-menu-Admin, .mobile-menu-Advanced, .mobile-menu-Premium
    {
        display:flex!important;
    }

    ._filter_bar, ._header_bar
    {
            display: block;
    }

    ._header_bar .ant-btn
    {
        margin-left: 0px!important;
    }

    ._filter_bar .ant-radio-group,
    ._filter_bar .ant-select
    {
        max-width: 100%;
        min-width: 100%;
        float: left;
        clear: both;
        display: block;
        margin-bottom: 10px;
    }

    #hubspot-messages-iframe-container
    {
        display: none!important;
        margin-right: -1000px;
        visibility: hidden;
    }

    .portal-screen
    {
        padding: 10px!important;
        width: calc(100% - 10px);
        margin-top: 30px;
    }

    .portal-screen-inner H1
    {
        min-width: 100%;
        max-width: 100%;
    }

    .portal-screen-inner .ant-input-group-wrapper
    {
        min-width: 100%;
        max-width: 100%;
    }

    .ant-divider-horizontal {
        margin: 12px 0!important;
    }

    .ant-col-14
    {
        width: 100%;
        max-width: 100%!important;
        flex: unset!important;
    }

    .ant-form-item-label
    {
        max-width: 100% !important;
        min-width: 100% !important;

    }

    /** login page **/
    ._Portal_LoginScreen_Wrapper_wrapper
    {
        display: block!important;
    }

    ._Portal_LoginScreen_BrandingPanel_panel
    {
        width: 100%!important;
        height: 120px!important;
    }

    ._Portal_LoginScreen_FormPanel_panel
    {
        display: block!important;
    }

    ._Portal_LoginScreen_Form_loginForm
    {
        width: auto!important;
        max-width: calc(100% - 20px);
        min-width: 80%;

        display: block!important;
        margin:10px!important;
    }

    /** views **/
    .portal-screen
    {
        margin-right: 0px!important;
        padding-right: 0px!important;
    }

    ._side_bar
    {
        width: calc(100% + 21px);
        height: 100%;
        position: relative;
        bottom: 0px;
        right: 0px;
        margin-bottom: 100px;
        overflow: hidden;
        margin-left: -11px;
    }

    ._side_bar :first-child
    {
        width: calc(100% - 5px);
        padding-right: 0px;
    }

    ._side_bar :nth-child(2)
    {
        width: calc(100% - 5px);
        padding-right: 0px;
    }

    /** modal **/
    .ant-modal-body
    {
        padding: 12px;
    }

    .ant-modal-body :first-child
    {
        width: calc(100% - 5px);
        padding-right: 0px;
        display: block!important;
    }




    /** menu **/
    ._Portal_HeaderButton_button[href$="settings"]
    {
        display:none;/** remove settings for mobile **/
    }

    ._Portal_HeaderButton_button
    {
        padding-left: 0px!important;
        padding-right: 10px!important;
    }

    ._Portal_Header_logoContainer
    {
        width: 100%!important;
        background-color: transparent!important;
        height: 50px!important;
        justify-content: left!important;
    }

    ._Portal_Header_bar
    {
        display: block!important;
        height: 80px!important;
    }

    ._Portal_Header_logoContainer IMG
    {
        height: 45px!important;
        width: auto!important;
    }

    ._Portal_Header_rightMenuItems {
        display: block;
        margin-right: 5px;
        position: fixed;
        top: 0px;
        right: -10px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .portal-screen {
        padding: 30px!important;
        padding-top: 30px;
    }

}

/* GENERAL DESIGN FIXES */
.ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.portal-screen-inner .ant-select-arrow
{
    /**margin-top: -20px!important;**/
}

.ant-divider-horizontal {
    margin: 15px 0!important;
}

.portal-screen
{
    padding-top: 20px!important;
}