@media  screen and  ( max-height: 800px) {
    .table-height{
        height: 350px;
        
        
    } 
}
@media screen and (min-height: 801px) and ( max-height: 870px) {
    .table-height{
        height: 500px;
        
    } 
}

@media screen and (min-height: 871px) {
    .table-height{
        height: 500px;
       
    } 
}
.button {
    color: #444444 !important;
    background-color: #F3F3F3 !important;
    border: 1px #DADADA solid ;
    padding: 5px 10px !important;
    border-radius: 2px !important;
    font-weight: bold !important;
    font-size: 9pt !important;
    outline: none ;
    cursor:pointer;
}
.button:hover {
    border: 1px #C6C6C6 solid;
    box-shadow: 1px 1px 1px #EAEAEA !important;
    color: #333333 !important;
    background-color: #F7F7F7 !important;
}

.button:active {
    box-shadow: inset 1px 1px 1px #DFDFDF !important;   
}
.button:disabled{pointer-events: none !important;}
.small{padding:0px 2px !important;height: auto !important;}

.btnstyle {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:black !important;
	font-weight:normal !important;
	text-decoration:none;
	text-shadow:0px 1px 0px #414141;
}
.btnstyle:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.btnstyle:active {
	position:relative;
	top:1px;
}
.color1{
	box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) !important;
	background-color:#f9f9f9 !important; 
    color:black!important;
}
.color1:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%) !important;
	background-color:#e9e9e9 !important;
}
.color2{
	box-shadow:inset 0px 1px 0px 0px #f5978e !important;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%) !important;
	background-color:#f24537 !important; 
    color:#ffffff !important; 
}
.color2:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%) !important;
	background-color:#c62d1f !important;
}
.color3{
	box-shadow:inset 0px 1px 0px 0px #97c4fe !important;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%) !important;
	background-color:#3d94f6 !important; 
    color:#ffffff !important; 
}
.color3:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%) !important;
	background-color:#1e62d0 !important;
}
.color4{
	box-shadow:inset 0px 1px 0px 0px #caefab !important;
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%) !important;
	background-color:#ffffff !important;    
}
.color4:hover {
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%) !important;
	background-color:#5cb811 !important;
}
.stander {
	border-radius:3px !important;
	border:1px solid #dcdcdc !important;
	display:inline-block !important;
	cursor:pointer !important;
	font-weight:bold !important;
    padding:6px 7px !important;
    
}

.stander:active {
	position:relative;
	top:1px !important;
}



.blue {
	padding: 0 5px !important;

    color: white !important;
    background-color: #4C8FFB !important;
    border: 1px #3079ED solid;
    box-shadow: inset 0 1px 0 #80B0FB !important;
}
.red{
    color: white !important;
    background-color: #990033 !important;
    border: 1px #670022 solid;
    box-shadow: inset 0 1px 0 #E4004E !important;    
}
.gray{
    color: white !important;
    background-color: #8F8F8F !important;
    border: 1px #BEBEBE solid;
    box-shadow: inset 0 1px 0 #A4A4A4 !important;    
}
.grayw{
    color: black !important;
    background-color: #FAF9F8 !important;
    border: 1px #A9A9A9 solid;
    box-shadow: inset 0 1px 0 #B6B6B6 !important; 	
}
.blue:after,.red:after,.gray:after,.grayw:after,.btnstyle:after,.stander:after{
	
    display: inline-block !important;
    margin:   0px 0px 0px 0px;
	width: 24px !important;
    top: -5px;
    background-repeat: no-repeat ;
    background-position: left top;
    background-color: transparent;
    background-size: 100% 100%;
    
    
}

.btndel{
    box-shadow:inset 0px 1px 0px 0px #f7c5c0 !important;
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%) !important;
}
.btndel:hover{
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	background-color:#e4685d;    
}

.btndel:active{
    position:relative;
	top:1px;
}
.btndel:disabled{
    box-shadow:inset 0px 1px 0px 0px #f7c3c0;
	background:linear-gradient(to bottom, #f7c3c0 5%, #f7c3c0 100%);
	background-color:#f7c3c0;
    color:#FDEFEE;
    cursor: default;
}

.btncell{
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#2FE92F;
	border-radius:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	height:28px;
    width:95%;
	text-decoration:none;
}
.btncell:disabled{pointer-events: none !important;}

/*كبسة الإعتماد للوثائق---------------------*/

.btn{
    background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    border:1px solid #268a16;
    z-index: 150;
}

.btn:after{
    display: inline-block;
    height: 24px;
    width: 24px;
    margin:   0px 0px 0px 0px;
    position: relative;
    top: -5px;
    text-align: center !important;
    background-repeat: no-repeat ;
    background-position: left top;
    background-color: transparent;
    background-size: 100% 100%;
    
    
}
.normalbtn{
     cursor:pointer; 
     background: #C9C9C9;
     margin:   0px 0px 0px 0px;
     display: inline-block;
     font-weight: bold;
     text-align: center;
}

.normalbtn:after{
    position: relative;
    content:  "\0000a0";
     width: 24px;
     height: 24px;     
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat ;
    background-position: left top;
    background-color: transparent;
    background-size: 80% 80%;    
}
.iconedit:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/edit.png");
}
.iconnoedit:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/noedit.png");
}
.iconlock:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/lock.png");
    
}
.iconunlock:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/unlock.png");
}
.excel:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/excel.png");
}

.save:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/save.png");
}
.load:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/load.png");    
}
.print:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/print.png"); 
    
}
.search:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/search.png");    
}
.ttable:after{
    content:  "\0000a0";
    left: 0px;
     background-image: url("../image/table.png");    
}
.delete:after{
    content:  "\0000a0";
    left: 0px;
    background-image: url("../image/delete.png"); 
    
}
.select:after{
    content:  "\0000a0";
    left: 0px;
     background-image: url("../image/select.png");     
}
.word:after{
    content:  "\0000a0";
    left: 0px;
     background-image: url("../image/word.png");     
}
.pdf:after{
    content:  "\0000a0";
    left: 0px;
     background-image: url("../image/pdf.png");     
}
.cancel:after{
    content:  "\0000a0";
    left: 0px;
     background-image: url("../image/cancel.png");     
}
.help:after{
    content:  "\0000a0";
    left: 0px;
     background-image: url("../image/help.png");     
}
.word:after{
    content:  "\0000a0";
    left: 0px;
     background-image: url("../image/wordicon.png");     
}
.btnimg{
    position: absolute;
    display: inline-block;
    top: 8px;
    height: 28px;
    padding:  0px;
    cursor: pointer;
    
     
}
.btnimg:active{
    transform: translate(5%,5%);    
}
.imghelp{
    content : url("../image/help.png");    
}
.imgunvisible{
    content : url("../image/unvisible.png");    
}
/*
.save,.load,.print,.search,.table,.select,.word,.pdf,.excel{
    background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    border:1px solid #268a16;
}
*/
button:not(.tablinks):not(.btncell):not(.normalbtn):not(.stander){
 	box-shadow:inset 0px 1px 0px 0px #caefab;
	background-color:#77d42a;
	cursor:pointer;
	color:white;
	text-decoration:none;
    height:28px;
    padding:  6px 7px;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
    display:inline-block; 
    text-align: center;
    vertical-align: middle;
    width: auto;    
}


button:hover:not([disabled]):not(.tablinks):not(.btndel):not(.normalbtn) {
/*	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);*/
	background-color:#74F074;
    color:black;
}
button:active:not(.tablinks):not(.normalbtn) {
	position:relative;
	top:1px;
}
button:disabled:not(.tablinks){
/*	background:linear-gradient(to bottom, #aade7c 5%, #aade7c 100%);*/
	background-color:#DEF2CC !important;
    color:#A1A1A1 !important;
    cursor: default;
    pointer-events: none;
}
button a{
    text-decoration:none;
    color: white
}
button a:link{
    text-decoration:none;    
}
button a:active{
    text-decoration:none;    
}

.linkbtn{
    text-decoration: none;

    background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);

    color:white;

}
.linkbtn:active{
    background:linear-gradient(to bottom, #53951E 5%, #53951E 100%);
    position: relative;
    top: 1px;

} 
.linkbtn,.unlinkbtn{
    border:1px solid #268a16;
    padding:0 3px 0 3px  ;
    border-radius: 5px;
}
.unlinkbtn{
    background: #C9C9C9;
    color: #888888;
    pointer-events: none;
    cursor: none;

}


/*--------------------------------------------------*/

input, select ,textarea{
    outline: none; 
/*    vertical-align: text-top;*/
    border-style:solid;
    font-size:14px; padding:2px;
    text-align:center; border-width:1px; 
    border-radius:5px; border-color:#3fc91c; 
    font-weight:bold;
}
select option{font-weight: bold;}
input[type=text],input[type=password],input[type=date],input[type=time],input[type=number] {height:25px;}
select {height:28px;}
input:focus, select:focus:not(.st),textarea:focus {
    outline:none; 
    background-color:#FEFFB5;
}
select,textarea,input[type=number],.select2-container,.select2-choice,.select2-arrow{
     font-weight: bold;
     font-size:12pt;
     border-radius: 5px; 
}
input[type=text],textarea , input[type=password]{
  cursor: text;
}
input[type=date]:not([disabled]) {
  cursor: pointer;
  color:blue;
}
input[type=date]:disabled {
  cursor:inherit;
  color: #8A8ACB;
  
}

input[type=submit]{
    height:28px;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    justify-content: center; 
    display:inline-block; 
      
}




input[type=submit]:hover:not([disabled] ):not(.search) {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
    cursor: pointer;
}


input[type=submit]:active:not([disabled]):not(.search){
	position:relative;
	top:1px;
    
}

input[type=submit]:disabled:not(.search){
    color: #D5D5D5;
}





/*------------------------------------------------------------------------------------------*/



.table-sticky>thead>tr>th ,
.table-sticky>thead>tr>td {
    top: 0px;
    position: sticky;
    
}

.table-sticky .second_header{
  top: 26px;   
}

/*-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/










.table-height {
    
    display: block;
    overflow:auto;
    width: 100%;
    margin-top: 10px;
    
    
}


.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td {
border: 1px solid #6AFBC5;
}




table {
    width: 100%;
    border-collapse:collapse;
    border-spacing: 0;
/*    font-size: 14pt;*/
    
}

td  {
/*    font-size: 14px;*/
    border-left: 1px solid #04AA6D;
    border-bottom: 1px solid #04AA6D;
    text-align: center;
    vertical-align: middle;
    height: 25px;
    line-height: normal;
    background-color:white;
    
}

th  {
  
  font-weight: bold;
  color: #FFFFFF;  
  background: #04AA6D;
  border: 2px solid white;
  text-align: center;
  vertical-align: middle;
  line-height: 2px;    
  height: 25px;

} 

.row_color_gb{
    background-color:#E9B6D4 !important; 
}
.row_color_error{
    background-color:#FFB29A !important; 
}

.row_color_daem{
    background-color: rgba(160,223,40,1.00) !important;
}
/*
table tr:hover td {
    background: aqua ;
}
*/

upload {
    width: 105px;
    height: 28px;
    background: url("../image/upload.png");
    background-repeat:no-repeat; 
    cursor: pointer !important;
    overflow: hidden;    
}

/*style dates_______________________________*/
.smalldate::-webkit-calendar-picker-indicator,.smalldate::-webkit-calendar-picker-indicator{
    padding: 0;
    margin: 0;
}
.obj_incell{
    width:100%;
    height: 100%;
    border-radius: 0px;
}
/*-----------------------------------------------*/
.fixcol tr th{
	word-break: keep-all !important;
	white-space: normal !important;
	overflow:inherit !important;
	text-overflow:inherit !important;
	line-height: 20px;
}
.fixcol tr td{
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;        
}
.fixcol tr td input[type=text],.fixcol  tr td input[type=number],.fixcol tr td select ,.fixcol  tr td input[type=date],.fixcol  tr td input[type=time]{
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
}
 .fixtable td{
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;        
}
.fixtable tr td input[type=text],.fixtable tr td input[type=number],.fixtable tr td select,.fixcol  tr td input[type=date],.fixcol  tr td input[type=time]{
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
}
.cell_click label{ /*عند النقر على الخلية سيتم تحديد الشيك بوكش أو الاوبشين فيها*/
       display: block;
       width: 100%;
       height: 100%; 
       text-align: center;
       cursor: pointer;    
    
}
table .err_row td{background-color: #FCB2B8;}



/*checkbox same button--------------------------------------------------------*/
/*examp:
<div class="cat action"><label><input type="checkbox" value="1"><span>طباعة</span></label></div>
*/
.cat{
  display: inline-flex;
  margin: 0px;
  padding: 0;
  background-color: #104068;
  border-radius: 4px;
  border: 1px solid #fff;
  overflow: hidden;
  width: 100px;
  height: 28px;
	
	
}

.cat label {
  width: 100%;
  cursor: pointer;
  	
}

.cat label span {
  text-align: center;
  padding: 3px 10px;
  display: block;
  height: 100%;
}

.cat label input {
  position: absolute;
  display: none;
  color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.cat label input + span{color: #fff;}


/* This will declare how a selected input will look giving generic properties */
.cat input:checked + span {
    color: #ffffff;
    text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);
}
.cat input:disabled + span{
	background-color:#E1E1E1;
	color:#ADADAD;
}
.action input:checked + span{background-color: #F75A1B;}