﻿/* ------------------------------------------------------------------------------
 Project Name : Invoice Hub 
 Description : Main Style Sheet 
 Author :Abul Azad.s
 Created On :09/07/2025
 --------------------------------------------------------------------------------*/
/*Media responsive screen 1981*/
@media screen and (min-width:1981px) {

}
/*Media responsive screen 2100*/
@media screen and (min-width:2100px) {

}
/*Media responsive screen 2200*/
@media screen and (min-width:2200px) {

}
/*Media responsive screen 2300*/
@media screen and (min-width:2300px) {
 
}
/*Media responsive screen 2400*/
@media screen and (min-width:2400px) {

}
/*Media responsive screen 2500*/
@media screen and (min-width:2500px) {

}
@media only screen and (min-device-width:2501px) and (max-device-width: 3000px) {

} 

@media screen and (min-width:992px) {

}
/*Media Screen 1980*/
@media screen and (max-width:1980px) {

}
/*Media Screen 1800 */
@media screen and (max-width:1800px) {
}
/*Media Screen 1700*/
@media screen and (max-width:1700px) {

}
/*Media Screen 1600*/
@media screen and (max-width:1600px) {
.overview img {width: 22%;}
}
/*Media Screen 1500*/
@media screen and (max-width:1500px) {

}
/*Media Screen 1415*/
@media screen and (max-width:1416px) {

}
/*Media Screen 1400*/
@media screen and (max-width:1400px) {

}
/*Media Screen 1280*/
@media screen and (max-width:1280px) {

}
/*Media Screen 1155*/
@media screen and (max-width:1155px) {
.EstimationPge .panel-J4 .list-Plane {width: 32%;}
.EstimationPge .panel-J4 .Det-Plane {width: 68%;}
.panel-J4 .Det-Plane .fileView {padding: 10px 10px;}
}
/*Media Screen 1024*/
@media screen and (max-width:1024px) {

}
/*Media Scren 991*/
@media screen and (max-width: 991px) {
.navbar-expand .navbar-nav .nav-link .avatar{height: 25px;width: 25px;}
.userdrop .dropdown-toggle:after {display: inline-block !important;}
.userdrop .nav-icon {display:none !important;}
.navbar {padding: 5px 5px;}
.LoginM20 {width: 100%;}
.jconfirm .jconfirm-box-container.jconfirm-no-transition {width: auto !important;}
.estimation-add .pageHeader .pull-left {width: 50%;font-size: 17px;}
}
/*Media Screen 767*/
@media screen and (max-width: 767px) {
.glass-panel{padding: 10px 10px 10px;}
.glass-panel h2{ margin-bottom: 7px;font-size: 30px;}
.glass-panel .itemsList ul li .count {font-size: 25px;margin-left: 5px;}
.glass-panel .itemsList ul li {text-align: center;}
.glass-panel p {margin-bottom: 15px;}
.LoginM20 .left {width: 100%;}
.LoginM20 .right {display:none;}
.LoginBBd {padding: 75px 10px;}
.LoginM20 .left h2 {font-size: 20px;}
.bookMarkPlane .PageAddress {font-size: 16px;}
.bookMarkPlane {padding: 5px 10px;}
.filterHeader .btn-success {font-size: 15px;padding: 0px;margin-left: 6px;}
.formCase .InputField input, .formCase .InputField select, .formCase .InputField textarea {width: 100%;}
.formCase {margin: 0;padding: 0px 0px;border-bottom: 0;}
.formCase .col-md-6 {margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.formCase .InputField {width: 60%;}
.formCase .labelName {width: 40%;}
.formCase .col-md-6 .formCase {margin-bottom: 10px;}
.customerPge,productsPge{padding: 5px 10px !important;}
.RegM20 {width: 95%;}
.step li:not(:last-child)::after {left: 120px;}
.step {gap: 40px;}
.EstimationPge .panel-J4 .list-Plane,.EstimationPge .panel-J4 .Det-Plane {width: 100%;}
.content {max-height: 87dvh;}
.jconfirm.jconfirm-material .jconfirm-box {padding: 10px 10px 10px 10px;}
}

/*Media Screen 568*/
@media screen and (max-width:568px) {
.panel-J4 .Det-Plane .header .fileName {font-size: 20px;}
#Estimation_rightmbl .infoPlane ul {display: block;}
}
/*Media Screen 482*/
@media screen and (max-width:482px) {
.estimationadd-bread{padding-bottom: 25px !important;}
}
/*Media Screen 400*/
@media screen and (max-width:400px) {

}
 /*Media Screen 378*/
@media screen and (max-width:378px) {
#Estimation_rightmbl .table-responsive {width: 65%;}
}
/*Media Screen 360*/
@media screen and (max-width:360px) {


}  

