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

@media (max-width: 768px){
    #rea-framework_menu_bar
    {
        height: 60px;
    }
    #rea-framework_menu_bar-collapse
    {
        right: 18px;
        top: 108px;
        border: 1px solid #dcdcdc;
        max-height: 300px;
        padding-right: 10px;
        position: absolute;
        left: 0;
        overflow-x: hidden;
    }

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

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

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

    /* Project page */
    .adjustedOnPage
    {
        top: 0px !important;
    }
    button.navbar-toggle
    {
        top: 62px;
    }
    .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: 20px;
        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;
    }
    
    /*----------------------------------------------------------------------------------------------------*/
    .container > .navbar-header{
        left:0;
    }

    .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: 165px !important;
    }
    .imgRightTop>a>img
    {
        width: 40px !important;
        left: calc(100vw - 40px) !important;
    }

    .breadcrumb {
        /*
        margin-left: -40px;
        margin-right: -20px;
        */
        padding: 10px 20px;
        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;
    }

    .field-loginform-username>label,
    .field-loginform-password>label,
    .field-forgotpassword-username>label
    {
        padding-bottom: 15px;
    }

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


    .imgLeftTop>a>img
    {
        /*width: 265px;*/
        width: 215px !important;
    }

    .navbar-nav.navbar-right
    {
        top: 0px;
        position: absolute;
    }

    .navbar-collapse.collapse
    {
        display: none !important;
    }
    .navbar-collapse.collapse.in
    {
        display: block !important;
    }

    .index-crud-actions{
        width: 25%
    }
    .export-section{
        width: 75%;
    }

    #export_template_selection_pjax_id.col-sm-7{
        width: 58.33333333%;
    }
}