@font-face {
    font-family: MontserratRegular;
    src: url("public/font/Montserrat/Montserrat-Regular.ttf") format('truetype');;
}

@font-face {
    font-family: MontserratBold;
    src: url("public/font/Montserrat/Montserrat-Bold.ttf") format('truetype');;
}

h1, h2, h3, h4, h5, h6,
p, button, a, span,
table, tbody, thead, tr, td , strong, b, label, small {
    font-family: Montserrat, sans-serif;
}

#user-transactions-table tbody tr td {
    word-break: break-word;
}

.user-data tbody tr:hover {
    background-color: gainsboro;
    font-weight: bold;
}

#btn-get-user-transactions i {
    display: none;
}

.fail-user-error {
    color: #E52613;
    text-decoration: underline;
}

.error-message {
    color: #E52613;
    text-decoration: underline;
}

/*styling for artwork-registration-and-authentication admin/art_work/authentication/130/live*/
.artwork-registration-and-authentication .list-group.list-group-tree {
    padding: 0;
}

.artwork-registration-and-authentication .list-group-tree ul {
    padding: 0;
    margin-bottom: 0;
}

.artwork-registration-and-authentication .list-group.list-group-tree .list-group {
    margin-bottom: 0;
}


.artwork-registration-and-authentication .list-group-item .fa {
    margin-right: 5px;
}

.artwork-registration-and-authentication .fa-chevron:before {
    content: "\f054"; /*right*/
}
.artwork-registration-and-authentication .in > .fa-chevron:before {
    content: "\f078"; /*down*/
}
/* end styling for artwork-registration-and-authentication admin/art_work/authentication/130/live*/

.user-information-status {
    color: #00acd6;
    font-weight: bold;
    text-align: left;
}

#flash-message-modal .modal-body {
    padding: 0
}

#flash-message-modal .modal-body #textual-info {
    margin: 15px;
    padding-top: 3px;
}

#flash-message-modal .modal-body #textual-info h3{
    font-weight: bold;
}

#flash-message-modal .modal-body hr {
    margin: 5px;
}

#flash-message-modal #body-contents button {
    font-weight: bold;
    background-color: white;
    color: #00389D;
    padding-bottom: 10px;
}

div.sonata-ba-form-actions .btn{
    margin-right: 10px;
}

button.new-user {
    margin-right: 10px;
}

a.sonata-action-element {
    color: #FFFFFF;
}

table.table-bordered{
    border:5px solid white;
    margin-top:20px;
}

table.table-bordered > thead > tr > th {
    border:3px solid white;
}

table.table-bordered > tbody > tr > td{
    border:2px solid white;
}

table.table-bordered > tbody > tr > th{
    border:2px solid white;
}

table.sonata-ba-list{
    background-color: #ECF0F5;
    border:3px solid #ECF0F5;
}

table.sonata-ba-list > thead > tr > th {
    background-color: #ECF0F5;
    border:3px solid white;
}

table.sonata-ba-list > tbody > tr > td{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.sonata-ba-list > tbody > tr > td > a{
    background-color: #00389D;
    color: #FFFFFF;
}

table.sonata-ba-list > tbody > tr > th{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.admin-panel-table-theme {
    background-color: #ECF0F5;
    border:5px solid white;
}

table.admin-panel-table-theme > thead > tr > th {
    border:3px solid white;
}

table.admin-panel-table-theme > tbody > tr > td{
    border:1px solid white;
}

table.admin-panel-table-theme > tbody > tr > td > a{
    background-color: #00389D;
    color: #FFFFFF;
}

table.admin-panel-table-theme > tbody > tr > th{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.user-data{
    background-color: #ECF0F5;
    border:5px solid white;
}

table.user-data > thead > tr > th {
    background-color: #ECF0F5;
    border:3px solid white;
}

table.user-data > tbody > tr > td{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.user-data > tbody > tr > td > a{
    background-color: #00389D;
    color: #FFFFFF;
}

table.user-data > tbody > tr > th{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.user-data-user_management{
    background-color: #ECF0F5;
    border:5px solid white;
}

table.user-data-user_management > thead > tr > th {
    background-color: #ECF0F5;
    border:3px solid white;
}

table.user-data-user_management > tbody > tr > td{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.user-data-user_management > tbody > tr > th{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.user-data-user_management > tbody > tr > td > div > a{
    background-color: #00389D;
    color: #FFFFFF;
}

table.api-logs-table{
    background-color: #ECF0F5;
    border:5px solid white;
}

table.api-logs-table > thead > tr > th {
    background-color: #ECF0F5;
    border:3px solid white;
}

table.api-logs-table > tbody > tr > td{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.api-logs-table > tbody > tr > th{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.api-logs-table > tbody > tr > td > div > a{
    background-color: #00389D;
    color: #FFFFFF;
}

table.user-api-logs-table{
    background-color: #ECF0F5;
    border:5px solid white;
}

table.user-api-logs-table > thead > tr > th {
    background-color: #ECF0F5;
    border:3px solid white;
}

table.user-api-logs-table > tbody > tr > td{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.user-api-logs-table > tbody > tr > th{
    border:1px solid white;
    background-color: #ECF0F5;
}

table.user-api-logs-table > tbody > tr > td > div > a{
    background-color: #00389D;
    color: #FFFFFF;
}

table#user-transactions-table{
    background-color: #ECF0F5;
    border:3px solid #ECF0F5;
    margin-top:20px;
}

table#user-transactions-table > thead > tr > th {
    background-color: #ECF0F5;
    border:3px solid white;
}

table#user-transactions-table > tbody > tr > td{
    border:1px solid white;
    background-color: #ECF0F5;
}

table#user-transactions-table > tbody > tr > th{
    border:1px solid white;
    background-color: #ECF0F5;
}

.no-collision{
    margin-right: 10px;
    margin-top: 5px;
}

button[type=submit] {
    background-color: #00389D;
    color: #FFFFFF;
}

button[type=submit]:hover {
    background-color: #00389D;
    color: #FFFFFF;
}

button[type=button] {
    background-color: #00389D;
    color: #FFFFFF;
}

button[type=button]:hover {
    background-color: #00389D;
    color: #FFFFFF;
}

input[type=submit]{
    background-color: #00389D;
    color: #FFFFFF;
}

input[type=submit]:hover {
    background-color: #00389D;
    color: #FFFFFF;
}

a[type=button] {
    background-color: #00389D;
    color: #FFFFFF;
}

a[type=button]:hover {
    background-color: #00389D;
    color: #FFFFFF;
}

a[type=button]:focus {
    color: #FFFFFF;
}

a.btn{
    background-color: #00389D;
    color: #FFFFFF;
    margin-right: 5px;
}

a.btn:hover{
    background-color: #00389D;
    color: #FFFFFF;
    margin-right: 5px;
}

a.btn:focus{
    color: #FFFFFF;
}

button.btn-danger {
    background-color: #E52613;
    color: #FFFFFF;
}

button.btn-danger:hover{
    background-color: #E52613;
    color: #FFFFFF;
}

a.btn-danger {
    background-color: #E52613;
    color: #FFFFFF;
}
a.btn-danger:hover{
    background-color: #E52613;
    color: #FFFFFF;
}


a.btn-lg{
    background-color: #00389D;
    color: #FFFFFF;
    height: 45px;
}

a.btn-lg:hover{
    background-color: #00389D;
    color: #FFFFFF;
    height: 45px;
}

label.access-control-label-read {
    margin-right: 5px;
}

label.access-control-label-write {
    margin-right: 4px;
}

.contain {
    object-fit: contain;
    width: 270px;
    height: 400px;
}

/*filter css*/
.filter-tabs-contents {
    padding-top: 5px;
}

.filter-results-heading {
    font-weight: bolder;
}
form#upload_id_card_form  .form-group  .invalid-feedback  .d-block  .badge-danger {
    background-color: #E52613;
    color: #FFFFFF;
}
.filter-tabs-contents {
    padding-top: 5px;
}

.filter-results-heading {
    font-weight: bolder;
}

.user-transactions-filters {
    margin-top: 10px;
    padding: 5px;
    margin-bottom: 15px;
}

.user-transactions-table-div {
    margin-top: 15px;
}
form#upload_id_card_form  .form-group  .invalid-feedback  .d-block .form-error-message {
    color: #E52613;
}

.user-transactions-filters {
    margin-top: 10px;
    padding: 5px;
    margin-bottom: 15px;
}

.user-transactions-table-div {
    margin-top: 15px;
}
#user-summary-modal .modal-dialog {
    position: relative;
    display: table;
    overflow-y: auto;
    width: auto;
    min-width: 600px;
}

#upload_legal_documents h4{
    font-weight: bold;
    font-size: 16px;
}
#upload_legal_documents input[type='file'] {
    height: 22px;
}
#upload_legal_documents label {
    font-weight: 400;
}
@media (min-width: 1200px){
    .container.user-management-page-container{
        width: 90%;
    }
}
#send_tokens_form{
    width: 50%;
}
.user-transactions-filters .btn:focus{
    color: white;
}
.filter-buttons-div{
    margin-top: 10px;
    margin-bottom: 10px;
}
.filter-buttons-div .btn{
    text-transform: uppercase;
}

#imageOverlayModal {
    z-index: 2005
}

#imageOverlayModal .modal-dialog {
    width: 70%;
}

#imageOverlayModal .modal-dialog .modal-content{
    height: auto;
    min-height: 60%;
}

#imageOverlayModal .modal-dialog .modal-content .modal-body{
    background-color: #A9A9A9
}

#imageOverlayModal .modal-dialog .modal-content .modal-body img{
    width: 100%;
}

.right-management-table-wrapper {
    overflow-x: auto;
}

.right-management-table-wrapper table{
    overflow-x: auto;
    width: 3000px;
}

/*increasing width of side bar sonata*/
.sonata-bc .main-sidebar {
    width: 250px;
}

.content-wrapper, .right-side, .main-footer {
    margin-left: 250px;
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
    -webkit-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    -o-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
}

@media (max-width: 767px) {
    .main-sidebar, .left-side {
        -webkit-transform: translate(-250px, 0);
        -ms-transform: translate(-250px, 0);
        -o-transform: translate(-250px, 0);
        transform: translate(-250px, 0);
    }

    .content-wrapper, .right-side, .main-footer {
        margin-left: 0;
    }
}
/* end increasing width of side bar sonata*/

.sonata-ba-list-field-header th a {
    color: black;
}

.access-control-submit {
    margin-top: 10px;
}

#edit-artwork-sms-modal .sms-modal-close {
    background-color: inherit;
    color: #00389D;
    opacity: 1;
}

.alert-dismissible .alert-button {
    background-color: inherit;
    color: inherit;
}

.pending-kyc-users-modal-select-wrapper-div {
    margin-bottom: 15px;
}

#user-summary-country-wise-modal .modal-dialog {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.content{
    padding-left: 35px;
}
.main-sidebar{
    width: 245px;
}

.artwork-running-transfers-table tr {
    height: 27px;
}

.artwork-running-transfers-table tr td{
    padding: 5px;
}

.user-activity-filter-form {
    width: 500px;
    padding-bottom: 15px;
    padding-left: 15px;
}
#send_push_notification_form_submit{
    width: 100%;
}
#send_push_notification_form_submit:hover,
#send_push_notification_form_submit:focus{
    color: #fff;
}
.user-activities-show-back-button,
.user-show-page-back-button,
.user-edit-page-back-button
{
    margin-bottom: 10px;
}

#user-activity-filter-button[disabled]:hover {
    background-color: #00389D;
}

#user-activity-download-csv-filter-button:active,
#user-activity-download-csv-filter-button:not(:active),
#user-activity-reset-filter-button:active,
#user-activity-reset-filter-button:not(:active),
#user-activity-filter-button:active,
#user-activity-filter-button:not(:active)
{
    background-color: #00389D;
    color: white;
}

.artwork-not-available {
    margin-top: 5px;
    pointer-events: none;
}
.artwork-lightbox .prev, .artwork-lightbox .next{
    position: relative!important;
}
.artwork-lightbox .close,
.artwork-lightbox .close:hover{
opacity: 1;
color: white;
}

.toggle-on.btn-sm {
    background-color: #00389D;
}

button.close, button.close:hover {
    background-color: white;
    color: #00389D;
}

table#users-purchases-response-table > tbody > tr > td {
    border: 1px solid white;
    background-color: #ECF0F5;
}

.modal-dialog.user-purchases-table {
    width: 1000px;
}

.modal-content.user-transactions-modal{
    width: 1400px;
    margin-left: -230px;
}
#insurance-document-list-modal .modal-dialog {
    width: 1350px;
}
table#insurance-document-list-table{
    background-color: #ECF0F5;
    border:3px solid #ECF0F5;
    margin-top:20px;
}

table#insurance-document-list-table > thead > tr > th {
    background-color: #ECF0F5;
    border:3px solid white;
}

table#insurance-document-list-table > tbody > tr > td{
    border:1px solid white;
    background-color: #ECF0F5;
}

table#insurance-document-list-table > tbody > tr > th{
    border:1px solid white;
    background-color: #ECF0F5;
}
#insurance_document_form .form-group{
    width: 50%;
}
.container.insurance-document-table-container{
    width: 90%;
}
.read-more-trigger{
    display: none;
}
article{
    padding: 5px;
}
.show-compilation-details{
    padding-top: 10px;
}
.modal-content.compilation-modal{
    width: 1025px;
    margin-left: -250px;
}
textarea{
    height: 200px;
    width: 750px;
}
#compilation_data_display{
    margin-left: 200px;
}
.show_log_details_table tr th{
    width: 150px;
}
table#nft-detail-table > tbody > tr > td {
    border: 1px solid white;
    background-color: #ECF0F5;
}

.compilation-detail {
    margin: initial;
}

.back-to-compilation {
    margin-left: 13em;
    display: flex;
}
#publish-compilation {
    margin-left: 112px;
    background-color: #00389D;
    color: #FFFFFF;
    margin-right: 5px;
    height: 34px;
    padding: inherit;
    border: lightskyblue;
}

#admin_setting_save{
    float: right;
}

.app-setting{
    width: 100%;
}

.app-check{
    text-align: center;
}

.table-bordered{
    margin-top: 2em;
}

.setting{
    margin-top: 2em;
}

.bg-white {
    background-color: white;
}
#supported_devices_action_buttons{
    width: 240px;
}

#push_nft_to_marketplace_submit{
    float: right;
}

#nft_push_form_modal {
    margin: 2em;
}

.d-inline-block {
    display: inline-block;
}

.mr-2 {
    margin-right: 1rem;
}

.ml-2 {
    margin-left: 1rem;
}

.mx-2 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.my-2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
}

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

#add_client_form_assignClient {
    margin-top: 24px;
}

.disabled-link {
    pointer-events: none;
}

#warning {
    background: white;
    color: #00389D;
    font-size: initial;
    font-weight: bold;
}

.rounded {
    border-radius: 10px;
}

.mt-2 {
    margin-top: 0.5rem;
}

.nft-coin {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.artwork-media-icon {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 40%;
    left: 42%;
}

#artworkMediaModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

#artworkMediaContent {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
}

#artworkMediaTitle {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* The Close Button */
.artworkMediaClose {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
}

.artworkMediaClose:hover,
.artworkMediaClose:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.display-media {
    border: none;
    all: unset;
}

.display-media:hover {
    cursor: pointer;
}

.border-top {
    border-top: 1px dotted black;
}

.community-compilation-sub-heading {
    border: groove black;
    margin-bottom: 16px;
    font-weight: bold;
    padding: 8px 0;
}

.w-1200 {
    width: 1200px;
}

.f-r {
    float: right;
}

.w-min-90 {
    min-width: 90px;
}