/** Ray Tax Group **/
.sidebar {
  background-color: #21558D; }

.bg-dark {
  background-color: #376698 !important; }

.btn-primary {
  background-color: #21558D;
  border-color: #21558D; }
  .btn-primary:hover {
    background-color: #1D4C7E;
    border-color: #1D4C7E; }

.page-link {
  color: #21558D; }

#forgot-password {
  cursor: pointer;
}

.page-item.active .page-link {
  background-color: #21558D;
  border-color: #21558D; }

a {
  color: #17a2b8; }
  a:hover {
    color: #21558D; }










/*************new  css**********/





  
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,700&display=swap'); 


body{
    font-family: 'Poppins', sans-serif;
    background-color :#eef0f2 !important;;
}

.property-th{
    background-color: #376698cc;
    color: #fff;
}

.property-header{
    background-color: rgb(255 255 255);
    border-bottom: 1px dashed #A2B8CF;
}

.renew-btn{
    padding:10px 20px;
    background-color:#376698;
    border:1px solid #376698;
    color:#fff;
    font-size:14px;
    font-weight:400;
}

.renew-btn:hover{
    background-color:transparent;
    border-color:1px solid #376698;
    color:#376698; 
}

.property-heading{
    font-size:18px;
    font-weight:500;
    color:#376698;
}

.property-heading-card{
    font-size:18px;
    font-weight:500;
    color:#000;
}

.property-bal{
    font-size:16px;
    font-weight:500;
    color:#376698;
}

.property-body{
    padding:20px 0px;
}

.file-icon{
    background-image:url(../img/file.png);
    padding:0px 10px;
    background-repeat:no-repeat;

}

.file-icon:hover{
    background-image:url(../img/filehover.png);
}

.credit-icon{
    background-image:url(../img/credit.png);
    padding:0px 10px;
    background-repeat:no-repeat;
}

.credit-icon:hover{
    background-image:url(../img/credit-hover.png);
}

.bg-lightt{
    background-color:#fff;
}

.property-heading-card{
    font-size:18px;
    font-weight:500;
    color:#000;
}

.td-title{
    color:#000;
}

.td-title:hover{
    color:#376698CC;
}

.ray-tax-modal{
  padding-top:10px;
} 
.login-heading{
  font-size:18px;
  font-weight:600;
  color:#405189;
}
.login-subheading{
  font-size:14px;
  font-weight:400;
  color:#878A99;
}
.login-btn{
  padding:7px 16px;
  background-color:#376698;
  border:1px solid #376698;
  color:#fff;
  font-size:15px;
  font-weight:400;
}
.login-btn:hover{
  background-color:#fff;
  border-color:1px solid #376698;
  color:#376698;
 
}
.eye-icon{
  position:absolute;
  top:35%;
  right:4%;
  color:#878A99;
}
.login-label{
  font-size:15px;
  font-weight:400;
  color:#212529;
}
.login-form{
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  width:100%;   
  color: #767676;
}
.remember-login{
  font-size:13px;
  font-weight:500;
  color:#212529;
}
.forgot-text{
  font-size:13px;
  font-weight:500;
  color: #706d6d !important;
}
.forgot-text:hover{
  color: #212529 !important;
}
.login-content{
  padding: 20px 20px;
} 

.download-icon{
    background-image:url(../img/folder-arrow-down.png);
    padding: 10px;
    background-repeat: no-repeat;
}
.download-icon:hover{
    background-image:url(../img/folder-arrow-hover.png);
    padding: 10px;
    background-repeat: no-repeat;
}
.cancel-btn{
    padding:7px 20px;
    background-color:#878A99;
    border:1px solid #878A99;
    color:#fff;
    font-size:15px;
    font-weight:400;
}
.cancel-btn:hover{
    background-color:#fff;
    border-color:1px solid #878A99;
    color:#878A99;
   
}
.toggle-btn{
    background-color: #fff!important;
    color: #376698 !important;
    border: 1px solid #fff !important;
}
.toggle-btn:hover{
    background-color: #fff!important;
    color: #376698 !important;
    border: 1px solid #fff !important;
}
.tabs-btn .btn-secondary:not(:disabled):not(.disabled):active,
 .btn-secondary:not(:disabled):not(.disabled).active, .show > 
 .btn-secondary.dropdown-toggle {
  border-bottom: 3px solid #376698 !important;
  box-shadow:none !important;
  border-radius:0%;
 }

 .tabs-btn{
  position: absolute;
  border-bottom: 2px solid #37669847;
  border-radius: 0%;
  width: 97%;
  top: 15%;
  margin: 0px 0px 10px 15px;
  padding: 0px 20px 0px 0px;
 }
 .btn-secondary{
  color:#878A99;
  margin-right:35px;
 }

.circle{
  padding: 6px 15px 6px 15px;
  /*width: 20px;
  height: 20px;*/
  border-radius: 999px;
  margin-right: 5px;
  background-color: #fff;
}
.drop-btn{
  background-color:#E2E9F0;
  border:1px solid #E2E9F0;
  color:#376698 !important;
}
.drop-btn:hover{
  background-color:#fff;
  border:1px solid #E2E9F0;
  color:#376698;
}

.login-form .form-label-group input:not(:placeholder-shown) {
   padding-top: none!important; 
  padding-bottom: calc(var(--input-padding-y) / 3);
}


 .dataTables_length{
  display: flex;
  justify-content:left;
}

 .dataTables_info{
  display: flex;
  justify-content:left;
  margin-bottom:10px;
}
.table-font{
  font-size:14px;
}
.navbar.bg-dark{
  background-color:#376698 !important
}
.download{
  color:#767676;
}
.download:hover{
  color:#376698;
}
.edit-icon{
  color:#376698;
}
.edit-icon:hover{
  color:#767676;
}
.delete-icon:hover{
  color:#376698;
}
.delete-icon{
  color:#767676;
}

@media (max-width:400px){
  .tabs-btn{
    width: 90%;
    margin: 0px;
   }
   .btn-secondary{
    font-size:12px !important;
    padding:0px;
   }
   .dataTables_paginate {
    display: flex;
    justify-content:center;
  }
  .alert-info{
    display: none;
  }
}

.ray-tax .nav-link {
  font-size: 16px;
}


.ray-tax .subheading{
  font-size: 20px;
  font-weight: 400;
  color:#fff;
}
.ray-tax .heading{
  font-size: 48px;
  font-weight: 600;
  color:#fff;
}
.spacing-80{
  padding:80px 0px;
}
.ray-tax .address-box{
  border:1px solid #d9d9d9;
  padding:20px;
  background-color: #fff;
}

.ray-tax .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  /*color: #fff;*/
  background-color: transparent;
}
.ray-tax .nav-pills .nav-link, .nav-pills .show>.nav-link{
  color: #fff;
  background-color: transparent;
}

.ray-tax .nav-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border:none;
}
.ray-tax .nav-tabs .nav-link {
   border:none; 
}
.ray-tax .nav-tabs {
  border:none;
}
.ray-tax .form-label{
  font-size: 16px;
  font-weight: 400;
  color:#585858;
}
.ray-tax .btn{
  font-size: 12px;
  font-weight: 400;
  color:#585858;
  border-color:#DEDEDE;

}
.ray-tax .btn:hover{
  color:white;
}
.ray-tax .form-control{
  border-color:#DEDEDE;
}

@media(max-width:791px){
  .ray-tax .subheading{
    font-size: 18px;
  }
  .ray-tax .heading{
    font-size: 28px;
    margin-bottom:25px;
  }
}

@media(max-width:500px){
  .modal-sidebar {
     width: 360px!important; 
     right:0%!important;
  }
  .dark-btn-center{
    display:flex;
    justify-content: center;
  }
  .modal-width{
  width:100%!important;
  }
}

.title{
  font-size: 16px;
  color:#585858;
  font-weight: 400;
  line-height:22px;
}
.sub-title{
  font-size: 18px;
  color:#000;
  font-weight: 700;
  margin-right:4px;
}
.sidebar-box{
  padding:15px 25px;
  background-color: #ffff;
  box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 5%);
}
.footer{
   font-size: 12px;
  color:#000;
  font-weight: 600;
  padding:4px;
}
 a{
  color:#000;
  font-size: 15px;
  font-weight: 400;
}
 a:hover{
  color:#21558D;;
}

.nav-link{
  /*color:#fff;*/
  font-size: 16px;
}
.nav-link:hover{
  color:#d9d9d9;
}
.ray-tax .nav-border:hover{
  border-bottom: 2px solid #000;
}
 .offcanvas.offcanvas-end {
  width:620px;
}
.ray-tax h5{
  font-weight: 500;
}
.modal-sidebar{
  position:absolute;
  top:0%;
  right:0%;
  bottom:0%;
  margin:0px;
  height:100vh;
  width:500px;
}
 .modal-title{
  font-size: 20px;
  color:#000;
  font-weight: 600;
}
 .modal-height{
  height:100vh;
  overflow: auto;
}

.ray-tax .blue-btn{
  background-color: #1a4574;
  color:#fff;
  border:1px solid #1a4574;
  padding:10px 20px;
  font-size: 14px;
  font-weight: 500;
}
.dark-btn{
  background-color: #606060;
  color:#fff;
  border:1px solid #606060;
  padding:10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.dark-btn:hover{
  background-color: #fff;
  color:#606060;
  border:1px solid #606060;
}

.ray-tax .blue-btn:hover{
  background-color: #fff;
  color:#1a4574;
  border-color:#1a4574;
}

.my-modal {
    overflow: auto;
}

.green-img{
  background-image: url(../img/client/grey_location.png);
  background-repeat: no-repeat;
  padding:17px;
}
.green-img:hover{
  background-image: url(../img/client/green-location.png);
  background-repeat: no-repeat;
  padding:17px;

}

.selected-green-img{
  background-image: url(../img/client/green-location.png);
  background-repeat: no-repeat;
  padding:17px;

}

.remove-img{
  background-image: url(../img/client/remove_icon.png);
  background-repeat: no-repeat;
  padding:17px;
}
.modal-width{
  width:525px;
  position:absolute;
  right:0;
}