/***** START :: @media (min-width: 320px) and (max-width: 479px) *****/
@media (min-width: 320px) and (max-width: 479px){
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    border: none;
}
.mob_hide{
    display:none;
}
.table-responsive>.table-bordered {
    border: 1px solid #D2D6DE;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{
	margin-top: 50px;
	position: relative;
    display: none;
}
/*.alert-danger{
    display: none;
}*/
.login-box-body .col-xs-6{
	width: 100%;
	float: left;
}
.login-box-body .col-xs-6 a{
	float: left !important;
	margin-bottom: 20px;
}
.login-box, .register-box {
    margin-top: 130px;
}
.main-sidebar, .left-side {
    padding-top: 50px;
}
.main-header .sidebar-toggle {
    padding: 11px 15px;
    font-size: 20px;
}
.no-left-pad {
    padding: 0;
}
.no-mob-pad{
	padding: 0px;
}
.box.box-primary,.box.box-warning, .box.box-danger, .box.box-info {
    margin-bottom: 15px;
    min-height: auto;
}
.content-header > h1 {
    font-size: 18px;
}
.content-header .pull-right .btn{
	padding: 3px 8px;
    font-size: 13px;
}
.mob-rt{
	float: right;
}
.maktr1{
    margin-top: 10px;
}
.col-xs-6 .col-md-12{
	margin-top: 0px;
}
.col-md-4, .col-md-12, .col-md-3, .col-md-6, .col-md-2, .col-md-5{
    padding: 0;
}
#btnSrc{
	margin: 24px 3px 15px 5px;
}
.mobile-patti #btnSrc {
    margin: 0px;
}
.sepate-form {
    margin-bottom: 15px;
}
#OutwardTbl .form-control{
	padding: 5px;
}
.btnprint{
    margin-top: 8px;
}
.sepate-form, .profit {
    padding: 0;
    min-height: 10px;
}
#srchBtnDiv{
    padding: 0px;
}
.sepate-form .col-md-4{
    padding: 0px 15px;
}
#AjaxTable span{
	float: left;
	margin-right: 5px;
}
#AjaxTable table thead tr th input{
	float: right;
}
.sorting_disabled input{
	position: absolute;
	margin: 0px 0px 0px 10px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 12px;
}
.dataTables_length{
	display: none;
}
table.dataTable thead .sorting_asc:after {
    content: "\e155";
    display: none;
}
table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
    display: none;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    font-size: 12px;
}
#AjaxTable_filter{
	float: left;
}
.dataTables_info{
	display: none;
}
div.dataTables_paginate {
    text-align: left;
}
.advAmt {
    text-align: left;
    float: left !important;
}
.advAmt input {
    width: 100%;
    text-align: left;
    float: left;
}
div.dataTables_filter{
	text-align: left;
}
.skin-blue .main-header .logo {
    display: none;
}
.btn-round {
    border-radius: 50%;
    font-size: 10px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0px !important;
    margin-bottom: 2px;
    margin-top: 8px;
}
#paytable .form-control{
	padding: 5px;
}
.no-top-marp{
 	margin-top: 0px !important;
}
.form-group {
    margin-bottom: 8px;
}
.box-one span, .box-two span, .box-three span, .box-four span {
    min-width: 80px;
}
.skin-blue .main-header .navbar .dropdown-menu li a {
    color: #777 !important;
    cursor: pointer;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 3px;
    font-size: 9px;
    margin-bottom: 2px;
}
.main-footer {
    padding: 5px 15px;
    font-size: 11px;
    text-align: center;
    display: none;
}
.m-top{
     margin-top: 0px;
}
.bnk-dtl-lbl {
    padding-left: 0;
}
.vchr-tlt {
    padding: 8px 0px 0px;
    text-align: left;
}
.navbar-nav > .user-menu .user-image {
    width: 30px;
    height: 30px;
}
.navbar-custom-menu .navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 7px;
    line-height: 30px;
}
.fa-power-off{
    font-size: 17px;
}
.forget-box {
    width: 95%;
    margin: 45% auto;
}
/*.col-xs-6, .col-xs-4, .col-xs-3, .col-xs-12, .col-xs-5, .col-xs-8{
    width: 100%;
}*/
.txtCost{
    width: 100%;
    float: left;
}
.txtWeight{
    width: 100%;
    float: left;
    margin-right: 5px;
}
.txtTotal{
    width: 100%;
    float: left;
    margin-right: 7px;
    margin-bottom: 5px;
}
.OutwardTbl td .spnTotal{
    position: relative;
   /* top: 8px;*/
}
/******27-6-2017*******/
.half-width{
    width: 43% !important;
    margin-right: 5px;
    float: left;
}
.pattiDetailsDiv{
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #e8eaed;
    padding: 20px 10px 10px;
}
.divselMaterial{
    width: 49%;
    float: left;
    margin-right: 5px;
}
.mob-outward .divselMaterial{
    width: 100%;
}
.divselMaraketerID{
    width: 49%;
    float: left;
}
.sp-width {
    width: 100%;
}
.view-help-info {
    box-shadow: none;
    padding: 10px 10px 20px;
}
.view-help-info h5 {
    font-size: 15px;
}
.hideContent{
     display: block;
}
.pattiDetailsDiv{
     display: block;
     margin-top: 15px; 
}
.pattiDetailsDiv:first-child{
     margin-top: 0px; 
}
.hideContent{
    font-size: 15px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    margin-right: 7px;
}
.sepate-form h4,.profit h4{
     margin-bottom: 0px;
     border-bottom: none;
}
.sepate-form.hello h4, .profit.hello h4 {
    border-bottom: 1px solid #CCC;
     margin-bottom: 23px;
}

.material-wt, .material-rt{
    width: 32%;
    float: left;
    margin-right: 5px;
}
.material-tt{
    width: 32%;
    float: left;
    margin-right: 0px;
    padding: 5px 12px;
    border: 1px solid #CCCCCC;
    height: 34px;
    background: #fff;
}
.onMobile{
    display: inline-block;
}
.onDesk{
    display: none;
}
 .select-width {
    width: 100%;
}
.lbl-lt{
    float: left;
}
.lbl-value{
    float: right;
    margin-left: 40px;
}
.dashboard-img{
    display: block;
    width: 100%;
    height: 490px;
}
.dashboard-img img{
    width: 100%;
    height: 490px;
}
.dash-title{
    display: none;
}











}
/***** END :: @media (min-width: 320px) and (max-width: 479px) *****/


/***** START :: @media (min-width: 480px) and (max-width: 767px) *****/
@media (min-width: 480px) and (max-width: 767px){
.mob_hide{
    display:none;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    border: none;
}
.table-responsive>.table-bordered {
    border: 1px solid #D2D6DE;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{
    margin-top: 50px;
    position: relative;
    display: none;
}
/*.alert-danger{
    display: none;
}*/
.login-box-body .col-sm-6{
    width: 100%;
    float: left;
}
.no-pad{
    padding: 0px;
}
.login-box-body .col-xs-6 a{
    float: left !important;
    margin-bottom: 20px;
}
.login-box, .register-box {
    margin-top: 100px;
    width: 360px;
}
.main-sidebar, .left-side {
    padding-top: 50px;
}
.main-header .sidebar-toggle {
    padding: 11px 15px;
    font-size: 20px;
}
.no-mob-lt-pad{
    padding-left: 0px;
}
.no-mob-pad{
    padding: 0px;
}
.box.box-primary,.box.box-warning, .box.box-danger, .box.box-info {
    margin-bottom: 15px;
    min-height: 100px;
}
.content-header > h1 {
    font-size: 18px;
}
.content-header .pull-right .btn{
    padding: 4px 8px;
}
.mob-rt{
    float: right;
}
.maktr1{
    margin-top: 10px;
    width: 100% !important;
}
.user-photo {
    width: 160px;
    height: 160px;
}
.mob-lt-pad{
    padding-left: 15px; 
}
#btnSrc{
    margin: 24px 15px 0px;
}
.sepate-form {
    margin-bottom: 15px;
}
#OutwardTbl .form-control{
    padding: 5px;
}
.btnprint{
    margin-top: 24px;
}
.sepate-form, .profit {
    padding: 0;
    min-height: 10px;
    width: 100% !important;
}
#srchBtnDiv{
    padding: 0px;
}
.sepate-form .col-md-4{
    padding: 0px 15px;
}
#AjaxTable span{
    float: left;
    margin-right: 5px;
}
#AjaxTable table thead tr th input{
    float: right;
}
.sorting_disabled input{
    position: absolute;
    margin: 0px 0px 0px 10px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 12px;
}
.dataTables_length{
    display: none;
}
table.dataTable thead .sorting_asc:after {
    content: "\e155";
    display: none;
}
table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
    display: none;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    font-size: 12px;
}
#AjaxTable_filter{
    float: left;
}
.dataTables_info{
    display: none;
}
div.dataTables_paginate {
    text-align: left;
}
.balAmt{
    clear: both;
}
.advAmt input {
    width: 100%;
    text-align: left;
    float: left;
}
div.dataTables_filter{
    text-align: left;
}
.skin-blue .main-header .logo {
    display: none;
}
.btn-round {
    border-radius: 50%;
    font-size: 10px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0px !important;
    margin-bottom: 2px;
}
#paytable .form-control{
    padding: 5px;
}
.no-top-marp{
    margin-top: 0px !important;
}
.form-group {
    margin-bottom: 8px;
}
.box-one span, .box-two span, .box-three span, .box-four span {
    min-width: 80px;
}
.skin-blue .main-header .navbar .dropdown-menu li a {
    color: #777 !important;
    cursor: pointer;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 3px;
    font-size: 11px;
    margin-bottom: 2px;
}
.main-footer {
    padding: 10px 15px;
    font-size: 13px;
    display: none;
}
.m-top{
     margin-top: 0px;
}
.vchr-tlt {
    padding: 8px 0px 0px;
    text-align: left;
}
.navbar-nav > .user-menu .user-image {
    width: 30px;
    height: 30px;
}
.navbar-custom-menu .navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 7px;
    line-height: 30px;
}
.fa-power-off{
    font-size: 17px;
}
.forget-box {
    width: 360px;
    margin: 15% auto;
}
.maktr label{
    width: 100%;
}
.select2-container{
    width: 100% !important;
}
/******27-6-2017*******/
.half-width{
    width: 43% !important;
    margin-right: 5px;
    float: left;
}
.half-width2{
    width: 55% !important;
    float: left;
}
.pattiDetailsDiv{
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #e8eaed;
    padding: 20px 10px 10px;
    margin-top: 15px;
}
.pattiDetailsDiv:first-child{
     margin-top: 0px; 
}
.divselMaterial{
    width: 49%;
    float: left;
    margin-right: 8px;
}
.divselMaraketerID{
    width: 49%;
    float: left;
}
.sp-width {
    width: 100%;
}
.txtCost{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}
.txtWeight{
    width: 100%;
    float: left;
    margin-right: 7px;
    margin-bottom: 5px;
}
.txtTotal{
    width: 100%;
    float: left;
    margin-right: 7px;
    margin-bottom: 5px;
}
.clone_action{
    margin-right: 5px;
    width: 100%;
    text-align: right;
}
.pattiDetailsDiv, .hideContent{
     display: block;
}
.hideContent{
    font-size: 15px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    margin-right: 7px;
}
.sepate-form h4,.profit h4{
     margin-bottom: 0px;
     border-bottom: none;
}
.material-wt, .material-rt{
    width: 32%;
    float: left;
    margin-right: 5px;
}
.m-top2{
    margin-top: 24px;
}
.col-sm-6{
    width: 50%;
    float: left;
}
.col-sm-4{
    width:33.33%;
    float: left;
}
.transfer .no-pad {
    padding: 0px 5px;
}
.material-tt{
    width: 32%;
    float: left;
    margin-right: 0px;
    padding: 5px 12px;
    border: 1px solid #CCCCCC;
    height: 34px;
    background: #fff;
}
.onMobile{
    display: inline-block;
}
.onDesk{
    display: none;
}
.dashboard-img{
    display: block;
    width: 80%;
    height: 490px;
    margin: 0 auto;
}
.dashboard-img img{
    width: 100%;
    height: 490px;
}
.dash-title{
    display: none;
}














}
/***** END :: @media (min-width: 480px) and (max-width: 767px) *****/



/***** START :: @media (min-width: 768px) and (max-width: 991px) *****/
@media (min-width: 768px) and (max-width: 991px){
.mob_hide{
    display:none;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    border: none;
}
.table-responsive>.table-bordered {
    border: 1px solid #D2D6DE;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{
    margin-top: 50px;
    position: relative;
    display: none;
}
/*.alert-danger{
    display: none;
}*/
.login-box-body .col-xs-6{
    width: 100%;
    float: left;
}
.login-box-body .col-xs-6 a{
    float: left !important;
    margin-bottom: 20px;
}
.login-box, .register-box {
    margin-top: 100px;
    width: 360px;
}
.main-sidebar, .left-side {
    padding-top: 50px;
}
.main-header .sidebar-toggle {
    padding: 11px 15px;
    font-size: 20px;
}
.no-mob-lt-pad{
    padding-left: 0px;
}
.no-mob-pad{
    padding: 0px;
}
.box.box-primary,.box.box-warning, .box.box-danger, .box.box-info {
    margin-bottom: 15px;
    min-height: 100px;
}
.pad-rt{
    padding-right: 15px;
}
.content-header > h1 {
    font-size: 18px;
}
.content-header .pull-right .btn{
    padding: 4px 8px;
}
.mob-rt{
    float: right;
}
.maktr1{
    margin-top: 10px;
    width: 100% !important;
}
.user-photo {
    width: 160px;
    height: 160px;
}
.mob-lt-pad{
    padding-left: 15px; 
}
#btnSrc{
    margin: 0px 15px 0px;
}
.sepate-form {
    margin-bottom: 15px;
}
#OutwardTbl .form-control{
    padding: 5px;
}
.btnprint{
    margin-top: 0px;
}
.sepate-form, .profit {
    padding: 0;
    min-height: 130px;
    width: 100% !important;
}
#srchBtnDiv{
    padding: 0px;
}
.sepate-form .col-md-4{
    padding: 0px 15px;
}
#AjaxTable span{
    float: left;
    margin-right: 5px;
}
#AjaxTable table thead tr th input{
    float: right;
}
.sorting_disabled input{
    position: absolute;
    margin: 0px 0px 0px 10px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 12px;
}

table.dataTable thead .sorting_asc:after {
    content: "\e155";
    display: none;
}
table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
    display: none;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    font-size: 12px;
}
#AjaxTable_filter{
    float: left;
}
.dataTables_info{
    display: none;
}
div.dataTables_paginate {
    text-align: right;
}
.balAmt{
    clear: both;
}
.advAmt input {
    width: 100%;
    text-align: left;
    float: left;
}
div.dataTables_filter{
    text-align: left;
}
.btn-round {
    border-radius: 50%;
    font-size: 10px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0px !important;
    margin-bottom: 2px;
}
#paytable .form-control{
    padding: 5px;
}
.no-top-marp{
    margin-top: 0px !important;
}
.box-one span, .box-two span, .box-three span, .box-four span {
    min-width: 80px;
}
.skin-blue .main-header .navbar .dropdown-menu li a {
    color: #777 !important;
    cursor: pointer;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 3px;
    font-size: 11px;
    margin-bottom: 2px;
}
.main-footer {
    padding: 10px 15px;
    font-size: 13px;
    display: none;
}
.m-top{
     margin-top: 24px;
}
.bankbook .m-top, .cashbook .m-top{
     margin-top: 0px;
}
.vchr-tlt {
    padding: 8px 0px 0px;
    text-align: left;
}
.navbar-nav > .user-menu .user-image {
    width: 30px;
    height: 30px;
}
.navbar-custom-menu .navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 7px;
    line-height: 30px;
}
.fa-power-off{
    font-size: 17px;
}
.forget-box {
    width: 360px;
    margin: 15% auto;
}
.maktr label{
    width: 100%;
}
.select2-container{
    width: 100% !important;
}
/*.col-xs-4 {
    width: 33.33%;
}*/
/******27-6-2017*******/
.pattiDetailsDiv{
    display: none;
}
.content-wrapper, .right-side{
    min-height: 500px !important;
}
.mobile-patti #btnSrc {
    margin: 0px;
}
.no-pad {
    padding: 0px 5px;
}
.m-top2{
    margin-top: 24px;
}





}
/***** END :: @media (min-width: 768px) and (max-width: 991px) *****/



/***** START :: @media (min-width: 992px) and (max-width: 1023px) *****/
@media (min-width: 992px) and (max-width: 1023px){
.mob_hide{
    display:none;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    border: none;
}
.table-responsive>.table-bordered {
    border: 1px solid #D2D6DE;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{
    margin-top: 50px;
    position: relative;
    display: none;
}
/*.alert-danger{
    display: none;
}*/
.login-box-body .col-xs-6{
    width: 100%;
    float: left;
}
.login-box-body .col-xs-6 a{
    float: left !important;
    margin-bottom: 20px;
}
.login-box, .register-box {
    margin-top: 100px;
    width: 360px;
}
.main-sidebar, .left-side {
    padding-top: 50px;
}
.main-header .sidebar-toggle {
    padding: 11px 15px;
    font-size: 20px;
}
.no-mob-lt-pad{
    padding-left: 0px;
}
/*.no-mob-pad{
    padding: 0px;
}*/
.box.box-primary,.box.box-warning, .box.box-danger, .box.box-info {
    margin-bottom: 15px;
    min-height: 300px;
}
.pad-rt{
    padding-right: 15px;
}
.content-header > h1 {
    font-size: 18px;
}
.content-header .pull-right .btn{
    padding: 4px 8px;
}
.mob-rt{
    float: right;
}
.maktr1{
    margin-top: 10px;
    width: 100% !important;
}
.user-photo {
    width: 160px;
    height: 160px;
}
.mob-lt-pad{
    padding-left: 15px; 
}
#btnSrc{
    margin: 24px 15px 0px;
}
.sepate-form {
    margin-bottom: 15px;
}
#OutwardTbl .form-control{
    padding: 5px;
}
.btnprint{
    margin-top: 24px;
}
/*.sepate-form, .profit {
    padding: 0;
    min-height: 130px;
    width: 100% !important;
}*/
.sepate-form h4, .profit h4 {
    font-size: 16px;
}
#srchBtnDiv{
    padding: 0px;
}
.sepate-form .col-md-4{
    padding: 0px;
}
#AjaxTable span{
    float: left;
    margin-right: 5px;
}
#AjaxTable table thead tr th input{
    float: right;
}
.sorting_disabled input{
    position: absolute;
    margin: 0px 0px 0px 10px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 12px;
}

table.dataTable thead .sorting_asc:after {
    content: "\e155";
    display: none;
}
table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
    display: none;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    font-size: 12px;
}
#AjaxTable_filter{
    float: left;
}
.dataTables_info{
    display: none;
}
div.dataTables_paginate {
    text-align: right;
}
/*.balAmt{
    clear: both;
}*/
.advAmt input {
    width: 100%;
    text-align: left;
    float: left;
}
div.dataTables_filter{
    text-align: left;
}
.btn-round {
    border-radius: 50%;
    font-size: 10px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0px !important;
    margin-bottom: 2px;
}
#paytable .form-control{
    padding: 5px;
}
.no-top-marp{
    margin-top: 0px !important;
}
.box-one span, .box-two span, .box-three span, .box-four span {
    min-width: 80px;
}
.skin-blue .main-header .navbar .dropdown-menu li a {
    color: #777 !important;
    cursor: pointer;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 3px;
    font-size: 11px;
    margin-bottom: 2px;
}
.main-footer {
    padding: 10px 15px;
    font-size: 13px;
    display: none;
}
/*.m-top{
     margin-top: 0px;
}*/
.vchr-tlt {
    padding: 8px 0px 0px;
    text-align: left;
}
.navbar-nav > .user-menu .user-image {
    width: 30px;
    height: 30px;
}
.navbar-custom-menu .navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 7px;
    line-height: 30px;
}
.fa-power-off{
    font-size: 17px;
}
.forget-box {
    width: 360px;
    margin: 15% auto;
}
.maktr label{
    width: 100%;
}
.select2-container{
    width: 100% !important;
}
.cmp-logo {
    width: 100%;
}
.cust-dtl {
    word-break: break-all;
}



}
/***** END :: @media (min-width: 992px) and (max-width: 1023px) *****/


/***** START :: @media (min-width: 1024px) and (max-width: 1280px) *****/
@media (min-width: 1024px) and (max-width: 1280px){
.cust-dtl {
    word-break: break-all;
}
.mob_hide{
    display:block;
}


}
/***** END :: @media (min-width: 1024px) and (max-width: 1280px) *****/