/* PAINEL LOGIN RESPONSIVO - 550PX */
@media screen and (max-width:34.375em){
    #cp-login-box{
        width:100%;
        background:none;
        box-shadow:none;
        padding:60px 30px 15px 30px;
    }
    .home{
        display:table;
    }
        #cp-login-box figure img{
           width:150px;
        }

    .action-form-user{
        margin-top:15px;
    }
    .action-form-user .label-login,
    .action-form-user .forgot-pass{
        width:auto;
        display:table;
        margin:0 auto;
        float:none;
        margin-bottom:10px;
    }
}

/* 1220px */
@media screen and (max-width:76.25em){
    #form_search_panel{
        width:100%;
        margin-top:15px;
    }
}


/* 1070px */
@media screen and (max-width:66.875em){
    header{
        padding:30px 25px;
    }

    nav#nav-panel{
        left:-380px;
    }
    nav#nav-panel.slide{
        left:0px;
    }
    
    .content-panel{
        padding:135px 30px 40px 30px;
    }
    .content-panel.left-psadd{
        padding-left:400px;
    }

    button.btn-nav{
        float:left;
        margin-left:40px;
        display:block;
        width:50px;
        border:2px solid #70C0B3;
        border-radius:50%;
        padding:0px;
        height:35px;
        width:35px;
        background:none;
    }
}

/* 800px */
@media screen and (max-width:50em){
    .picture_list{
        width:32%;
        margin-right:2% !important;
    }
    .picture_list:nth-of-type(3n){
        margin-right:0px !important;
    }
}

/* 700px */
@media screen and (max-width:43.75em){
    .box-buttons .btn{
        width:49%;
        padding:20px 5px;
        font-size:14px;
    }
    .box-buttons .btn.btn-blue{
        margin-left:0px;
        float:right;
    }

    .btn_delete{
        width:20px;
        left:10px;
    }
}


/* 670px */
@media screen and (max-width:46.25em){
    .contact-panel a.dash{
        display:none;
    }

    .box_info_dash{
        width:100%;
        margin-right:0px;
        margin-top:10px;
    }
    .box_info_dash:nth-of-type(1){
        margin-top:35px;
    }

    .contact-panel a.support{
        margin-right:20px;
    }
}

/* 599px */
@media screen and (max-width:37.4375em){
    #wrap_list_panel #table_list section{
        display:none;
    }
    #wrap_list_panel #table_list aside a{
        padding:15px 15px;
    }
    #wrap_list_panel #table_list aside a div{
        width:100%;   
        text-align:left !important;
        padding:6px 10px !important;
    }

    .btn_delete{
        left:auto;
        right:15px;
        width:50px;
    }
    .btn_drag{
        right:70px;
    }
    #wrap_list_panel #table_list label{
        display:table;
        float:left;
        width:100%;
        padding-bottom:5px;
        font-weight:bold;
    }
   

    #dashboard_tabs ul li{
        width:50%;
    }
    #dashboard_tabs li a{
        width:99%;
    }

    .content_white label,
    .form_panel .btn{
        width:100%;
    }
    .content_white .label31{
        width: 100%;
    }
    .content_white .label7{
        width: 100%;
    }
    
    
    .btn-return{
        width:100%;
        margin-right:0px;
    }

    .picture_list{
        width:49%;
        margin-right:0% !important;
    }
    .picture_list:nth-of-type(2n){
        float:right;
    }

    #mask_file{
        width:100%;
    }
}

/* 480px*/
@media screen and (max-width:30em){
    .contact-panel a.support{
        text-indent:-5555px;
        margin-right:20px;
    }
    button.btn-nav{
        margin-left:0px;
        float:right;
    }

    .box-buttons .btn{
        width:100%;
        font-size:15px;
        padding:20px 50px;
    }
    .box-buttons .btn.btn-blue{
        margin-top:10px;
    }

    #form_search_panel .input-panel,
    #form_search_panel .btn{
        width:100%;
    }

    .picture_list{
        width:100%;
    }


    #form_confirm{
        width:100%;
    }
    #form_confirm .btn{
        width:100%;
        margin-bottom:10px;
    }
    #form_confirm a{
        margin-left:0px;
        width:100%;
        display:table;
    }

}