/*html {*/
/*    zoom: 1;*/
/*}*/

/*.h-screen {*/
/*    height: 100vh !important;*/
/*}*/

/*.min-h-screen {*/
/*    !*min-height: 75vh !important;*!*/
/*}*/

.filament-login-page {
    background-image: radial-gradient(circle at top, #ecf3ff,#fff 50%) !important;
    background-repeat: no-repeat;
    position: relative;
}

.\32xl\:max-w-7xl {
    max-width: 120vw;
}

.\xl\:max-w-4xl {
    max-width: 70vw;
}

.opacity-75 {
    opacity: 0.75;
}

.bg-gray-500 {
    background: lightgray;
}

.\rtl\:right-auto {
    right: 7px;
    top: 7px;
}

.max-w-\[14rem\] {
    width: 14rem !important;
}

.-right-0\.5 {
    right: -0.125rem;
}

.-top-0\.5 {
    top: -0.125rem;
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.pl-4 {
    padding-left: 1rem;
}

.pr-2 {
    padding-right: 0.5rem;
}

.py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.bg-primary-50 {
    --tw-bg-opacity: 1;
    background-color: #f4f6fb !important;
}

.-mb-px {
    margin-bottom: -1px;
}

/*.bg-gray-500 {*/
/*    opacity: 0.1 !important;*/
/*}*/

@media (min-width: 640px) {

    .sm\:align-middle {
        vertical-align: middle;
    }

    .sm\:h-screen {
        /*height: 50vh;*/
    }

    .sm\:inline-block {
        display: inline-block !important;
    }

}

[data-tippy-root] {
    white-space: pre-line !important;
}

.tippy-box {
    background: #1e1eff !important;
    white-space: pre-line !important;
}

.bg-theme {
    background-color: lightskyblue;
}

.filament-brand {
    color: white;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #305899 !important;
    color: rgb(255 255 255/var(--tw-text-opacity));
}

/*:root {*/
/*    --color-primary-50: #f4f6fb;*/
/*    --color-primary-100: #e7edf7;*/
/*    --color-primary-200: #cad7ed;*/
/*    --color-primary-300: #66f;*/
/*    --color-primary-400: #4242ff;*/
/*    --color-primary-500: #1e1eff;*/
/*    --color-primary-600: #000080;*/
/*    --color-primary-700: #0000d6;*/
/*    --color-primary-800: #00008e;*/
/*    --color-primary-900: #00006b;*/
/*}*/

:root {
    --color-primary-50: #f4f6fb;
    --color-primary-100: #e7edf7;
    --color-primary-200: #cad7ed;
    --color-primary-300: #9bb6de;
    --color-primary-400: #6590cb;
    --color-primary-500: #4271b5;
    --color-primary-600: #305899;
    --color-primary-700: #274578;
    --color-primary-800: #253e67;
    --color-primary-900: #233657;
}

.border-primary-600 {
    --tw-border-opacity: 1;
    border-color: #305899 !important;
}

.bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: #4271b5 !important;
}

.bg-primary-900 {
    --tw-bg-opacity: 1;
    background-color: #233657 !important;
}

.bg-primary-500\/20 {
    background-color: #4271b5
}

.bg-primary-50 {
    --tw-bg-opacity: 1;
    background-color: #f4f6fb !important;
}

.bg-primary-200 {
    --tw-bg-opacity: 1;
    background-color: #cad7ed !important;
}

.bg-primary-500\/10 {
    /*background-color: #4271b5 !important;*/
}

.bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: #305899 !important;
}

.text-primary-600 {
    --tw-text-opacity: 1;
    color: #305899 !important;
}

.text-primary-500 {
    --tw-text-opacity: 1;
    color: #4271b5 !important;
}

.text-primary-50 {
    --tw-text-opacity: 1;
    color: #f4f6fb !important;
}

.text-primary-400 {
    --tw-text-opacity: 1;
    color: #6590cb !important;
}

.text-primary-700 {
    --tw-text-opacity: 1;
    color: #274578
}
.ring-primary-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: #4271b5 !important;
}

.focus-within\:border-primary-600:focus-within {
    --tw-border-opacity: 1;
    border-color: #305899 !important;
}

.focus-within\:ring-primary-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: #305899 !important;
}

.hover\:bg-primary-600\/20:hover {
    background-color: #305899
}

.hover\:bg-primary-500:hover {
    --tw-bg-opacity: 1;
    background-color: #4271b5 !important;
}

.hover\:bg-primary-600:hover {
    --tw-bg-opacity: 1;
    background-color: #305899 !important;
}

.hover\:text-primary-500:hover {
    --tw-text-opacity: 1;
    color: #4271b5 !important;
}

.focus\:border-primary-600:focus {
    --tw-border-opacity: 1;
    border-color: #305899 !important;
}

.focus\:border-primary-500:focus {
    --tw-border-opacity: 1;
    border-color: #4271b5 !important;
}

.focus\:border-primary-300:focus {
    --tw-border-opacity: 1;
    border-color: #9bb6de !important;
}

.focus\:bg-primary-500\/10:focus {
    background-color: #4271b5
}

.focus\:bg-primary-700\/20:focus {
    background-color: #274578
}

.focus\:bg-primary-50:focus {
    --tw-bg-opacity: 1;
    background-color: #f4f6fb !important;
}

.focus\:bg-primary-700:focus {
    --tw-bg-opacity: 1;
    background-color: #274578
}

.focus\:text-primary-600:focus {
    --tw-text-opacity: 1;
    color: #305899 !important;
}

.focus\:text-primary-500:focus {
    --tw-text-opacity: 1;
    color: #4271b5 !important;
}

.focus\:ring-primary-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: #305899 !important;
}

.focus\:ring-primary-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: #4271b5 !important;
}

.focus\:ring-primary-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: #cad7ed !important;
}

.focus\:ring-offset-primary-700:focus {
    --tw-ring-offset-color: #274578
}

.group:focus-within .group-focus-within\:text-primary-500 {
    --tw-text-opacity: 1;
    color: #4271b5 !important;
}

.group:hover .group-hover\:text-primary-100 {
    --tw-text-opacity: 1;
    color: #e7edf7 !important;
}

.group:focus .group-focus\:text-primary-100 {
    --tw-text-opacity: 1;
    color: #e7edf7 !important;
}

.dark .dark\:border-primary-500 {
    --tw-border-opacity: 1;
    border-color: #4271b5 !important;
}

.dark .dark\:bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: #e7edf7 !important;
}

.dark .dark\:text-primary-400 {
    --tw-text-opacity: 1;
    color: #6590cb !important;
}

.dark .dark\:text-primary-500 {
    --tw-text-opacity: 1;
    color: #4271b5 !important;
}

.filament-tables-selection-indicator{
    background-color: #cbcbff !important;
}

.save-as-draft{
    background-color: #305899 !important;
}

.save-as-draft:hover{
    background-color: #305899 !important;
}

/*active claims tab start*/

.filament-forms-tabs-component-header{
    display: flex !important;
    flex-direction: column !important;
    width: 10.7% !important;
    position: relative;
    top: 20px;
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
}

.filament-forms-tabs-component-tab{
    display: flex !important;
    flex-direction: column !important;
    width: 90.66667% !important;
    position: relative;
    left: 11rem;
    bottom: 8.5rem;
}

.filament-forms-tabs-component{
    height: 100% !important;
}

.filament-forms-tabs-component-button{
    background-color: white !important;
}
.filament-forms-tabs-component-button span{
    font-size: 15px;
    font-weight: 700;
}

.filament-forms-tabs-component-button-active{
    background-color: #305899 !important;
    color: white !important;
}

.choices__list--single .choices__item {
    font-size: 14px;
}

#entity_name{
    font-size: 14px;
}

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

#incident_date{
    font-size: 14px !important;
}

#reported_date{
    font-size: 14px !important;
}

#policy_number{
    font-size: 14px !important;
}

#description_about_loss{
    font-size: 14px !important;
}

#estimated_loss_quantity{
    font-size: 14px !important;
}

#estimated_loss_value{
    font-size: 14px !important;
}

#estimated_policy_access{
    font-size: 14px !important;
}

#surveyor_name{
    font-size: 14px !important;
}

#surveyor_email{
    font-size: 14px !important;
}

#surveyor_phone_number{
    font-size: 14px !important;
}

#surveyor_company_name{
    font-size: 14px !important;
}

#surveyor_license_number{
    font-size: 14px !important;
}

/*.filament-tables-header{*/
/*    display: none !important;*/
/*}*/
/*.filament-modal-footer{*/
/*    display: none;*/
/*}*/



/*active claims tab end*/

/*active claims tab for responsive mobile and tablet view start*/

@media only screen and (max-width: 767px) {

    .filament-forms-tabs-component-header{
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        position: relative;
        top: 20px;
    }

    .filament-forms-tabs-component-tab{
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        position: relative;
        left: 0rem;
        bottom: -0.5rem;
    }

    .filament-forms-tabs-component{
        height: 100% !important;
    }

}

@media only screen and (max-width: 1600px) {

    .filament-forms-tabs-component-tab{
        display: flex !important;
        flex-direction: column !important;
        width: 90.66667% !important;
        position: relative;
        left: 9.3rem;
        bottom: 8.6rem !important;
    }

}


@media only screen and (min-width: 768px) and (max-width: 1180px) and (max-width: 1368px) {
    .filament-forms-tabs-component-header{
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        position: relative;
        top: 20px;
    }

    .filament-forms-tabs-component-tab{
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        position: relative;
        left: 0rem;
        bottom: -0.5rem;
    }

    .filament-forms-tabs-component{
        height: 100% !important;
    }
}

@media only screen and (max-width: 1368px) {
    .filament-forms-tabs-component-header{
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        position: relative;
        top: 20px;
    }

    .filament-forms-tabs-component-tab{
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        position: relative;
        left: 0rem;
        bottom: -0.5rem;
    }

    .filament-forms-tabs-component{
        height: 100% !important;
    }
}

/*active claims tab for responsive mobile and tablet view end*/