@charset "utf-8";
/* CSS Document */

@media (min-width: 992px) {
  .modal-dialog {
	  width: 700px;
    max-width: 50%;
  }
}
		
		
		/* Styles go here */
		.wrap {
/*		  background:blue;*/
		  height:100vh;
		}
		.content {
/*		  background:green;*/
		  flex:1;
		  overflow-y:scroll;
		}
		.footer {
/*		  background:red;*/
		  min-height:50px;
		}
		
		.flex-c{
/*			background-color: aliceblue;*/
			border: thin #000000;
		}
	:root {
 		 --iKhataColor: #a7d7ff;
	}
	* {box-sizing: border-box;}
	
	body {
	  font-family: "Lato", sans-serif;
	}
	
	#content-container {
/*		position: fixed;*/
/*	  	transition: margin-left .5s;*/
		margin-top:  1%;

		
		

	}
.tooltip {
	pointer-events: none
}
		#main_page__ddlb {
			font-size: 50px !important;
			height: 100px;
		
		}
		
select option {
    margin: 40px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}	
.select2-container
{
    border: .5px solid blue;
	box-shadow: 5px 5px 10px grey;
}
input[type='radio'] {
	transform:scale(1.5);
}
		
	#btnAddTrans {
	  
	  position: fixed;
	  bottom: 20px;
	  right: 30px;
	  z-index: 99;
	  font-size: 18px;
	  border: none;
	  outline: none;
	  background-color: red;
	  color: white;
	  cursor: pointer;
	  padding: 1px;
	  border-radius: 10px;
	}		
	.modelclass
	{
		position:relative;
		width:100%;
		height:80%;
		margin-top: 1%;
		overflow: hidden;
		
		

	}
	.modelclass .first-div  {
	  margin-top: 5px;

	}

	/*remove input number updown arrow spinner*		
	/* Chrome, Safari, Edge, Opera */
		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Firefox */
	input[type=number] {
		-moz-appearance: textfield;
	}		
	.list-group-item{

		background-color: #e1f5fe;
	}
	.list-group-item:hover{
		cursor: pointer;
		background-color: #b3e5fc;
	}
	.list-report-item:hover{
		cursor: pointer;
		background-color: #b3e5fc;
	}
	.row-report-selected{
	  background-color: #81d4fa;
	  border: none;
	  color: white;
	  font-size: 16px;
	  cursor: pointer;
	}
/*
@media screen and (min-width: 601px) {
  .list-report-item {
    font-size: 10px;
  }
}		
*/

		.ddlb-add-btn:hover{
			cursor: pointer;
			background-color: #b3e5fc;
		}
		.inv-items-row:hover{
			cursor: pointer;
			background-color: #b3e5fc;
		}

	.row-selected{
	  background-color: #81d4fa;
	  border: none;
	  color: white;
	  padding: 12px 16px;
	  font-size: 16px;
	  cursor: pointer;

		

	}
		

		/* input search start */
#input_search {

  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

.listitem {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.listitem li a {
  /*border: 1px solid #ddd;  Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  /*background-color: #f6f6f6;  Grey background color */
  /*padding: 5px;  Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}
		
				/* input search end */
		
		
		
#center-box		{
	box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}
		
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: gray;
	opacity: .5; /* Firefox */
	font-size: small;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: gray;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: gray;
}

.wait_screen{
	display: block;
	visibility: hidden;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:100%;
    width:100%;
	z-index: 500;
	background-color: aqua;
	opacity: 0.3;
	text-align: center;	
}
		
.form-control:focus{
	border-color: #1e88e5;
	box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} 

		
		
	.sidebar {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 1;
	  top: 0;
	  left: 0;
	  background-color: var(--iKhataColor);
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	}

	.sidebar a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}

	.sidebar a:hover {
	  color: #f1f1f1;
	}

	.sidebar .closebtn {
	  position: absolute;
	  top: 0;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}

	.openbtn {
	  font-size: 20px;
	  cursor: pointer;
	  background-color: #111;
	  color: white;
	  padding: 10px 15px;
	  border: none;
	}

	.openbtn:hover {
	  background-color: #444;
	}



	.header {
	  overflow: hidden;
	  background-color: #f1f1f1;
	  padding: 0px 0px;
	}

	.header a {
	  float: left;
	  color: black;
	  text-align: center;
	  padding: 12px;
	  text-decoration: none;
	  font-size: 18px; 
	  line-height: 15px;
	  border-radius: 4px;
		background-color: var(--iKhataColor);
	}

	.header  a.logo {
	  font-size: 25px;
	  font-weight: bold;
	}

	.header a:hover {
	  background-color: #ddd;
	  color: black;
	}

	.header  a.active {
	  background-color: dodgerblue;
	  color: white;
	}

	.header-right {
	  float: right;
	}

	@media screen and (max-width: 500px) {
		.header a {
			float: none;
			display: block;
			text-align: left;
		}
		.sidebar {padding-top: 15px;}
		.sidebar a {font-size: 18px;}

		.header-right {
			float: none;
		}	
	}
	
	#message_text {
		height: 100%;
		display: block;
		visibility: visible;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		width: 100%;
		height: 20%;
		text-align: right;
		font-size: 20dp;
	}
	/*blinking text*/
	.blink_me {
		animation: blinker 1s linear infinite;
	}
	@keyframes blinker {
		50% {
			opacity: 0;
		}
	}
	
	
	
	.btn-ekh {
	  background-color: DodgerBlue;
	  border: none;
	  color: white;
/*	  padding: 5px 5px;*/
	  font-size: 14px;
	  cursor: pointer;
	  text-transform: none !important;
	}
	.btn-selected {
	  background-color: RoyalBlue;
	  border: none;
	  color: white;
	  padding: 12px 16px;
	  font-size: 16px;
	  cursor: pointer;
	}
	/* Darker background on mouse-over */
	.btn-ekh:hover {
	  background-color: RoyalBlue;
	}	

input[type='radio'] {
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.select2-container .select2-selection {
  height: 40px; 
}