html, body {
    font-family: "Noto Sans Gujarati", sans-serif;
    font-style: normal;
}

.main-header {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.main-header .logo img {
    max-width: 50px;
    width: 100%;
}
.main-header .logo h5 , .main-header a, .orange-txt {
    color: #F47216; 
}
.main-header a:hover {
    color: #FFA566;
}
.gray-text {
    color: #474A56;
}
.main-sec {
    background: #F47216;
    min-height: 100vh;
}
.main-bg {
    background: url(../img/login-bg.png)no-repeat;
    min-height: 84vh; 
    background-size: cover;
    background-position: center;
    border-radius: 40px;
    box-shadow: 0px 16px 56px 0px #11111A1A;
    position: relative;
}
.card-main {
    background: #fff;
    border-radius: 40px;
    box-shadow: 0px 16px 56px 0px #11111A1A;
}
.main-bg .img-1 {
    position: absolute;
    right: -35px;
    bottom: 0;
}
.main-bg .img-2 {
    position: absolute;
    left: -35px;
    bottom: 0;
}
.main-bg .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .main-bg .nav-link:focus, .main-bg .nav-link:hover,
.card-main .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .card-main .nav-link:focus, .card-main .nav-link:hover {
   background:#F47216;
   color: #fff;
   border-radius: 32px;
   font-weight: 700;
   font-size: 13px;
   text-transform: uppercase;
}
.main-bg .nav-pills .nav-link , .main-bg .grey-bg,
.card-main .nav-pills .nav-link , .card-main .grey-bg {
    background:#D9D9D9;
    color: #000;
    border-radius: 32px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}
.theme-btn {
    background: #F47216!important;
    padding: .60rem;
    color: #fff!important;
    font-weight: 700;
    border: 2px solid #F47216!important;
    border-radius: 5px;
}
.theme-btn:hover {
    background: #ffe4c4ab!important;
    color: #F47216!important;
}
.theme-btn-2 {
    background: #ffe4c4ab;
    color: #F47216;
    font-weight: 700;
    border: 2px solid #F47216;
    border-radius: 5px;
    font-size: 12.5px!important;
}
.theme-btn-2:hover {
    background: #F47216;
    color: #fff;
}
.theme-btn-2:disabled ,.theme-btn:disabled{
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none;
}
.select-maxw {
    max-width: 187px;
    width: 100%;
    margin-bottom: .125rem;
}
.datatable .table thead tr th{
    background: #FFA566;
    font-weight: 700;
    padding: 1rem 0.5rem!important;
    text-transform: uppercase;
}
.datatable .table {
    border: 1px solid #00000054;
    vertical-align: middle;
}
.datatable .table thead {
    vertical-align: middle;
}
.datatable .table tbody tr th, .datatable .table tbody tr td {
    color: #474A56;
    font-weight: 500;
}
.icon , .icons:hover {
    height: 18px;
    width: 18px;
    fill: #474A56;
    color: #474A56;
    transition: all 0.3s; 
}
.icon:hover , .icons{
   height: 18px;
   width: 18px;
   color: #F47216;
   fill: #F47216;
   transition: all 0.3s; 
}
#mydropdown , #mydropdownguj{
   display: flex;
   gap: .5rem;
   align-items: center;
}
#complaint-type , #complaint-typeguj, #forothers, #forothersguj{
    display: none;
}
.question-sec label {
    font-size: 13px;
    user-select: none;
}
.question-sec .form-control {
    padding: .5rem;
    font-size: 12.5px;
}
.question-sec .form-check {
    margin-left: 1.5rem;
    padding-left: 0;
}
.forgot-text a{
    font-size: 12px;
    margin-right: .75rem;
    color: #474A56;
}
.forgot-text a:hover , .otp-txt .icon:hover{
    color: #F47216;
    user-select: none; 
}
.forgot-text .form-control{
    padding-right: 7.75rem;
}
.number-input {
    height: 48px;
    width: 46px;
    text-align: center;
}
.otp-txt .icon{
    color: #474A56;  
    user-select: none; 
}
.castinput{
    /* max-height: 0; */
    overflow: hidden;
    /* display: none; */
    transition: max-height 0.5s ease, opacity 0.5s ease;
}
.modal-dialog button {
    font-size: 14px;
}
.modal-body .datatable .table thead tr th {
    padding: 0.5rem;
} 
.modal-body .datatable {
    font-size: 14px;
}
.border-address {
    border: 1px dotted #F47216;
    padding: 12px;
    border-radius: 5px;
}

input[readonly], select[readonly], textarea[readonly] {
    background-color: #f0f0f0; 
    color: #333; 
    border: 1px solid #ccc;
    cursor: not-allowed;
}
select[readonly] {
    background-color: #f9f9f9;
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow-y: auto;
}
.border-address .error{
    height: 6px;
    padding-top: 2px; 
    margin: 0px !important;
}
.theme-btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #F47216;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #F47216;
    border-color: #F47216;
}
.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #F47216;
    border-color: #dee2e6;
}
.dataTables_length{
    display: none;
}
.margin_top_1_7{
    margin-top: 1.7rem;
}
.noto-sans-gujarati {
    font-family: "Noto Sans Gujarati", sans-serif;
    font-style: normal;
}
#fullPageLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.46);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-container img {
    width: 50px; /* Adjust the size of the loader image */
    height: 50px; /* Adjust the size of the loader image */
}
.error{
    color: #b94a48;
}



div.dt-buttons {
    width: auto!important;
    text-align: end!important;
}
#otherAssemblyDiv {
    display: none;
}
#complaints-table_wrapper .table {
    /* margin-top: 50px !important; */
 }

 #mplad-table_wrapper .table {
    margin-top: 50px !important;
 }
 .dt-buttons{
    float: right;
 }
 button.btn.btn-secondary.buttons-pdf.buttons-html5.theme-btn {
    margin-right: 10px;
    border-radius: 5px;
}
button.btn.btn-secondary.buttons-excel.buttons-html5.theme-btn {
    border-radius: 5px;
}
@media (max-width: 630px){
    .theme-btn {
        padding: 0.32rem !important;
        font-size: 14px;
    }
}
@media screen and (min-width: 630px) and (max-width: 991px) {

    .btn-db-position {
        position: absolute !important;
        z-index: 1 !important;
        justify-content: space-between !important;
        width: calc(100% - 150px);
    }
}

.radio-disabled {
    pointer-events: none;   
    opacity: 0.5;        
    cursor: not-allowed; 
}
.parsley-filetype{
    margin-bottom: 10px;
}