/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 14, 2016, 3:35:11 PM
    Author     : Javaria
*/
@media (max-width: 650px) {
    .dt-panelmenu{float: left;background: transparent}
    .dataTables_length, .dataTables_filter, .dataTables_filter label,.dataTables_filter label input{width: 100%}
    .dataTables_length form{width: 50%;margin-bottom: 5px;}
}
@media (max-width: 429px) {
    .login-page .panel-bg{
        width: 100%;
    }
    body.login-page .panel{
        width: calc(100% - 0px);
    }
    body.login-page .login-avatar img{
        max-width: 100%;
    }
    .dt-panelmenu .dataTables_length form{
        margin-bottom: 5px;
    }
    div.dataTables_filter input{width: 260px;}
    .panel-body select{max-width: 100%}
    .dt-panelmenu{
        margin-bottom: 5px;
    }
    .dt-panelmenu form{width: 100%;margin-bottom: 5px;}
    .dataTables_length form,.dataTables_length > label{width: 100%}
    .dataTables_length label select{margin-left: 35px;}
    .hq-mob-view .panel-heading .pull-right{float: left !important;margin-left: 15px;margin-bottom: 5px;}
    .hq-mob-view .panel-heading .pull-right.panel-header-menu {float: right!important;margin-left: 0px;margin-bottom: 0px;}
    .hq-mob-view .panel-body .panel-menu form label{
        width: 105px;
    }
    .hq-mob-view .panel-body .panel-menu form select{width:85px;}
    .clientsiteaction-mob .panel-heading .panel-header-menu {padding-left: 15px;}
    .clientsiteaction-mob .panel-heading .panel-header-menu form label{min-width:90px;}
    .clientsiteaction-mob .panel-body .row .col-xs-12 label{padding: 0}
}