*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
html,
body {
    font-family: 'Montserrat';
}

body{
  background: #72b2de;
  /*font-family: "Bookman Old Style",serif; */
}
h1{
  color: #fff;
  padding-bottom: 2rem;
  font-weight: bold;
}
.btn-primary
{
  background-color: #1068b0 !important;
}
.btn-login,.btn-submit{
  font-weight: 600;
  font-size: 15px;
}
hr{
  background-color: rgba(255, 255, 255, 0.795);

}
.login-form{
  background-color: white;
  border-radius: 15px;
  text-align:center;
  color:black;
  padding:3rem 1rem;
  margin:0px auto;
  padding-left: 50px;
  padding-right: 50px;  
}
.forgot-password
{
  padding-left: 37px;
  padding-right: 37px;
}
form{
  text-align: left;
  padding:9px;
}
 .img-attr{
  height:10%;
  width:40%;
 } 
.login-form h2{
  font-size: 28px;
  color: #2c273a;
  font-weight: 800;
  text-align: left;  
  padding-left: 8px;
  padding-top:48px;

}
form input{
  border:2 px solid #0c65a7;
  padding :12px 20px;
  margin-bottom:10px;
  border-radius:20px;
}
.terms{
  display: flex;
  justify-content: space-between;
}
.terms input{
  height:0.8em;
  width:0.8em;
}

.terms #rem{
 text-align: left;
 color:#b7c2d4;
 font-weight: 500;
 padding-left: 10px;
}

 .login-form label{
  font-weight: bold;
  font-size:11px;
  vertical-align: middle;
 }
.copyright{
  font-size: 11px;
  font-weight: 600;  
}
.login-form p{
  font-size: 0.7rem;
  font-weight: 400;
  color: #aab0b9;
}
.img-box {
  background-image: url("../img/bg-left-img.png");
    height: 500px;
    width: 500px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-top: 55px;
  
}

.password-container input {

    padding: 2px 10px;
    padding-right:36px;

}
.copyright-pass{
  font-size: 11px;
  font-weight: 600;
  margin-top: 147px;
}

.password-container
{
position: relative;
border: 1px solid #bbb9b9;
outline: none;
border:0;

}
.password-container input{
  padding:2px 10px;
}

#password{
  padding-left:13px;
  font-size: 11px;
}
.pass-show-icon{
  height:12px;
  width:15px;
  position: absolute;
  top:14px;
  margin-left: 300px;
}
.form-control:focus{
  outline: 0;
  box-shadow: none;
  border-color: #dae6f8;

}
.form-control{
  border-color: #dae6f8;
  border-width: 1.5px;
  font-size: 12px;
  color: #000;
  font-weight: 600;
}
.manageinvoice-section
{
background: #f4f8fb;
}
.invoice-datas
{
background: #0c65a7;
padding: 20px 10px;
}
header {
  width: 100%;
  height: 4rem;
  margin: 0 auto;
  background: white;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1 fr 3fr;
  grid-template-rows: 100%;
  box-shadow: 0px 1px 4px #bebdbd;
}
.brand {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand h4 {
  padding: 30px;
  font-size: 18px;
  font-weight: bold;
  padding-top: 40px;
}
.menu-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.menu-section .company {
  background-color: #f4f8fb;
  border: none;
  color: #1c6fab;
  padding: 8px 19px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
  font-weight: bold;
  font-size: 13px;
}
.menu-section .setlog {
  background-color: #f4f8fb;
  border: none;
  color: #1c6fab;
  padding: 5px 9px;
  cursor: pointer;
  border-radius: 50%;
  font-size: 20px;
  font-weight: bolder;
}
.menu-section h6 {
  font-size: 10px;
  font-weight: bolder;
}
.menu-section .profile {
  background-color: #e2ddddf1;
  border: none;
  padding: 21px 22px;
  cursor: pointer;
  border-radius: 50%;
}
.invoice-list {
  margin: auto;
  width: 75%;
  margin-top: 15px;
  background-color: white;
  border-radius: 1%;
  box-shadow: 0px 1px 3px #bebdbd;
  margin-bottom: 85px;
}
.table-header {
  padding-top: 20px;
  margin-left: 30px;
}
.table-header h4 {
  font-size: 18px;
  font-weight: bold;
}
.table-header p {
  font-size: 12px;
  color: #d1cfcff1;
  font-weight: 500;
}
.admin
{
  color: #aab0b9;
  font-weight: 400;
}
.invoice-date input 
{
  font-size: 12px;
  padding: 6px 9px;
  border-radius: 5px;
  border: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.invoice-date input:focus
{
  border: 0;
  outline: none;
}
.manageinvoice-section .daterangepicker.ltr.show-calendar.opensleft
{
  left: 175px;
}
.invoice-date .input-group-text
{
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  background: #fff;
  border-top: 0px;
  border-bottom: 0px;
}
.invoice-date .input-group-text img 
{
  width: 15px;
}
.archive-invoice img,.import-invoice img {
  width: 12px;
}
.archive-invoice span 
{
  font-size: 12px;
  color: #fff;
  margin-left: 7px;
}
.archive-invoice
{
  border: 1px solid #fff;
  padding-left: 14px;
  margin-top: 3px;
  border-radius: 5px;
}
.export-invoice
{
  width: 136px !important;
}
.import-invoice
{
  background: #fff;
}
.import-invoice span 
{
  color: #0c65a7;
  font-size: 12px;
  margin-left: 7px;
}
.import-invoice a 
{
  text-decoration: none;
}
.invoicetable thead tr th 
{
  font-size: 11px;
}
.vt 
{
  vertical-align: top !important;
}
.invoicetable thead tr span 
{
  font-weight: 500;
  font-size: 10px;
}
.search-input,.search_btn,.search-input:focus,.search_btn:focus
{
  background-color: #fafbfd;
  border: 0;
}
.search-input
{
  height: 26px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.search_btn
{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-right: 5px;
}
.search_btn img 
{
width: 10px;
}
.invoicetable thead th,.invoicetable td, .invoicetableth
{
border-bottom: 0 !important;
border-top: 0 !important;
padding: 10px 2.5px;
}
.search-row td
{
  padding-top: 0;
  padding-bottom: 0;
}
.grey-txt
{
  color: #a4b2ca;
    font-size: 13px;
    font-weight: 400;
 
}
.invoicetable tbody tr td
{
  padding: 14px 0px;
  font-size: 13px;
}
.paid
{
  background: #d0f1e6;
  color: #52bd97;
  padding: 2px 10px !important;
  text-align: center;
  font-weight: 500;
  border-radius: 8px;
}
.unpaid
{
  background: #fff1d4;
  color: #fda827;
  padding: 2px 10px !important;
  text-align: center;
  font-weight: 500;
  border-radius: 8px;
}
.grey-txt.grey-txt.time{
  font-size: 11px;
}
.sendus a 
{
  text-decoration: none;
}
.link 
{
  text-decoration: underline;
  color: #005597;
}
.invoicetable tbody tr
{
  border-bottom: 1px dashed #ececec;
}
.invoicetable tbody
{
  border-top: 1px solid #000 !important;
}
table.dataTable tr th:first-child,
table.dataTable tr td:first-child {
  padding-left: 10px;
}
table.dataTable tr th:last-child,
table.dataTable tr td:last-child  {
  padding-right: 10px;
}
.search-input
{
  background-image: url("../img/search-icon.png");
  background-repeat: no-repeat;
  background-position: right;
}
.sendus img 
{
  width: 16px;
}

@media (max-width: 991px)
{
  ul.navbar-nav.align-items-center {
    align-items: end !important;
}
.company-nav,.setting-nav
{
  background: #fff;
  margin-right: 0;
}
.settings-nav
{
  display: none;
}
.invoice-date,.invoice-date,.export-invoice,.archive-invoice
{
  margin-bottom: 10px;
}
.invoice-datas .col-12
{
  padding-left: 0;
}
.invoice-datas .col-md-5
{
  padding-left: 8px;
}
.invoicetable thead th, .invoicetable td, .invoicetableth
{
  padding: 10px 10.5px;
}
.invoicetable tbody tr td
{
  padding: 14px 6px;
}
.archive-invoice
{
  padding: 6px 8px;
}
.datecol
{
  padding-left: 0 !important;
}
.table-header
{
  margin-left: 10px;
}
.invoice-date .input-group input
{
  width: calc(100% - 57px);
}
.export-invoice
{
width: 100% !important;
}
.managecompanytable tbody tr td
{
  padding-left: 7px;
}
.img-box
{
  display: none;
}
.login-form label
{
  font-size: 9px;
}
.pass-show-icon
{
  margin-right: 10px;
    right: 0;
}
.login-form h2
{
  font-size: 25px;
  text-align: center;
}
.img-attr
{
  width: 111px;
  height: 37px;
}
}