@font-face {
  font-family: 'Shiraz';
  src:  url('fonts/shiraz.woff') format('woff');

}
@font-face {
	
	font-family: 'al-mohanad';
	src:  url('fonts/al-mohanad.ttf') format('ttf');
  }
::-webkit-scrollbar {
	display: none;
}
.body {
	background-color:white;
	
}
/* .swal2-show {
    animation: none!important;
} */
select {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
/* div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {
    border-color: #007bff;
    max-width: 85%;
} */
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown {

    max-width: 85%!important;
	font-style: normal;

}
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {

    white-space: normal;
}

table.dataTable thead th {
		text-align: right;
	}	
.customlabel{
	color: red;
	font-size: 20px;
	padding-right: 5px;
    padding-left: 5px;
}
/* input {
	position: relative;
	width: 150px; height: 20px;
	color: white!important;
} */
.select2{
	max-width: 40%!important;
}
input:before {
	position: absolute;
	top: 3px; left: 3px;
	content: attr(data-date);
	display: inline-block;
	color: black;
}


/* input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
	display: none;
}

input::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 3px;
	right: 0;
	color: black;
	opacity: 1;
} */
.main-box-layout{
	margin: 0px;
	margin-top: 10px;
	position: relative;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;

}
.img-thumbnail {
	border-bottom: 0px;
    border-radius: 15px;
}
.dataTables_wrapper .dataTables_processing {

	position: fixed!important;}
/*.main-box-layout:hover .box-icon-section i{
	font-size:60px;
	transform: rotate(360deg);
	transition:1s;
} */
.box-icon-section{
	display: table;
	height:47px;
	color:#fff;
}
.box-icon-section i{
	font-size:30px;
	display: table-cell;
  	vertical-align: middle;

	text-decoration:none;
}
.box-text-section{
	background-color:#4267B2;
	text-decoration:none;
	border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
	padding:0px 0px;
}

.box-text-section p{
	margin: 0px;
	color:#fff;
	padding:6px 0px; 
	text-decoration:none;
	font-size:1.1em;
/* 	font-family: 'Amiri', serif; */
	line-height:1.2em;


}
.label .badge{
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f1f1f1;
	box-shadow: 0px 0px 3px 0px #fff;
	border: 3px solid #fff;
	font-size:1.1em;
    font-weight: 100;
	font-family: 'shiraz';

}

.feps {
	

	padding-right:15px !important;
}

.col-3 {
	
	padding-left:2px;
	padding-right:2px;
}

a.link {text-decoration:none;
		color: white;
}
.fal {
		color: #457b9d;
  }
.span {
	
		font-size:2em;
}  
.footer {
	    font-weight: 100;
		padding-top:5px;

		font-family: 'shiraz';

	
}
.badge-pill{
		padding-left: .6em;
		padding-right: .6em;
		border-radius: 1em;
}
	

input, .form-control {
	margin-bottom: 20px;
	font-size:1.25rem;

}

.modal-header {
    display: flow-root;
}
.modal-title {
    text-align: center;
}
.modal {
margin-top: 0px;
}
.hideline {
	display:none;
}
.info.groupBy{
	text-align:center;
	background-color:#457b9d!important;
	color:white;
	font-size:1.2em;
}

tr:hover td {
  background-color: #ffff99!important;

}
.dash  div{
	text-align:left!important;
	margin-left:25px!important;
}
thead th {
  background-color: #14213d;
  color: white;

  
}
tr th:last-child {
  border-top-left-radius: 2px;

}
tr th:first-child {
  border-top-right-radius: 2px;

}

.fa-home:hover, .fa-sync-alt:hover {
    color: #457b9d !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
a {
	text-decoration:none!important;
}
/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);

/* Global */


.line {
      position: relative;
      top: 30%;
      width: 16em;
      margin: 0 auto;
      border-right: 2px solid rgba(255, 255, 255, 0.75);
	  color: #DC3545;
      text-align: right;
      white-space: nowrap;
      overflow: hidden;transform: translateY(-50%);
}

/*Animation*/

.anim-typewriter {
      animation: typewriter 0.7s steps(4000);

	  animation-iteration-count: infinite; 
}

@keyframes typewriter {
      from {
            width: 0;
      }
      to {
            width: 16em;
      }
}

@keyframes blinkTextCursor {
      from {
            border-right-color: rgba(255, 255, 255, 0.75);
      }
      to {
            border-right-color: transparent;
      }
}
.modal-open {
	padding-right: 1px!important;
}
#test > tbody > tr:first-child { background:#e0be4d; }
.arkam{
	font-family:shiraz;
	font-size: 18px;
}
tr.dtrg-group td,
tr.group,
tr.group:hover {
    background-color: #457B9D !important;
	text-align: center;
	color: white;
	font-size: 1.1em;
	font-weight:normal!important;
}
tr.removehoverrest:hover td {
    background-color: #A7DDEF!important;

}
tr.removehover:hover td {
    background-color: #E39E9E!important;

}
 .dataTables_filter  {
	display: none!important;
}
.dtsb-searchBuilder {
	text-align: right!important;
}
/* .div.dtsb-searchBuilder  {
	display: none!important;
} */
.dt-button-collection {
	right:  0!important;
} 
.select2-dropdown  {
	z-index: 9999!important;
}
@media only screen and (max-width: 600px) {
.next {
	margin-right:40px!important;
		margin-top:8px!important;
	font-size:1em;
}
.previous {
	margin-left:40px!important;
		margin-top:8px!important;
    font-size:1em;
}
}
.dtr-details, .compact {
  width: 100%!important;
}
@media only screen and (min-width: 720px){
 .container {
   max-width: 900px;
}}


thead Th {

	clear: both;


}

.table td, .card{
	border:0px!important ;
}
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}