/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  left: 0;
  top: 0px;
  width: 100% !important; /* 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.4); /* Black w/ opacity */    z-index : 2;
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#customer_form .col-md-2
{
  width: 49%;
  float: left;
}
#customer_form .col-md-1
{
  width: 49%;
  float: right;
}
#customer_form .col-md-12
{
  width: 100%;
}
#customer_form .form-group
{
  margin-bottom: 15px;
}
select#payment_method {
    height: 50px;
    width: 100%;
	font-weight: 500; 
	font-size:20px; 
	font-family : 'Arial Hebrew',Arial,sans-serif;
}
.custom-row h4
{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.entry-content hr {
    margin: 2rem auto !important;
}

a.view_link {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #cd2653;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.0333em;
    line-height: 1.25;
    margin: 0;
    opacity: 1;
    padding: 1.1em 1.44em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity 0.15s linear;
}#table2 tbody tr {     text-align : right; }#table1 tbody tr {  text-align : right;height:50px;  }input[type="search"]{	padding : 7px !important;	margin-left : 0 !important;max-width: 82% !important;}.paginate_button{	padding : 0 !important;}.dataTables_length{	margin-top : 25px;}td.sorting_1.dtr-control {    min-width: 23px!important;}ul.dtr-details {    width: 100%;}h4{	margin-bottom:0 !important;	font-size:24px !important;}h1{	font-size : 30px !important;	text-align : center !important;	margin : 0 !important;	padding : 0 !important;	}.entry-header{	padding : 15px 0 !important;}table{	border : 0 !important;}.wp-block-button {    margin: 0 !important;}#payment_method {    height: 40px !important;}#loginform {    width: 50%;    margin-top: 40px;    border: 1px solid #afabab;    padding: 25px;}@media screen and (max-width: 767px) {   #table , #table1  , #table2    {    font-size: .66em;	overflow: hidden;	overflow-x: scroll;	display:block;   }   .modal-content {		width : 90%;   }   .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide)   {		width : 98% !important;   }   .dataTables_length , .dataTables_filter	{		width: 47%;		display: inline-block;	}}#wpadminbar{	display : block;}.tabset > input[type="radio"] {  position: absolute;  left: -200vw; display:none;}.tabset .tab-panel {  display: none;}.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {  display: block;}.tabset > label { margin : 0 5px; position: relative;  display: inline-block;  padding: 8px 15px;  border: 1px solid transparent;  border-bottom: 0;  cursor: pointer;  font-weight: 500; font-size:20px; font-family : 'Arial Hebrew',Arial,sans-serif; float:right;bottom:50px;}.tabset > input:checked + label {  border-color: #ccc;  border-bottom: 3px solid #fff;  margin-bottom: -1px;}.tab-panel {  padding: 30px 0;  border-top: 1px solid #ccc;}.tabset {  max-width: 65em;}

#table_filter label , #table1_filter label , #table2_filter label
{
	display: -webkit-inline-box;
	margin: 0 !important;
}

#table tbody tr 
{    
	text-align : right;
}

#table , #table1 , #table2
{
	display: list-item;
}

.column {
	float: left;
	width: 33.3%;
	display: inline-flex;
	position: relative;
	right: 10px;
	margin: 0 !important;
	left: 0;
	padding: 10px;
}


/* Remove extra left and right margins, due to padding */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
	right : 0 !important;
  }
}

/* Style the counter cards */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 5px;
  text-align: center;
  background-color: #f1f1f1;
  width : 100%;
  display : inline-flex;
  height : 190px;
}
.card h5 , .card p
{
	margin : 0px !important;
}

.card .left-data {
  float: left;
  width: 50%;
  text-align : right;
  margin-top: -7px;
}
.card .right-data {
  float: left;
  width: 50%;
  margin-top: -7px;
  text-align : left;
}
.bottom-data {
    margin: 40px 17px;
    float: left;
	text-align : center;
	width : 100%;
}
#current_div
{
	width : 50%;
	float : right;
}
#previous_div {
    width: 50%;
	float: left;
   
}
button.toggle.nav-toggle.mobile-nav-toggle
{
	display : none;
}
@media ( max-width: 767px ) {
.dropdown {
    top : 35px !important; 
}
.dropdown-content {
  min-width: 60px !important;
}
.card {
	margin : 10px 0;
}
.tabset > label
{	
	font-size : 18px !important;
}
#table_filter label , .dataTables_length label , #table1_filter label , #table2_filter label , .dataTables_info , .paginate_button
{
	font-size:18px !important;
}
#myBtn
{
	margin: 10px -0 10px -6px !important;
	bottom : 30px !important;
}
#searchByData, #daterange {
    width: -webkit-fill-available;
}
#table1_wrapper , #table1 {
	display : block !important;
}
#table_wrapper , #table {
	display : none;
}
.modal-content
{
	width : 90% !important;
}



}
@media ( min-width: 767px ) {
.modal-content
{
	width : 60% !important;
}
}

table.dataTable thead th:nth-child(7),
table.dataTable tbody td:nth-child(7),
table.dataTable thead th:nth-child(8),
table.dataTable tbody td:nth-child(8),
table.dataTable thead th:nth-child(9),
table.dataTable tbody td:nth-child(9)
{
   width: 10% !important;
  max-width: 10% !important;
  min-width: 10% !important;
}
table.dataTable thead th:nth-child(3),
table.dataTable tbody td:nth-child(3),
table.dataTable thead th:nth-child(4),
table.dataTable tbody td:nth-child(4),
table.dataTable thead th:nth-child(5),
table.dataTable tbody td:nth-child(5),
table.dataTable thead th:nth-child(6),
table.dataTable tbody td:nth-child(6)
{
	width: 10% !important;
  max-width: 10% !important;
  min-width: 10% !important;
}
table.dataTable thead th:nth-child(1),
table.dataTable tbody td:nth-child(1),
table.dataTable thead th:nth-child(2),
table.dataTable tbody td:nth-child(2),
table.dataTable thead th:nth-child(10),
table.dataTable tbody td:nth-child(10)
{
   width: 10% !important;
 max-width: 10% !important;
  min-width: 10% !important;
}

.column a
{
	color : #fff;
	font-family: 'Arial Hebrew',Arial,sans-serif;
	cursor: pointer;
}
#myBtn {
	font-family: 'Arial Hebrew',Arial,sans-serif;
	font-size:18px !important;
	position: relative;
	margin-left : -6px;
    bottom: -25px;
	text-decoration:none;
}
#table_filter label , .dataTables_length label , #table1_filter label , #table2_filter label , .dataTables_info , .paginate_button
{
	font-family: 'Arial Hebrew',Arial,sans-serif;
}
table.dataTable tbody td {
    font-family: 'Arial Hebrew',Arial,sans-serif;
}

h1.entry-title
{
    display: none;
}
.logout a {
    position: absolute;
    top: 5px;
    left: 5px;
	background-color : #000;
}
table.dataTable tbody tr.odd-row{
    background-color:#eee;
}
table.dataTable tbody tr.even-row{
    background-color:#fff;
}
.card a , .card a:hover {
    color: #fff;
	cursor: pointer;
}
.dataTables_length
{
	margin : 0;
}
.dataTables_wrapper
{
	top : -20px !important;
}

#table2_info,
#table1_info,
#table_info{
	display: none;
}

#table2_paginate,
#table1_paginate,
#table_paginate{
	width: 100%;
	text-align: center;
}

#myModal .modal-content .custom-row h4{
	font-family: 'Arial Hebrew',Arial,sans-serif;
}

#table thead tr th,
#table1 thead tr th,
#table2 thead tr th{
	text-align: right;
}

.form-control
{
	font-size: 1.7rem !important; 
}

#searchByData , #daterange
{
    position: relative;
    top: -38px;
    text-align: center;
    float: right;
	font-weight: 500;
	font-size:18px; 
	font-family : 'Arial Hebrew',Arial,sans-serif;
	height: 35px;
}
#daterange {
    direction: ltr;
    text-align: right;
}
@media screen and (min-width: 1300px) {
body{
width:1340px;
margin:0 auto !important;
}
}
#table1_wrapper {
    display: none;
}


.btn {
  background-color: #2196F3;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  outline: none;
}

button.btn {
    padding: 0 5px !important;
}

.dropdown {
  position: absolute;
  display: inline-block;
}
.dropdown {
    width: auto !important;
    position: absolute !important;
	top : 50px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 73px;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
  display: block;
}
