.ds_table{
    width:1000px;
	color: #555555;
    font-weight: normal;
    font-size: 12px; 

}


.ds_table td{
	padding-right : 4px !important;
	padding-bottom : 4px !important;
}

.fields_list_table{
	border-width : 1px;
	border-style : solid;
	border-color : #4D898E;
}

.field_list_name_td , .field_list_key_td{
	width : 150px;
	text-align : center;
	border-width : 1px;
	border-style : solid;
	border-color : #4D898E;
	
}

.field_list_name_value_td{
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #4D898E;
	padding-left : 5px !important;
	padding-bottom : 5px !important;
}

.field_list_key_value_td{
	padding-left : 5px !important;
	padding-bottom : 5px !important;
        word-break: break-all;
}

.database_store_row_container
{
	width : 100%;
	float : left;
	padding : 10px;
}


.ds_view_container{
	background-color: #F9F9F9;
        border: 1px solid #CCCCCC;
        display: block;        
        line-height: normal;
        margin-bottom: 5px;
        margin-left: 5px;
        overflow: auto;
	padding-left : 4px;
}

.ds_view_row_1{
	width : 95%;
}

.ds_view_row_2{
	width : 400px;
	float : left;
}

.ds_view_row_3{
	width : 265px;	
	float : left;
}

.ds_view_row_4{
	width : 200px;	
	float : left;
}


.ds_view_row_5{
	width : 160px;	
	float : left;
}

.paging_div{
	float : left;
}


.db_store_search_toolbar {		
    /* border-color: transparent; */
    /* border-style: solid; */
    /* border-top-width: 1px; */
    /* border-bottom-width: 1px; */
        padding: 10px 0;
        margin: 10px 0;
        font-size: 20px;
        width: 100%;
        display: inline-flex;
        overflow: auto;
}
	
.db_store_current_search_word {
	font-weight:bold;
	color:#175057;
}

	
.db_store_search_toolbar a {
        padding: 8px;
        border: 1px solid #919191;
        border-radius: 4px;
        color: #000000;
        margin: 0 3px;
        font-size:16px;
        font-weight:bold;
}
	
.db_store_search_toolbar a:hover {
	color: #ffffff;
        background-color: #1f33d1;
}

.db_store_search_textbox{
    width: 300px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #959595;
    font-size: 14px;
    border-radius: 5px;
}

.store_search_container{
	padding : 3px;
}


.database_store_content_view_div {
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        white-space: normal;
        width: 100%;
}

.database_store_grid_view_div{
	width : 100%;
	float : left;
}

#container_after_content{
	width : 100%;
	float: left;
}	


#filter_field_table{
	border-color: #ccc;
	border-style:solid;
	border-width : 1px;
	padding: 3px;
	margin: 5px 0;
	font-size: 13px;
	width : 400px;
	text-align : center;
	
}

#filter_field_table td{
	padding-bottom : 5px;
	padding-right : 5px;
}

.hidden_table{
	display : none;
}


.card {
    border: 0px;
    border-radius: 0px;
}

.card-body .dataTables_paginate {
    background: none;
    border-top: none;
}
.card-body .dataTables_wrapper{
    border: none;
}
.card-body .dataTables_paginate .paginate_active, .dataTables_paginate .paginate_button{
    background: none;
}
table.view_page_list_table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    width: 100%;
    font-size: 14px;
}

#dt_dbstore_page_list_id {
    background-color: #f3f4f5;
    vertical-align: top;
    border-radius: 10px;
}

.row-search input[type="submit"] {
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    background-color: white;
    background-image: url(/assets/shared/images/admin/search_database.png);
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding: 8px 10px 8px 50px;
}

.row-search input[type="button"] {
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    background-color: white;
    background-image: url(/assets/shared/images/admin/bookmark_database.png);
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding: 8px 10px 8px 50px;
}

/**20240819 for daterangepicker plugin*/
.row-search div.store_view_daterangepicker_div{
    display: inline-block;
    border: 1px solid #959595;
    color: #333;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    width: 385px;
    margin: 5px;
    cursor:pointer;
}

.store_search_container .dbstore_view_search_form input[type="submit"]{
    border: 1px solid #959595;
    border-radius: 5px;
    background-color: white;
    background-image: url(/assets/shared/images/admin/search_database.png);
    background-position: 9px 5px;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 50px;
    margin-right: 6px;
    transition: all .5s ease-out;}

.store_search_container .dbstore_view_search_form input[type="submit"]:hover {
    background-color: #1f33d1 !important;
    color: white;
    transition: all .5s ease-out;
}

.store_search_container .dbstore_view_search_form input[type="button"]{
border: 1px solid #959595;
    border-radius: 5px;
    background-color: white;    
    background-image: url(/assets/shared/images/admin/bookmark_database.png);
    background-position: 9px 5px;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 50px;
    transition: all .5s ease-out;
    margin:5px;
}

.store_search_container .dbstore_view_search_form input[type="button"]:hover {
    background-color: #00868b;
    color: white;
    transition: all .5s ease-out;
}


#dt_dbstore_page_list_id > thead > tr > th:first-child {
    border-top: none;
}

#dt_dbstore_page_list_id > thead > tr > th:last-child {
    border-top: none;
}

table.view_page_list_table thead tr, 
table.view_page_list_table tfoot tr {
    /*background: url("../images/shine_bg.png") repeat-x scroll left center #E7E1CE;*/
    background: none;
}

table.view_page_list_table thead th, 
table.view_page_list_table tfoot th {
    background-color: rgba(0, 0, 0, 0);
    color: #888888;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 10px;
    text-align: left;
}

table.view_page_list_table thead th {
    /*background-image: url("../images/arrow-unsorted.png");*/
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #D9D3BD;
    cursor: pointer;
}

table.view_page_list_table thead th.thin {
    background-position: center center;
}

table.view_page_list_table thead th:hover {
    /*color: #7B761E;*/
    color: #4990e2;
    font-weight: bold;
}

table.view_page_list_table tfoot th {
    border-top: 1px solid #D9D3BD;
}

table.view_page_list_table thead th.sorting_asc, table.view_page_list_table thead th.sorting_desc {
    color: #7B761E;
    font-weight: bold;
}

/*
table.view_page_list_table thead th.sorting_asc {
    background-image: url("../images/arrow-asc.png");
}

table.view_page_list_table thead th.sorting_desc {
    background-image: url("../images/arrow-desc.png");
}
*/
table.view_page_list_table td {
    color: #555555;
    padding: 10px 10px;
    vertical-align: middle;
}

/*table.view_page_list_table tr:hover td {
    background-color: #F5EBAB !important;
    color: #444444;
}*/

table.view_page_list_table tr:hover td.sorting_1 {
    background-color: #ECE19B;
    color: #444444;
}

table.view_page_list_table tr:nth-child(even) td {
    /*background: #f1eddf;*/
    background: none;
}

table.view_page_list_table .even td.sorting_1 {
    background: none repeat scroll 0 0 #E5DFCB;
}

table.view_page_list_table .odd td.sorting_1 {
    background: none repeat scroll 0 0 #ECE7D6;
}

table.view_page_list_table td.thin, 
table.view_page_list_table th.thin {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    width: 20px;
}

table.view_page_list_table td.thin_50, table.view_page_list_table th.thin_50 {
    padding-left: 8px;
    padding-right: 3px;
    width: 50px;
}

table.view_page_list_table .icon {
    margin-right: 5px;
}

.dataTables_paginate .paginate_button:hover, 
.dataTables_paginate .paginate_button.current {
    background-color: #fff;
    color: #666;
}


.dataTables_wrapper .dataTables_length select {
    padding: 10px 10px;
    margin: 10px;
    border-radius: 5px;
    background-color: #2d2d2d;
    color: white;
}

.search_store_view_container_div{
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	
}

.search_store_view_content_div{
	padding-bottom : 14px;
}

.search_store_search_div{
	padding-bottom : 14px;
}

.search_store_search_div input[type='text']{
	width : 250px;
}

.search_store_search_div input[type='submit']{
	margin-left : 5px;
}	

.block-setting-field {
	overflow: hidden;
	margin-bottom: 5px;
}

.block-setting-col1 {
	width:19%;
	float:left;
	margin-right: 5px;
}

.block-setting-col2 {
	width:80%;
	float:left;
}


/* ---------- upload area --------------- */

#upload-dropbox {
    padding: 100px 20px;
    min-height: 250px;
    max-width: 100%;
    background-color: #eee;
    border: 2px dashed #bbb;
}

#upload-dropbox label {
    text-align: center;
    font-size: 17px;
    position: relative;
}

#select-file {
    cursor: pointer;
    font-weight: bold;
}

#select-file:hover {
    text-decoration: underline;
}

#file-upload {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.box__icon {
    width: 100%;
    height: 80px;
    fill: #bbbbbb;
    display: block;
    margin-bottom: 40px;
}

#upload-filename {
    max-width: 350px;
    margin: 0 auto;
}

#upload-filename .fa-times {
    float: right;
    line-height: 23px;
    display: inline-block;
    cursor: pointer;
}
    
#upload-filename > p {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #f1f1f1;
    font-size: 14px;
    -webkit-box-shadow: 0 5px 10px -8px #222;
       -moz-box-shadow: 0 5px 10px -8px #222;
            box-shadow: 0 5px 10px -8px #222;
}
/* ---------- end upload area --------------- */

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #222;
    z-index: 2;
    opacity: 0.8;
}

#loading-overlay > svg {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 200px;
}

/* ------------ data search field ----------------*/

.search-field {
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    max-height: 400px;
    overflow: auto;
}

.search-field ul.search-row {
    list-style: none;
    margin: 0;
    padding: 0px;
}

.search-field ul.search-row > li {
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

/* ------------ end data search field ----------------*/

/*-----------store view add additional search field css --------------------*/
.customize-field-container .search-row{
    padding: 10px;
    position: relative;
}

.customize-field-container .search-row:hover {
    background-color: #EFEFEF;
}

.customize-field-container .row-config{
	display:none;
	position: absolute;
    top: 10px;
    right: 10px;	
}

.customize-field-container .row-config .r-form-edit , .customize-field-container .row-config .r-form-del{
	padding: 5px;	
}

.customize-field-container .search-row:hover .row-config{
	display:block;
}

.customize-field-container .row-label{
    color: #4D898E;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 5px;
	padding-right:5px;
}

.customize-field-container .row-label label{
	display:inline-block;
}

.customize-field-container .row-label , .customize-field-container .row-field{
	display:inline-block;
}

.add-search-field{
	background: #45ac38;
        color: white;
        border: none;
        border-radius: 4px;
        padding: 8px 16px;
}

.add-search-field:hover{
	background: #e03838;
}

.row-search label{
	width: 300px;
        float: left;
}

.row-search{
	padding:3px;
}
/*-----------------store view add additional search field css----------------*/

.sub {
	padding-left: 20px !important;
}

.form-success-msg{
	padding: 20px;
}

.form-success-msg h2{
	font-style: italic;
}

.field-move{
	cursor:move;
}

.accordion-box{
    border: 2px solid grey;
    padding: 5px;
    margin-top: 2px;
    display: block;
    border-style: ridge;
}



/* Added by Tarsini on 20240812 to reduce spacing for qr code css in mobile view  */

/*2025-04-03 Nick | modified to add width to the container since the <img> has width set to auto */
.qr-div{
	display: flex;
    margin-right: 60px;
    margin-top: 0px;
    align-items: center;
    justify-content: center;
    width:25px; 
}

/* Added by Tarsini on 20240812 to add margin-right */
@media only screen and (max-width: 768px) {

    .qr-div{
        margin-right: 85px;
    }
}
.unclickable{
	pointer-events: none;
}

#dbstore-display-application-box{
	display:none;   
	position: fixed;
	background:white;
	width:90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	border:2px solid black;
	z-index:9999999;
}

#dbstore-application-items-overlay{
	display:none;
	position: fixed;
	width:100%;
	height:100%;
	top:0 !important;
	left:0 !important;
	z-index:9999998;
	background:rgba(0,0,0,0.7);
}


/*  store view */
.displayNone{
    display:none;
}


.grid-item-box > a {
    color: #222;
}
    
/*
.dbstore-download-pic, .dbstore-download-pdf-pic{
    cursor: pointer;
    width:100px;
}
*/
.clickable-image{
	cursor: pointer;
    width:100px;
}

.file-image{
	width:100px;
}
.clickable{
	cursor: pointer;   
}
/*  store view */


.next_prev_container{
    position:relative;
    width:100%;
    /*padding: 5px;*/

}
/*
.store_view_next_item, .store_view_prev_item{
}
.store_view_next_item > a, .store_view_prev_item > a{

    color: black;
    font-size: larger;
    font-weight: 300;
    text-decoration: none;

}
.store_view_next_item :visited, .store_view_prev_item :visited{
    
	text-decoration: none;
    color: blue;
	
}
.store_view_next_item :hover, .store_view_prev_item :hover{
    
	text-decoration: none;
    color: purple;
	
}
*/
.store_view_next_item{
    right:0;
}
.store_view_prev_item{
    left:0;
}

.checkbox_list_parent{
	columns: 4;
}


.store_view_img_attachment_view{
    width:30px;
    height:30px;
    cursor:pointer;
}

.store_view_dtable_icons{
    width: 32px !important;
    height: 32px !important;
}

.fields_listing_container .btn_toggle_active{
    background: #e03838 !important;
}

.fields_listing_container .btn_toggle_inactive{
    background: dodgerblue !important;
}

.fields_list_table{
    display:none;
}

.page-title:before {
    content: "";
    background: url(/assets/shared/images/admin/folder_database.png);
    width: 32px;
    height: 32px;
    position: absolute;
    background-size: contain;
    margin: 0 6px 0 0;
}

.row-search > .input {
    border: 1px solid #959595;
    color: #333;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    width: 385px;
    margin:5px;
}

.row-search:last-child {
    margin: 15px 0;
}

#dt_dbstore_page_list_id > thead > tr > th {
    vertical-align: top;
}