@charset "utf-8";
/* CSS Document */

@media (max-width: 480px){
    /*
    .row{
        margin: initial;
    }
    */

    #rea-framework_menu_bar
    {
        height: 60px;
    }
    #rea-framework_menu_bar-collapse
    {
        right: 15px;
        top: 108px;
        border: 1px solid #dcdcdc;
        max-height: 300px;
        padding-right: 10px;
        position: absolute;
        left: auto;
        overflow-x: hidden;
    }

    #rea-framework_menu_bar-collapse.onShowButton
    {
        top: 108px;
        border: 1px solid #dcdcdc;
        overflow-x: hidden;
        right: 20px;
    }

    /* Project page */
    .adjustedOnPage
    {
        top: 0px !important;
    }
    button.navbar-toggle
    {
        top: 64px;
        /*right: 10px;*/
    }
    .navbar-inverse .navbar-toggle .icon-bar
    {
        background-color: #000;
    }
    .navbar-collapse.collapse.in ul.navbar-nav
    {
        position: relative;
        /*top: -20px;*/
    }
    .navbar-collapse.collapse.in ul li
    {
        line-height: 10px;
    }
    .navbar-collapse.collapse.in ul li a
    {
        font-size: 12px !important;
    }

    /* setting on smartphone */
    .navbar-toggle
    {
        /*
        margin-right: 10px;
        margin-right: 20px;
        */
        margin-right:12px;
        right:0px;
        display: block !important;
    }
    .navbar li a
    {
        font-size: 10px !important;
    }
    /*
    ul.navbar-nav>li
    {
        height: 25px;
    }
    */
    .navbar-nav .open .dropdown-menu > li > a
    {
        line-height: 5px !important;
    }
    .navbar-nav > li > a
    {
        line-height: 10px !important;
    }
    ul.dropdown-menu>li
    {
        height: 20px;
    }

    #c_active_bids_table-container
    {
        min-height: 260px;
        overflow: auto;
    }

    .tmp-after-login-all
    {
        overflow-x: hidden;
        overflow-y: auto !important;
    }

    *
    {
        font-size: 10px;
    }

    .popover-x-body
    {
        overflow-y: auto !important;
    }

    #stripe_ccsetup_modal .modal-dialog,
    #stripe_acctsetup_modal .modal-dialog
    {
        width: auto !important;
    }

    #payment_method_modal .modal-dialog {
        width: auto !important;
    }

    #password_modal .modal-dialog
    {
        width: 84% !important;
    }
    #password_btn
    {
        margin-bottom: 10px;
    }

    .tmp-after-login-all
    {
        width: 110%;
    }

    /* Login * /
    #loginform-username,
    #loginform-password
    {
        margin-top: -15px;
    }
    */
    #admin_legal_document_modal>.modal-dialog
    {
        height: auto !important;
        max-height: 100% !important;
    }
    #admin_legal_document_modal>.modal-dialog>.modal-content>.modal-body
    {
        height: auto !important;
        max-height: 520px !important;
    }

    #displaying_area
    {
        overflow-x: hidden !important;
        overflow-x: auto;
        max-width: 102%;
        margin-top: -15px;
        height: calc(100vh - 130px);
        /*margin-right: -40px;*/
        padding-right: 12px;
        padding-left: 12px;
    }
    /*----------------------------------------------------------------------------------------------------*/
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        background-color: #fff;
        /*border-bottom: 2px solid #005F95;*/
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus
    {
        background: transparent;
        color: #C18B42;
        /*border-bottom: 2px solid #005F95;*/
        padding-top: 15px 10px 5px 10px;
    }
    .navbar-inverse .navbar-nav > li > a
    {
        color: #005F95;
        font-weight: bolder;
    }
    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus
    {
        background: transparent;
        color: #C18B42;
        /*border-bottom: 2px solid #005F95;*/
        padding-top: 15px 10px 5px 10px;
    }
    .navbar-inverse .btn-link
    {
        color: #005F95;
    }
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus
    {
        background: transparent;
        color: #C18B42;
        /*border-bottom: 2px solid #005F95;*/
        padding-top: 15px 10px 5px 10px;
    }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus
    {
        background: transparent;
        color: #C18B42;
        /*border-bottom: 2px solid #005F95;*/
        padding-top: 15px 10px 5px 10px;
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus
    {
        background: transparent;
        color: #C18B42;
        /*border-bottom: 2px solid #005F95;*/
        padding-top: 0px 5px 0px 5px;
        font-size: 20px;
    }
    .dropdown-menu > li > a
    {
        color: #005F95;
        font-size: 20px;
    }
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus
    {
        background: transparent;
        color: #C18B42 !important;
        /*border-bottom: 2px solid #005F95;*/
        padding-top: 0px 5px 0px 5px;
        font-size: 20px;
        font-weight: bold;
    }
    /* Smartphone */
    .navbar-inverse .navbar-toggle
    {
        color: #C18B42;
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus
    {
        background: transparent;
        color: #C18B42;
        /*border-bottom: 2px solid #005F95;*/
        padding-top: 0px 5px 0px 5px;
        font-size: 20px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a
    {
        background: #fff;
        color: #005F95;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active
    {
        background: transparent;
        color: #C18B42;
        /*border-bottom: 2px solid #005F95;*/
        padding-top: 0px 5px 0px 5px;
        font-size: 20px;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form
    {
        background: #fff;
    }

    /**menu**/
    #rea-framework-top-nav>.container>.left>a>img
    {
        width: 170px !important;
    }
    #rea-framework-top-nav>.container>.right>a>img
    {
        width: 40px !important;
    }

    .imgLeftTop>a>img
    {
        /*width: 200px !important;*/
        height: 60px !important;
    }
    .imgRightTop>a>img
    {
        width: 45px !important;
        /*left: calc(100vw - 45px) !important;*/
        left: calc(100vw - 25px) !important;
    }

    .breadcrumb {
        /*
        margin-left: -40px;
        margin-right: -10px;
        */
        padding: 10px 15px;
        margin-bottom: 20px;
        margin-top: -20px;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus
    {
        border-bottom: 1px solid #000 !important;
    }
    #yii-debug-toolbar
    {
        display: none !important;
    }

    .footer {
        height: 30px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        padding-top: 5px;
        /*2018-04-01*/
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 3;
    }

    .dropdown > a > .caret {
        border-top: 3px dashed;
        border-right: 3px solid transparent;
        border-left: 3px solid transparent;
    }

    span.red
    {
        font-size: 14px !important;
    }

    /* Tasks Summary */
    .col-sm-7x
    {
        /*min-width: 305px !important;*/
        min-width: 270px !important;
    }
    .col-sm-4x
    {
        top: 10px;
        position: relative;
    }

    .btnHeaderArea>div:first-child
    {
        margin-left: 0px !important;
    }
    #btnSameAsBilling,
    #btnSameAsCustomerShipTo
    {
        top: 0px !important;
        width: 100% !important;
    }

    .btnHeaderArea
    {
        display: block !important;
    }
    img
    {
        height: 100% !important;
    }
    .chbClass
    {
        padding-top: 0px !important;
    }
    .showModalButton
    {
        top: 0px !important;
        width: 100% !important;
    }

    .navbar-nav.navbar-right>li
    {
        width: 100% !important;
        float: left !important;
    }

    .logOutBtn
    {
        text-align: center;
        float: left !important;
    }
    .loggedOnUser
    {
        float: left !important;
    }

    .dropdown.dropdown-submenu.open>ul.dropdown-menu.nofloat
    {
        left: 0px;
        padding-left: 30px;
    }

    .dropdown-menu.nofloat>li>a
    {
        font-size: 16px !important;
    }

    .dropdown-submenu > a:after
    {
        margin-top: -2px;
    }

    #rea-framework_menu_bar-collapse ul li.loggedOnUser a,
    #rea-framework_menu_bar-collapse ul li.logOutBtn a
    {
        font-size: inherit !important;
    }

    .logOutBtn>a
    {
        width: 50%;
    }

    .kv-table-wrap th, .kv-table-wrap td{
        display:table-cell;
    }

    #interaction-left_input_area,
    #interaction-right_input_area
    {
        margin-left: 15px;
    }

    .labelcls
    {
        margin-left: 0px !important;
    }
}

@media (max-width: 530px){
    .index-crud-actions, .export-section{
        width: 100%;
    }

    .index-actions > div, .export-section > div{
        margin-bottom: 10px;
    }

    .index-actions a, .export-section > div {
        width:100%;
    }

    .index-actions .export-section a.glyphicon{
        width: 15%;
        float: left;
    }

    .index-actions .export-section #export_template_selection_pjax_id{
        width: 85%;
        float:left;
    }
}