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

:root{
    --brand-color:#ECE6DA;
    --white-color: #fff;
    --black-color: #000;
    --secondary-color: #dfccc8;
    --inactive-color: #87869A; 
    --gray-text: #6f6664;
    --light-secondary:#F6F0EF;
}

*{
    font-family: "Poppins", sans-serif !important;
    font-weight: normal;
    font-style: normal;
}

.border-gray{
    border-color: var(--inactive-color) !important;
}

.width-fix{
    width: 1300px;
    max-width: 100%;
}

.bg-black{
    background-color: var(--black-color) !important;
}

.fs-12{
    font-size: 12px !important;
}

.fs-13{
    font-size: 13px !important;
}

.fs-14{
    font-size: 14px !important;
}

.fw-400{
    font-weight: 400 !important;
}

.fw-500{
    font-weight: 500 !important;
}

.brand-bg{
    background-color: var(--brand-color) !important;
}

.text-gray{
    color: var(--gray-text);
}

.text-white{
    color: var(--white-color) !important;
}

.w-100{
    width: 100%;
}

.height-100{
    height: 100%;
}

.ant-layout .ant-layout-sider {
    background: var(--brand-color) !important;
}

.bg-transparent{
    background: transparent !important;
}

.border0{
    border: 0px !important;
}

.p-0{
    padding: 0px !important;
}
.pb-2{padding-bottom: 1rem !important;}
.pt-3{padding-top:1rem!important;}
.pt-5{padding-top:3rem!important;}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}

.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}


.margintop-5{
    margin-top: 5px !important;
}
.m-0{margin: 0 !important}
.mt-0{margin: 0 !important}
.mb-3{margin-bottom:1rem!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}

.bg-secondary-color{
    background-color: var(--secondary-color) !important;
}

.justify-center{
    display: flex;
    justify-content: center;
}

.ant-input-outlined:hover{
    border-color: var(--black-color) !important;
}

.ant-input-outlined:focus, .ant-input-outlined:focus-within{
    box-shadow: none !important;
    border-color: var(--black-color) !important;
}

.card-cs .ant-card-body{
    padding: 16px !important;
}

.radius-12{
    border-radius: 12px !important;
}

/* tab button css */
.btnactive{
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.btnpill{
    padding: 0.55rem 2rem;
    height: auto !important;
    border-color: transparent  !important;
    color: var(--black-color) !important;
    box-shadow: none !important;
    font-size: .9rem;
    border-radius: 8px;
}




/* table css */
/* .table-dark table{
    background-color: var( --brand-color) !important;
}

.table-dark .ant-table{
    background-color: var(--brand-color) !important;
} */

.ant-table-measure-row{
    display: none;
}

.table-dark table .ant-table-tbody >tr >td{
    padding: 20px 10px  !important;
    border-color: var(--secondary-color) !important;
}

.table-dark .ant-table-thead{
    background: var(--light-secondary) !important;
}

.table-dark .ant-table-thead >tr>th{
    background: transparent !important;
    color: var(--black-color) !important;
    padding: 14px 10px  !important;
    border-bottom: 1px solid transparent !important;
}

.table-dark .ant-table-thead >tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before{
    background-color: transparent !important;
}

/* .table-dark .ant-table-cell-fix-right{
    background: var(--brand-color) !important;
} */

.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:last-child{
    background-color: var(--light-secondary) !important;
}

.pagination .ant-pagination li .ant-pagination-item-link {
    color: var(--black-color) !important;
}

.pagination .ant-pagination-item-active{
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color);
}

.pagination .ant-pagination .ant-pagination-item {
    background-color: transparent;
}

.pagination .ant-pagination .ant-pagination-item a{
    color: var(--black-color);
}

.ant-input-affix-wrapper .ant-input-prefix {
    margin-inline-end: 10px !important;
    margin-top: -2px !important;
}
.drawer .ant-drawer-header {
    background-color: transparent !important; 
  }
  
  /* .drawer .ant-drawer-title {
    color: black !important; 
  }
  
  .drawer .ant-drawer-close {
    color: white !important;
  } */

  .btnsave{
    padding: 0.30rem 1.9rem;
    height: auto !important;
    background-color: var(--secondary-color) !important;
    color: var(--black-color) !important;
    box-shadow: none !important;
    font-size: .9rem;
    border-radius: 5px;
}
.btncancel{
    padding: 0.30rem 1.9rem;
    height: auto !important; 
    color: var( --secondary-color) !important;
    box-shadow: none !important;
    font-size: .9rem;
    border-radius: 5px;
    border-color: var(--secondary-color) !important;
}

.btnsave:hover{
    border-color: var(--black-color) !important;
}

.pad-x{
    padding: .6rem 1.2rem !important;
}

.center{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; 
 }
 .align-center{
    align-items: center;
 }
 .justify-end{
    display: flex !important;
    justify-content: flex-end !important;
 }
 .property-margin{
    margin-bottom: 10px;
    font-size: 17px;
 }
 .shadow-c {
    box-shadow: 0px 2px 6px rgba(15, 20, 34, 0.14);
  }
  
  .modal .ant-modal-content {
    border-radius: 10px;
    background-color: #0F0D35;
  }
  
  .modal-title {
    color: white;
  }
  
  .close-icon {
    color: white;
    font-size: 20px;
    cursor: pointer;
  }
  
  .modal-border {
    height: 1px;
    background-color: rgba(105, 105, 105, 0.5);
    margin-bottom: 15px; 
  }

  /* :global(.ant-modal-header){
    background-color: #0F0D35;
  } */
  /* .ant-modal-title{
    color: #fff !important;
    background-color: #0F0D35 !important;
  } */
  /* .ant-modal-close{
    color: #fff !important;
  } */
  .drawer .ant-drawer-header {
    border-bottom: 1px solid rgba(105, 105, 105, 0.5) !important
}

.drawer .ant-drawer-footer {
    border-top: 1px solid rgba(105, 105, 105, 0.5) !important
}
/* .ant-menu-title-content{
    font-size: 16px !important;
} */
 
  
.dragcs .ant-upload-list{
    flex-direction: column !important;
}

.dragcs .ant-upload-drag{
    border-width: 2px;
    border-color: var(--secondary-color) !important;
}

.border-white{
    border-color: var(--white-color) !important;
}

.border-black{
    border-color: var(--black-color) !important;
}

.ant-picker .ant-picker-suffix{
    color: var(--black-color) !important;
}

.right{
    display: flex;
    justify-content: end;
}

.drawer .ant-drawer-footer,
.drawer .ant-drawer-header{
    border-width: 1px !important;
    border-color: #D9D9D9 !important;
}

.ant-drawer-body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.ant-drawer-body::-webkit-scrollbar
{
	width: 6px;
    border-radius: 10px;
	background-color: #F5F5F5;
}

.ant-drawer-body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: var(--secondary-color);
}

.bg-white{
    background-color: #D9D9D9 !important;
}

.ant-dropdown .ant-dropdown-menu{
    background: var(--secondary-color) !important;
}

.ant-dropdown .ant-dropdown-menu span{
    color: var(--black-color);
}

/* .ant-dropdown .ant-dropdown-arrow:before{
    background: var(--secondary-color);
} */

.width-drag{
    width: 30%;
    margin: 0 auto;
}

.w-170 .ant-select-selector {
    width: 170px !important;
    max-width: 100%;
}

.ant-upload.ant-upload-select{
    border-color: var(--black-color) !important;
}

.viewDownload{
    padding: 10px 12px;
    background-color: var(--secondary-color);
}

.danger-color{
    color:#C30010 !important
}

.space-between-align{
    display: flex;
    align-items: center;
    justify-content: space-between;
}



@media (max-width: 991px){
    .width-drag{
        width: 90%;
    }
}

@media (max-width: 1440px){
    .width-fix{
        width: 100%;
    }
}

@media (max-width: 1000px){
    .cardlg .ant-card-body{
        padding: 15px !important;
    }
    .mbl-fs{
        font-size: 16px !important;
    }
    
}

@media (max-width: 700px){
    .header-mbl-cs>div{
        flex-direction: column !important;
        align-items: center;
    }
    .header-mbl-cs{
        height: auto !important;
    }
}


/*  */
.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-error{
    border-color: var(--black-color) !important;
}

.trans-down{
    transform: translateY(2px);
}
.right-to-left{
    direction: rtl !important;
}