.fixed-nav-bg {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #dee2e6;
    z-index: 200;
    padding: 0.5rem 0;
}
.navbar-collapse {
    flex-grow: inherit;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
}

}

.fixed-nav-bg .nav-link{  
color:#C7892B;
margin-right:30px;
 
  letter-spacing:0.5px;
  font-size: 14px;
    font-family: 'Bw Modelica';
  font-weight: bold;
  }
  
.fixed-nav-bg .navbar-nav .nav-link{color:#58595B!important;}
.fixed-nav-bg .nav-link:hover, .fixed-nav-bg .nav-link:focus{color:#C7892B!important; }


.register-link .text-link{margin-left:2px;}
.login-heading{margin-top:100px; margin-bottom:20px;text-align:center}
.form-outline{margin-bottom:15px;}
.register-link p{font-weight: bold; font-size:14px; }

.login-form .form-check{padding:0; margin:0;}
.forgot-username{float:right; font-size:14px;   text-align: right;     color: #403D3A;     font-weight: bold;}
.checkbox-group{margin-bottom:20px;}
.forgot-username:hover, .forgot-username:focus{color:#C7892B!important; text-decoration:none;}
.checkbox-group label{color: #403D3A;  font-size:14px;   font-weight: bold;}

.password-form{position:relative;}
.password-form img{position:absolute; top:18px; right:15px; z-index:2; cursor:pointer}
.checkbox-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkbox-group label {
    position: relative;
    cursor: pointer;
}

.checkbox-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.checkbox-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top:5px;
    left: 11px;
    width: 6px;
    height: 14px;
    border: solid #403D3A;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-group label:before {
    border: 1px solid #C7C7C7;
    border-radius: 6px;
    padding: 13px;
	    background: #fff;
    margin-right: 12px;
    margin-top: -6px;
}





#serach-header{margin-top: 100px;}
.add-invoice-btn{text-align:right;}
.add-invoice-btn a img{margin-right:10px; margin-top:-5px;}
.add-invoice-btn a{padding:0 50px;}

#recent-invoice-section{margin:50px 0 20px 0}


.recently-added-table table tr td {
    padding: 12px 15px;
    vertical-align: middle;
    color: #58595B;
    font-weight: 500;
	font-size:15px;
    white-space: nowrap;
	    border: 0;
}

.recently-added-table table tr th {
    background: #435D74;
    padding:17px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	font-size:15px;
	    white-space: nowrap;
}


.recently-added-table .table-striped>tbody>tr:nth-of-type(even)>*{background: #EDF4FB;
    color: #58595B;}
	
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:#fff!important;}

/* Pagination STYLES */
.pagination-per-page{text-align:right;     float: right; margin-top:10px;}
.pagination {
    padding: 0;
}

.pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.pagination li {
    display: inline-block;
    padding: 0;
    margin: 0 5px;
    color: #222;
}

.p1 li a {
    width: 29px;
    height: 29px;
    line-height: 29px;
    color: #58595B;
    padding: 0;

    font-size: 14px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    text-align: center;
}

.left-arrow-pagi a {
    font-size: 15px !important;
    font-weight: 600 !important
}

.right-arrow-pagi a {
    font-size: 15px !important;
    font-weight: 600 !important
}

.p1 a.is-active {
    background-color: #435D74;
    border-radius: 5px;
    color: #fff;
}

.filter-dropdown{width:150px; float:right;}


.invoice-modal{border-radius:12px;}
.invoice-modal .modal-header{text-align:center; display:block; border:0; position:relative; padding-top:25px;}
.invoice-modal .modal-header .modal-header-img{width:100%; margin:15px 0 5px 0}
.invoice-modal .modal-header h3{text-align:center; }

.invoice-modal .modal-header .btn-close{position:absolute; right:20px; top:20px; }
.invoice-modal .modal-body{text-align:center; padding-top:0;}
.invoice-modal .modal-body h3{padding-bottom:5px; }
.invoice-modal .modal-footer{border:0; text-align:center; display:block; padding-bottom:50px;  padding-top:10px;}



.service-main-section{background:#ECECEC; border-radius:12px; padding:20px; margin-top:20px;}
.service-detail-form{display:flex;}
.service-detail-form .form-outline{margin:0 0.75%;}

.service-added-table table tr td {
    padding:8px 5px 0 5px;
    vertical-align: middle;
   
    white-space: nowrap;
	    border: 0;
}




.width-125{width:15%}
.width-140{width:15%}
.width-100{width:10%}
.width-60{width:8%}
.width-80{width:8%}



.service-added-table table tr th {
    background:transparent;
    padding:0 5px;
white-space: nowrap;
	 font-family: 'Bw Modelica';
  font-weight: bold;
    color: #58595B;
	border:0;
    font-size: 14px}
	
.table>:not(:first-child){border:0;}
.service-added-table .form-outline{margin-bottom:0;}
.questionmark-link{position:relative; top:-6px; right:-5px;}

#invoice-form-section .help-heading-main{padding-top:20px;}

#another-form-section{padding:20px 0;}
#another-form-section a img {
    margin-right: 10px;
    margin-top: -5px;}
	
#total-form-section{padding:0 0 20px 0;}
#total-form-section h5{text-align:right;  font-weight:500;}

#save-form-section{padding:0 0 80px 0;}
#save-form-section .btn-line{padding-left:50px!important; padding-right:50px!important;}
#save-form-section .success-btn{padding-left:50px; padding-right:50px; float:right;}


#faq-section{margin-bottom:80px;}
.help-heading-main{text-align:center; margin-bottom:25px;}
#faq-section .accordion-item{margin-bottom:20px; background:transparent; border:0;}
#faq-section .accordion-button{border:1px solid #435D74; border-radius:12px; color:#fff; background:#435D74; font-size:16px; font-weight:bold; box-shadow:none; padding: 0.75rem 1rem;}
#faq-section .accordion-button.collapsed{border:1px solid #435D74; border-radius:12px; color:#435D74!important; font-size:16px; font-weight:bold; color:#F8F8F8; background:#F8F8F8; padding: 0.75rem 1rem;}
#faq-section .accordion-body{padding:1rem 0;}

#faq-section .accordion-button::after{background-image:url(../img/faq-plus-icon.svg); background-repeat:no-repeat;  background-position:center center; background-size:cover; width:30px; height:30px;}

#faq-section .accordion-button:not(.collapsed)::after{background-image:url(../img/faq-minus-icon.svg); background-repeat:no-repeat;  background-position:center center; background-size:cover; box-shadow:none; width:30px; height:30px;}


.footer-space{width:100%; height:70px;}
footer{border-top:1px solid #D6D6D6; background-color:#F8F8F8; padding:25px 0; position:static; z-index:10; width:100%; bottom:0;}

.login-footer{position:fixed;}

.footer-logo ul li{display:inline; margin-right:30px;}
.copy-right-text{text-align:center;}
.copy-right-text p{color:#58595B;}
.footer-link a{color:#58595B; text-decoration:none; font-size:14px; font-weight:500;}
.footer-link a:hover, .footer-link a:focus{color:#C7892B; text-decoration:none;}
.footer-link li{margin-left:25px; display:inline;}
.footer-link{text-align:right;}

@media (max-width:1400px){
.login-form{width:70%;}
}


@media (max-width:1300px){
.footer-link li {margin-left:15px;}
.login-form{width:80%;}
}

@media (max-width:1200px){
footer{padding:15px 0;}
.footer-logo{text-align:center; margin-bottom:15px;}
.footer-link{text-align:left;}
.copy-right-text{text-align:right;}
.container-fluid {padding:0 4rem;}
}


@media (max-width:1064px){
.login-form{width:90%;}
.container-fluid {padding:0 3rem; }
.form-outline label{font-size:12px;}

.width-125{width:auto}
.width-140{width:auto}
.width-100{width:auto}
.width-60{width:auto}
.width-80{width:auto}


.width-1125{width:125px}
.width-1140{width:140px}
.width-1100{width:100px}
.width-600{width:60px}
.width-800{width:80px}

}


@media (max-width:991px){
.fixed-nav-bg .nav-link{margin-right:0;}
.fixed-nav-bg .btn-line{width:50%;}
#faq-section {margin-bottom: 40px;}
#faq-section .accordion-button{font-size:14px;}
.navbar-brand img{width:60%;}
.login-footer{position:static}
}

/* @media (max-width:899px){
.recently-added-table{position:relative;}
.recently-added-table::after{content:""; height:100%; width:15%; position:absolute; right:0; top:0; background: linear-gradient(270deg, rgba(161, 161, 161, 0.62) -5.21%, rgba(217, 217, 217, 0) 61.2%);}
} */
@media (max-width:767px){
.container-fluid {padding:0 1rem;}
.add-invoice-btn a {padding:0 15px;}
.footer-logo{ margin-bottom:10px;}
.footer-link{margin-bottom:5px;}

#serach-header{margin-top:90px;}
.pagination-per-page{text-align:center;     float: none;}
.pagination-per-page .pagination{justify-content: center;}

.modal-header-img img{width: 45px;
    height:45px; margin-bottom:5px}
}


@media (max-width:640px){
.footer-link{text-align: center;}
.fixed-nav-bg .btn-line{width:100%;}
.copy-right-text{text-align: center;}
.form-outline {margin-bottom:8px;}
}


@media (max-width:575px){
.checkbox-group label:before{margin-right:5px;}
.forgot-username{font-size:12px;}
.checkbox-group label{font-size:12px;}
.register-link p{font-size:12px;}
.register-link .text-link{font-size:12px;}
.setting-heading-main{text-align:center;}
.add-invoice-btn{text-align:center; margin-top:15px;}
.add-invoice-btn .btn-primary{width:100%;}
.recently-added-heading-main{text-align:center;}
#recent-invoice-section{margin:30px 0 15px 0}
.filter-dropdown{ width: 100%; text-align:center; margin:15px auto 0 auto; float:none;}
.p1 li a{width: 20px;  height: 20px; font-size:12px; line-height:20px;}
.invoice-modal .modal-header{padding-top:15px}
.invoice-modal .modal-footer{padding-bottom:30px;}
#save-form-section{text-align:center;}
#save-form-section .success-btn{ float:none; margin-top:15px; width:100%; padding-left:10px;  padding-right:10px;}	
#save-form-section .btn-line{width:100%; padding-left: 10px!important;   padding-right: 10px!important;}
#another-form-section{text-align:center;}
#total-form-section{text-align:center;}
#total-form-section h5{text-align:center;}
}