@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:1200px){
	.srch_clm_box {
		position: sticky;
		z-index: 99;
		top: 111px;
	}
	header{
	    position: fixed;
		width: 100%;
		top: 0;
		z-index: 9999;
		    background: #fff;
	}
	body{
		padding-top:91px;
	}
	header .top-list{
	margin-bottom:20px;
	}
	
	.container-fluid > .table-responsive.list-table{
	overflow:unset;
	}
	
	.cusBtnPanel{
    position: sticky;
    top: 297px;
	background:#fff;
	    z-index: 99;
	}
	.invoice-out .cusBtnPanel {
		top: 324px;
	}
	.floatThead-wrapper .dataTables_length{
		position: sticky;
		top: 341px;
		background: #fff;
		    z-index: 99;
	}
	.invoice-out  .floatThead-wrapper .dataTables_length {
		top: 368px;
	}	
	#divTableUser #tblUsers_length{
		position: sticky;
		top: 0px;
		width: 100%;
		z-index: 999;
		background: #fff;
	}
	

}
@media only screen and (max-width:1879px) {
    .navigation .nav.navbar-nav a {
        padding: 10px 7px;
    }

    #myNavbar {
        float: right;
        width: auto;
    }
    .btn-filedetail-group {
        width: 100%;
        float: left;
        margin-top: 16px;
    }
    /*div#divTableUser {
        max-height: 500px;
        overflow-y: auto;
    }*/
}

@media only screen and (max-width:1680px) {
    .navigation .nav.navbar-nav a {
        font-size: 12px;
    }
}

@media only screen and (max-width:1599px) {
    #myNavbar {
        float: right;
        width: 1060px;
        margin-top: 20px;
        padding-left: 0;
    }

    .navbar-nav, .navbar-right {
        width: auto;
        margin: 0;
        float: right;
    }

    .navbar.navbar-inverse.navigation .navbar-brand {
        padding: 42px 20px 30px;
        height: 104px;
    }

    .navigation .nav > li {
        padding: 0px 0;
    }
   

    .btn.btnSearchToContainerNo {
        padding: 6px 7px;
        font-size: 12px;
    }
    .no-lt-pdng.width30 {
        width: 30%;
    }
    #lbl_InternalRemark {
        max-width: 300%;
    }
	.srch_clm_box {
		top: 165px;
	};
	.cusBtnPanel{
		top:394px;

	}
	.invoice-out .cusBtnPanel {
			top:394px;
	}
	.dataTables_wrapper{
			margin: 40px auto 0;
	}
	.invoice-out .dataTables_wrapper{
			margin: 95px auto 0;
	}
}


   @media (max-width:1279px) {
        .navbar-collapse.collapse {
            display: none !important;
        }
            .navbar-collapse.in {
            overflow-y: visible;
            display: block !important;
        }
       #myNavbar {
    max-width: 100%;
    width: 100%;	
   margin: 3px 0 15px 0;
}
        .navbar-toggle {
            display: block;
        }
        .navbar-toggle {
            float: right;    margin-top: 13px;
       
        }
		.navbar-header {
    float: left;
    width: 100%;
}
.navbar.navbar-inverse.navigation .navbar-brand {
    padding: 20px 20px;
    height: 60px;
}
.navbar-nav > li {
    float: none;
}
.navbar-nav {
    width: auto;
    float: left !important; 
}
/* my css 19-10-2018 */
.rgt_fltr_sc .button-group button{
font-size:13px;
}
.srch_clm_box tr {
    width: 25%;
	}
.srch_clm_box tr.srcBtn {
    width: 50%;
}	
.filterSec .noPad[class*=' col-']{
width:33.333%;
}

.srch_clm_box {
    top: 120px;
}
.invoice-out .cusBtnPanel {
    top: 440px;
}



/* my css end */
    }
@media (max-width: 1400px) {
.invoice-details-inr li span{width:80px; font-size:10px;}
.invoice-details-inr li{font-size:10px;}
.file-details ul li span{width:130px;}
.invoice-nm-details .rt-section{width:47%;}
.invoice-nm-details .lt-section{width:53%;}

	/* ks css */
	.createNwQtnBtn + .table-responsive > .srch_clm_box {
		top: 219px !important;
	}
	.createNwQtnBtn{
		top:150px;
	}
	
.stickyTableHead.quotout{
	height:calc(100vh - 500px);
}

}
@media only screen and (max-width:1366px){
	
	/* ks css */
	.cusBtnPanel > ul > li{
		margin-bottom: 10px;
		}
		
		
	.srch_clm_box {
		top: 100px !important;
	}
	
	/* ks 25-02-2019 start */
		
		/*.breadcrumb-inq .breadcrumb{
			padding: 4px 15px;
		}
		.breadcrumb-inq .right{
			font-size:16px;
		}
		.srch_clm_box tr td{
		    font-size: 10px;
			white-space: nowrap;
		}
		.srch_clm_box tr.srcBtn input[type="button"], .srch_clm_box tr.btnTr input[type="button"]{
			font-size: 10px;
			line-height: 17px;
			padding: 4px 2px;
		}
		header .top-list {
			margin-bottom: 00px;
		}
		.form-control{
			height: 28px;
			padding: 2px 8px;
		}
		.srch_clm_box tr.srcBtn .actbtn input[type="button"]{
			margin-top: 10px;
		}
		.rgt_fltr_sc.fltr2 .button-group .checks li{
			width:100px;
		}
		.rgt_fltr_sc .button-group {
			padding: 0 5px;
		}*/
	
	/* ks 25-02-2019 end */
}
@media (max-width: 1280px) {
.full-border{padding-right:407px;}
.field{width:61%;}
.no-lt-pdng{width:400px;}
.greenBox{padding:25px 5px}
.mymodal .modal-content{width:767px;}
.list-content-header .input-group{width:50%;}
.invoice-nm-details .rt-section{width:57%;}
.invoice-nm-details .lt-section{width:42%;}
.greenBox h2 {
  font-size: 16px;
  line-height: 20px;
}
.greenBox {
  margin: 5px;
  padding: 15px 10px;
  text-align: center;
}
.greenBox label {
  margin: 0;
}
.accordian-heading ul li{padding:0 15px;}

}
 
      
@media (max-width:1199px) {
            .invoice-details-inr li span {
                width: 50%;
                display: block;
                font-size: 12px;
            }

            .full-border {
                padding-right: 347px;
            }

            .no-lt-pdng {
                width: 340px;
            }

            .file-details ul li span {
                width: 98px;
                font-size: 11px;
            }

            .file-details ul li {
                font-size: 11px;
            }

            .rtl-hm-heading {
                padding: 0 0 0 15px;
            }

            .rt-section span {
                width: 100px;
            }

            .navigation .nav.navbar-nav a {
                /*padding:23px 12px;*/
            }

            .caret {
                margin-left: 0;
            }
			.invoice-out .cusBtnPanel {
				top: 0;
			}
}
@media (max-width:991px) {
                .invoice-details-inr li span {
                    width: 50%;
                    display: inline-block;
                    font-size: 12px;
                }

                .full-border {
                    padding-right: 0;
                }

                .no-lt-pdng {
                    position: static;
                    width: 100%;
                    padding-right: 15px;
                    border-left: none;
                }

                .invoice-nm-details .lt-section {
                    width: 30%;
                }

                .invoice-nm-details .rt-section {
                    width: 70%;
                }

                .final-invoice-amt ul li span {
                    width: 100px;
                }

                .no-lt-pdng {
                    border-left: none;
                }

                .greenBox h2 {
                    padding: 0 15px;
                }

                .field {
                    width: 64%;
                }
				.rgt_fltr_sc .button-group {
					padding: 0 5px;
				}
				.rgt_fltr_sc .button-group{
				padding:0 5px;
				}
					
					
				/* ks css */
				.filterSec .noPad[class*=' col-']{
				width:100%;
				}
				.rgt_fltr_sc .button-group button {
					margin-bottom: 15px;
				}
				.cusBtnPanel > ul > li{
				    margin-bottom: 10px;
					vertical-align:bottom;
				}
				.cusBtnPanel > ul {
					text-align: left;
				}
				.cusBtnPanel > ul > li .form-control {
					display: block;
					width: 100%; 
				}
				
            }

            @media (max-width:767px) {
                .right-side-acc {
                    padding: 15px 15px 0;
                }

                .accordian-in-content label {
                    width: 25%;
                }

                .field {
                    width: 75%;
                }

                .form-control.date, .form-control.pincode {
                    width: 58%;
                }

                .accordian-in-content .form-control {
                    width: 75%;
                }

                .form-control.date, .form-control.pincode {
                    width: 100%;
                }

                .send-mail {
                    width: 100%;
                }

                .file-details .col-xs-4:first-child {
                    padding-left: 15px;
                }

                .file-details .col-xs-4 {
                    padding: 0;
                }

                    .file-details .col-xs-4:last-child {
                        padding-right: 15px;
                    }

                .accordian-heading ul li {
                    padding: 0 6px;
                }

                .greenBox h2 {
                    font-size: 20px;
                }

                    .greenBox h2 span {
                        padding: 0;
                    }

                .greenBox {
                    padding: 5px 0;
                }

                .mymodal .modal-content {
                    width: 520px;
                }

                .mymodal .modal-header h2 {
                    font-size: 20px;
                }

                .close.modal-close {
                    width: 20px;
                    height: 20px;
                    font-size: 17px;
                    line-height: 0;
                }

                .mymodal .modal-header {
                    padding: 15px 15px 9px;
                }

                .list-content-header .input-group {
                    width: 70%;
                }

                .list-content-header h2 {
                    font-size: 35px;
                }

                .list-content-header {
                    padding: 15px 0;
                }

                .invoice-nm-details .lt-section {
                    width: 100%;
                    margin: 0 auto;
                    text-align: center;
                }

                .invoice-nm-details .rt-section {
                    width: 100%;
                }

                .final-invoice-amt {
                    padding: 21px 0;
                }

                .invoice-body-foot {
                    padding: 15px 0 0;
                }

                .heading h2 {
                    float: none;
                    margin: 0 auto;
                    text-align: center;
                }

                .heading h5 {
                    float: none;
                    margin: 0 auto;
                    text-align: center;
                }

                .left-SectionHome-page {
                    padding: 15px 0 0;
                }

                .login-main {
                    padding: 30px 0;
                }

                .table-responsive.list-table .serch_crt_sc tr {
                    width: 50%;
                }
				
				/* ks css */
                .crt_invc_btn {
                    position: static;
                    width: 100%;
                    text-align: center;
                }
				.rgt_fltr_sc .button-group button{
				margin-bottom:15px;
				}
				.srch_clm_box tr.srcBtn{
				width:100%;
				}
				.srch_clm_box tr {
					width: 50%;
				}
				.srch_clm_box tr.srcBtn [class*=' col-']{
					padding:0 15px;
				}
				.noPad:first-child .rgt_fltr_sc .button-group {
					margin-top: 15px;
				}
				.rgt_fltr_sc .button-group {
					padding: 0 25px;
				}
				
				
				
				
            }

            @media (max-width:580px) {
                .field {
                    width: 73%;
                }

                .file-details .col-xs-4 {
                    width: 100%;
                }

                .file-details ul li span {
                    width: 50%;
                }

                .file-details .col-xs-4:last-child {
                    padding: 7.5px 15px;
                }

                .file-details .col-xs-4 {
                    padding: 7.5px 15px;
                }

                .accordian-heading ul li {
                    float: none;
                    padding: 0;
                }

                .accordian-heading li::after {
                    display: none;
                }

                .invoice-cHeader h2 {
                    float: none;
                    font-size: 35px;
                    margin: 0 auto;
                    text-align: center;
                    padding-bottom: 15px;
                }

                .accordian-heading a {
                    background: #358ee0 none repeat scroll 0 0;
                    color: #ffffff;
                    display: block;
                    font-weight: 700;
                    margin: 0 0 1px;
                    padding: 5px 0;
                    text-align: center;
                    width: 100%;
                }

                .invoice-cHeader {
                    padding: 15px 0;
                }

                .actionBtns {
                    float: none;
                    margin: 0 auto;
                    text-align: center;
                    width: 100%;
                }

                    .actionBtns::after {
                        clear: both;
                        content: "";
                        display: block;
                    }

                    .actionBtns > ul {
                        display: block;
                        margin: 0 auto;
                        text-align: center;
                        width: 100%;
                    }

                        .actionBtns > ul::after {
                            clear: both;
                            content: "";
                            display: block;
                        }

                    .actionBtns li {
                        float: none;
                        padding: 1px 5px;
                    }
            }

            @media (max-width:520px) {
                .rt-section span {
                    display: block;
                }

                .login-main {
                    width: 100%;
                    max-width: inherit;
                }

                .login-body {
                    padding: 15px;
                }

                .mymodal .modal-content.small-modal {
                    width: 315px;
                }

                .mymodal .modal-content {
                    width: 315px;
                }

                table.serch_crt_sc {
                    width: 100%;
                }

                .table-responsive.list-table .serch_crt_sc tr {
                    width: 100%;
                }
				.rgt_fltr_sc .button-group{
					padding:0 15px;
				}
				.noPad:first-child .rgt_fltr_sc .button-group{
					margin-top:15px;
				}
				.srch_clm_box tr {
					width: 100%;
				}
				.srch_clm_box tr.srcBtn [class*=' col-'] {
					padding: 0 5px;
				}
            }

            @media (max-width:480px) {
                .invoice-details-inr li span {
                    width: 100%;
                    display: block;
                }

                .list-content-header .input-group {
                    width: 100%;
                }

                .list-content-header h2 {
                    font-size: 25px;
                    padding: 0 0 15px;
                    text-align: center;
                    width: 100%;
                }
            }