/* Regular */
@font-face {
      font-family: "earabdev"; /*font name*/
      src: url("../fonts/e_arabdev.eot");
      src: url("../fonts/e_arabdev.woff") format("woff"),
            url("../fonts/e_arabdev.ttf") format("truetype"),
            url("../fonts/e_arabdev.eot") format("eot");
}
/* Medium */

@font-face {
      font-family: "earabdevM"; /*font name*/
      src: url("../fonts/e_arabdev_m.eot?iefix");
      src: url("../fonts/e_arabdev_m.woff") format("woff"),
            url("../fonts/e_arabdev_m.ttf") format("truetype"),
            url("../fonts/e_arabdev_m.eot?iefix") format("eot");
}

@font-face {
  font-family: 'arabdev';
  src:  url('../fonts/arabdev.eot?omq4n3');
  src:  url('../fonts/arabdev.eot?omq4n3#iefix') format('embedded-opentype'),
    url('../fonts/arabdev.ttf?omq4n3') format('truetype'),
    url('../fonts/arabdev.woff?omq4n3') format('woff'),
    url('../fonts/arabdev.svg?omq4n3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
  font-family: 'arabdev' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   font-size: 15pt;
  width: auto;
    vertical-align: middle;
     display: inline-block;
     
 }

 [class^="chart-"], [class*=" chart-"] {
  font-family: 'earabdev' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   font-size: 22pt;
     vertical-align: middle;
    display: inline-block;
    border: 1px solid ButtonShadow;
    overflow: hidden;
	  direction: rtl ;
	  margin-left: 5px;
 
}

.IconButton {
    border-radius: 6px;
    border: 1px solid #111;
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    padding: 2px;
    margin-left: 4px;
}

 [class^="Wchart-"], [class*=" Wchart-"] {
  font-family: 'earabdev' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   font-size: 22pt;
     vertical-align: middle;
    display: inline-block;
     
    overflow: hidden;
 	  margin-left: 5px;
 	width:100%;
}

  .beige-background {
    background-color: beige;
  }
.JustTD
{
	  font-family: 'earabdev';
 	font-size: 13px;
}
.JustTDBig
{
	  font-family: 'earabdev';
 	font-size: 12pt;
}
 

.JustTDSmall
{
	  font-family: 'earabdev';
 	font-size: 10pt;
}
 
.icon-power-off:before  {
    content: "\f011";
}
.icon-Home:after  {
	
    content: "\f015";
}
.icon-clients:after  {
	
    content: "\e6ca";
}
.icon-offers:after  {
	
    content: "\e68e";
}
.icon-contracts:after  {
	
    content: "\e6bc";
}
.icon-cvs:after  {
	
    content: "\e658";
}

.icon-accountents:after  {
	
    content: "\e69b";
}
.icon-sends:after  {
	
    content: "\f08b";
}

.icon-statis:after  {
	
    content: "\e618";
}
 
 .icon-tickets:after  {
	
    content: "\e66a";
}

.icon-follows:after  {
	
    content: "\e714";
}
.icon-arrivs:after  {
	
    content: "\f072";
}
.icon-visas:after  {
	
    content: "\f0f2";
}
.icon-transforms:after  {
	
    content: "\f079";
}
.icon-agents:after  {
	
    content: "\e6ce";
}
.icon-reports:after  {
	
    content: "\e6eb";
}
.icon-manages:after  {
	
    content: "\f085";
}
.icon-login:after  {
	
    content: "\e6e0";
}
.icon-dol:after  {
	
    content: "\e65b";
}
.icon-info:after  {
	
    content: "\f022";
}
.icon-pass:after  {
	
    content: "\f023";
}
.icon-pluse:after  {
	
    content: "\f055";
}
.icon-minus:after  {
	
    content: "\f056";
}
.icon-delete:after  {
	
    content: "\f00d";
}


.icon-staff:after  {
	
    content: "\f0c0";
}
.icon-staff1:after  {
	
    content: "\f007";
}

.icon-plane:after  {
	
    content: "\f072";
}

.icon-client-edit:after  {
	
    content: "\e684";
}

.icon-closed:after  {
	
    content: "\e713";
    color:#BF1F23;
}
.icon-new:after  {
	
    content: "\e712";
    color:#25AB22;
}
.icon-old:after  {
	
    content: "\e714";
}

.icon-task:after  {
	
    content: "\e676";
}

 

.icon-chang-lang {
    background: url(ea.png) center no-repeat;
    width: 20px!important;
    height: 20px!important;
}
.Ticon-menu:after  {
  font-family: 'arabdev' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   font-size: 15pt;
  width: auto;
    vertical-align: middle;
     display: inline-block;
    float:right;
    content: "\f039";
    cursor: pointer;
    padding:2px;
}
.Ticon {
	background-color:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #111;
 	cursor:pointer;
	color:#000;
	text-decoration:none;
 	float:right;
 padding:2px; 
 margin-left:4px;	
 }
.Ticon:hover {
	background-color: ButtonFace;
}
.google-visualization-table-table
{
font-family: 'earabdev' !important;
}
.google-visualization-table-sortind {
    color: #000!important;
}
.google-visualization-table-sortind:after {
  content: "\25b2";
}
.req  {
     padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
 
form-control:req {
     padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.input,select,.date_
{

    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: button;
    text-transform: none;overflow: visible;
}
.date_
{
width: 150px;
}

.btn 
{
width: fit-content!important;
display: inline-block!important;
vertical-align: baseline!important;
font-size: 0.85rem!important;
padding-left:10px!important;
padding-right:10px!important;

}



.inputsubmit
{
cursor: pointer;
color: #fff;
    background-color: #007bff!important;
    border-color: #007bff!important;
    box-shadow: none;
    display: inline-block;
    font-weight: 400;
     text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



#Form_table,#full_data_table,#MyData
{
 	width:100%;
    position: relative;
	margin-bottom : 10px!important; 
}

#Form_table,#Form_table *,#Form_table :after,#Form_table :before,
#full_data_table,#full_data_table *,#full_data_table :after,#full_data_table :before
{
    box-sizing: border-box;
}
#Form_table th,#full_data_table th,#MyData th {
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
    padding:2px;
}
  #MyData
{
	margin-top:13px!important;
	border: 1px solid #000;
	border-radius: .25rem;
}
 #MyData th
 {
 	text-align:center;
 	background-color: rgba(0,0,0,.05);
 }
  #MyData td {
    color: #808080;
    padding:2px;
    border: 1px solid #b9b9b9;
}
 
 #BluedataTable
 {
 	box-sizing: border-box;
 	margin-top:5px!important;
	border: 2px solid #e9e9e9;
	border-radius: .5rem!important;
	padding:2px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
 }
 
#BluedataTable th
 {
 	color: #212529;
 	background-color: #6c7ae0;
 	padding:2px;
 	
 }
 
 #BluedataTable td {
    color: #808080;
    padding:2px;
    border: 1px solid #e9e9e9;
}
 
.grid-bxa
{
	border-radius: 3px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #6c757d;
     height: 60px;
     padding: 15px;
    position: relative;
    display: inline-block;
     text-align: center;
    vertical-align: middle;
    cursor: pointer; 
    
}
 
 
.info, .infoNormal, .success, .warning, .error, .searching {
	box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    border-radius: .25rem;
     display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    margin-top: 1rem;
    min-height: 80px;
    padding: 10px 10px 15px 50px;
    background-repeat: no-repeat;
	background-position: 10px center;
	width:50%;
	font-size:18px;
	font-weight: bold!important;
    font-family: earabdev!important;
    margin-right: auto;
    margin-left: auto;
 }
.searching  {
color: #00529B;
background-color: #fff;
background-image: url('../images/anim_search.gif');
font-weight: bold;
height:28px;
width:200px;
margin-right: 40%;
float:right ;
position: absolute;
}
.infoNormal {
	width:100%;
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
font-weight: bold;
}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
font-weight: bold;
}


.success {
color: #FFF;
background-color: #28a745;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}




fieldset
{
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
	width : 99%!important;
	margin-left:auto;
	margin-right:auto;
	
}

legend
{
color: #fff;
background-color: #007bff;
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: .75rem 1.25rem;
    position: relative;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0 solid rgba(0,0,0,.125);
}





#clients_form,#MyUploadForm {
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  margin-bottom:5px;
  padding: 10px!important;
   -webkit-border-radius: 8px/7px; 
  -moz-border-radius: 8px/7px; 
  border-radius: 8px/7px; 
  background-color: #ebebeb; 
  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
  box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
  border: solid 1px #cbc9c9;
}

#clients_form table
{
	width:auto;
 
 }
#clients_form th
{
	background-color: #ebebeb!important;
 
 }
 #clients_form td
{
	padding: 3px!important;
 
 }
#clients_form .form-control
{
	width: 250px!important;
 }
.form-controlRead
{
	border: solid 1px #ebebeb!important;

}
#title {
    padding: 0px 0px 0px 0px;
    color: #FFF;
    font-size: 10px;
    font-family: earabdev,tahoma;
    height: 81px;
    text-align: center;
    vertical-align: text-top;
    white-space: nowrap;
    width: 360px;
    background: url(../images/logo_s.png?rnd=1598210049) no-repeat top;
}




#toTop {
    display: none;
    width: 49px;
    height: 48px;
    overflow: hidden;
    background: url(../images/totop.png) 0 0 no-repeat;
    position: fixed;
    margin-left: 10px !important;
    bottom: 80px;
    z-index: 999;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
 