@font-face {
      font-family: 'Assistant';
      src: url('/fonts/Assistant-Regular.woff2') format('woff2');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'Assistant';
      src: url('/fonts/Assistant-SemiBold.woff2') format('woff2');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
        font-family: 'Assistant';
        src: url('/fonts/Assistant-Bold.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
  }
  

body {
  font-family: "Assistant", sans-serif;
  font-weight: 400;
  font-size : 14px;
  background-color : white;
  color:#16213d;
}


.theader {
  font-size : 16px;

}

input[type="checkbox"] {
    accent-color: #5ecdf6; 
}

input[class="redcheckbox"]{
    -webkit-appearance: initial;
    appearance: initial;
    background: white;
    width: 14px;
    height: 14px;
    border: solid 1px ;
    position: relative;
    border-radius: 2px;

}
input[class="redcheckbox"]:checked {
    background: red;
}
input[class="redcheckbox"]:checked:after {
    /* Heres your symbol replacement */
    content: url(images/icons8-close-16.png);
    color: #fff;
     font-face:Consolas;
     font-size:11px;
    font-weight:bold;
    /* The following positions my tick in the center,
     * but you could just overlay the entire box
     * with a full after element with a background if you want to */
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*
     * If you want to fully change the check appearance, use the following:
     * content: " ";
     * width: 100%;
     * height: 100%;
     * background: blue;
     * top: 0;
     * left: 0;
     */
}


.t2 {
  background-color : #EBE4EF;
  font-size : 14px;
}

.t2s {
  background-color : #FFFFFF;
  font-size : 14px;
}

.t2sc {
  background-color : #106368;color:white;
  text-align : center;
  color : white;
}

.t2sh {
  font-size : 16px;
  text-decoration : underline;
  color : white;
  background-color : #106368;color:white;
}

.t2h {
  font-size : 14px;
  background-color : #e3eeff;
  
}

.t2ht {
  font-size : 14px;
  font-family: "Assistant", sans-serif;
  font-weight: 400;
  background-color : #e3eeff;color:#16213d;
  
}

.t2c {
  background-color : #FFFFFF;
  font-size : 14px;
}

.t1 {
  background-color : #F0F6F9;
  font-size : 14px;
}

.t1h {
  background-color : #e3eeff ;color:#16213d;
  font-size : 14px;
  text-align : center;
  
}

.t1rh {
  background-color : #e3eeff ;
  text-align : left;
  font-family: "Assistant", sans-serif;
  font-weight: 400;
  font-size : 14px;
  
}

.t1c {
  background-color : #e3eeff ;
  font-size : 14px; 
}

.t3 {
  background-color : #FFFFFF;
  font-size : 14px;
}

.t3h {
  background-color :#e3eeff ;color:#16213d;
}

.t3c {
  font-size : 14px;
  background-color : #C5D8D8;
}

.NP {
  color : #b0784f;
  font-size : 14px;
}

.lnk {
	background-color : transparent;
	font-size : 14px;

	:link { color: red } /* for unvisited links */ 
	:visited { color: red } /* for visited links */ 
	:active { color: red } /* when link is clicked */ 
	:hover { color: red} /* when mouse is over link */ 

}

.tf {
   	font-size : 14px;
	font-family: "Assistant", sans-serif;
  	font-weight: 400;
	BACKGROUND-COLOR: #80A3A8
}

.white_table {
   	font-size : 14px;
	font-family: "Assistant", sans-serif;
  	font-weight: 400;
	border-style:solid;
	border-width:1px ;
	border-color:#7D9CBD ;
}
.opxion {
       
	font-size : 14px;
}

.orderby {

 BACKGROUND-COLOR: #FF8000

}

.absence {

 BACKGROUND-COLOR: #D3D3D3;

}


.flex_absence {

    background-color : #C5D3ED;

}


.noreason_absence {

 BACKGROUND-COLOR: #3E003E;

}

.madan {
           background-color : #C0C0C0;
     }

.totals {
           background-color : #EBEBEB;
     }     
     
.prevmonth {

 color : #FF0000

}

.message {
    color : #FF0000;
    font-size : 16px;
  }
@media screen {

   body { font-family: "Assistant", sans-serif;
  	  font-weight: 400;
          font-size : 14px;   color: #16213d ;}


  .clsExpanded {     font-size: 14px;
                     font-family: "Assistant", sans-serif;
  		     font-weight: 400;
                     }
  .clsCollapsed {
	DISPLAY: inline; WIDTH: 100%;
	}
   .toprint {
	DISPLAY:none;
	}
	.toprint_dyn_headers {
	DISPLAY:none;
	}

}

@media print {
      body {font-family: "Assistant", sans-serif;
  font-weight: 400;
             font-size : 14px;page-break-before: avoid ;page-break-after: always;
             }
         
 .t3h {
   background-color : #ffffff;
 	}
 
 .madan {
            background-color : #ffffff;
	    font-size=14px;
     }
.absence {

    background-color : #ffffff;
}

  
  .clsCollapsed_buttons {DISPLAY: none}
   .toprint_dyn_headers {
	DISPLAY:visible;
	 background-color : #106368;
	color:white;
	color : #ffffff;
	font-size : 14px; 
	TEXT-ALIGN: center;

	}

	

.button {
DISPLAY:none;
}
 
}


.clsExpanded {
	DISPLAY: inline; WIDTH: 100%;
}

.clsSelectBX {
	DISPLAY: inline; WIDTH: 100%;
	BORDER:NONE;
	background-color : transparent;
	
}

.clsCollapsed {
	DISPLAY: none
}

.report_name { font-family: "Assistant", sans-serif;
  font-weight: 400;
               font-size : 16px;
               font-weight : bold;
               }



.clock_punch {

       background-color : white;
       
     }

.site_punch {
 
      background-color : #FF8000;

}


.report_footer {

  font-size: 14px;
  font-weight: bold;
  font-family: "Assistant", sans-serif;
  font-weight: 400;
}

.bullets {
        font-family: "Assistant", sans-serif;
  font-weight: 400;
        color : #ff9933;
        font-size : 10px;
}
.list {
        font-family: "Assistant", sans-serif;
  font-weight: 400;
        color :  #0099ff;
        font-size : 12px;
}




.approvers_list {

       background-color : #ffffff;
       
     }
.INPUTBOX_SMALL
{
    FONT-SIZE: 14px;
    WIDTH: 18px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.TABLE_SMALL
{
    BORDER-RIGHT: #C4C8D9 1px solid;
    BORDER-TOP: #C4C8D9 1px solid;
    FONT-SIZE: 14px;
    BORDER-LEFT: #C4C8D9 1px solid;
    WIDTH: 18px;
    BORDER-BOTTOM: #C4C8D9 1px solid;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}

.BLUE_GRADIENT
{

    BORDER-RIGHT: #C4C8D9 1px solid;
    BORDER-TOP: #C4C8D9 1px solid;
    FONT-SIZE: 14px;
    BORDER-LEFT: #C4C8D9 1px solid;
    font-size:14px;
    width:100%;
}


.TB
{
	BORDER: #C4C8D9 1px solid; 
	BACKGROUND-COLOR:transparent
}


.AI
{
	BORDER: 0; 
	cursor:hand;
	BACKGROUND-IMAGE:url(images/plus.gif) ;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION-X: 3px;
	BACKGROUND-POSITION-Y: 8px;
}

.ASI
{
	BORDER: 0; 
	cursor:hand;
	BACKGROUND-IMAGE:url(images/arrows.gif) ;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION-X: 3px;
	BACKGROUND-POSITION-Y: 8px;
}

.tableDyn_gr {
   	font-size : 14px;
	font-family: "Assistant", sans-serif;
  font-weight: 400;
	BACKGROUND-COLOR:#e3eeff ;
	color:#16213d;
	
	
}
.tableDyn {
   	font-size : 14px;
	font-family: "Assistant", sans-serif;
  font-weight: 400;
	color:#16213d;
		
}

.tableDyn_small {
   	font-size : 11px;
	font-family: "Assistant", sans-serif;
  font-weight: 400;
	BACKGROUND-COLOR:#e3eeff ;
	
	
}

.tableDynHdr {
  font-weight: 600;
  background-color : #e3eeff;
  color : #16213d;
  font-size : 15px; 
  TEXT-ALIGN: center;
  /*height:45px;*/
  padding:2px;


}
.tableDynHdr_small {
  background-color : #e3eeff;
  color : #16213d;
  font-size : 10px; 
 
  padding:1px;


}

.tableDynHdr1 {
  background-color : #e3eeff;
  color:white;
  color : #16213d;
  font-size : 14px;
  padding:4px;


}

.filter {
  font-size : 14px;
  font-weight : bold;
  font-family: "Assistant", sans-serif;
  font-weight: 400;
   
}
.button_compact {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
FONT-FAMILY: Assistant; 
text-align:center;

}




.button_last {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
FONT-FAMILY: Assistant; 
HEIGHT: 19px; 
LINE-HEIGHT: 1;
text-align:center;
padding-left:0px;
padding-right:0px;
}

.employee_details {

FONT-SIZE: 15px; 
FONT-FAMILY: Assistant; 
HEIGHT: 19px; 
LINE-HEIGHT: 1;

}
.button_cust {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
FONT-FAMILY: Assistant; 
HEIGHT: 16px; 
LINE-HEIGHT: 1; 
}
.COMBO_SMALL
{

   font-family: Assistant;
   font-weight: 400;
   FONT-SIZE: 14px;
   BACKGROUND-COLOR: transparent;
   TEXT-ALIGN: center;
   border-radius:3px;
   border: solid 1px #16213d;
    
}

.COMBO_SMALL_gray
{
    BORDER-RIGHT: #C4C8D9 1px solid;
    BORDER-TOP: #C4C8D9 1px solid;
	FONT-FAMILY: Assistant; 
    FONT-SIZE: 14px;
    BORDER-LEFT: #C4C8D9 1px solid;
    BORDER-BOTTOM: #C4C8D9 1px solid;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    font-weight:bold
}



.INPUTBOX
{
    BORDER-RIGHT: #C4C8D9 1px solid;
    BORDER-TOP: #C4C8D9 1px solid;
	FONT-FAMILY: Assistant; 
	font-weight: 400;
    BORDER-LEFT: #C4C8D9 1px solid;
    BORDER-BOTTOM: #C4C8D9 1px solid;
    TEXT-ALIGN: center;

}

.TEXT_SMALL
{
	FONT-FAMILY: Assistant; 
    FONT-SIZE: 14px;
    TEXT-ALIGN: center;

}



.RL
{
BORDER-LEFT: #C4C8D9 1px solid;

}



.RT
{
BORDER-TOP: #C4C8D9 1px solid;
}



.DPDV
{
position:absolute;
visibility:hidden;
display:none;
border:2px;

}
.DPIN
{
BORDER:black 1px solid;
BACKGROUND-COLOR:#80a3a8;
align:right;
}
.HIDE
{
position:absolute;
width:0;
top:0;
left:0;
display:none;
}             
.HID2
{
display:none;
width:0;
}             
.LN
{
color:blue;
cursor:hand;
}
.F
{
width:100%;
height:100%;
}

.PunchTD {
	background-color:transparent;
	text-align : center;
	font-size:12px;
}

.db_multi_select_box_class {
	font-size:14px;
	
	}
select {
     font-family: "Assistant", sans-serif;
  font-weight: 400;
     FONT-SIZE: 14px;
     color: #16213d;
}
input {
font-size:14px;
FONT-FAMILY: Assistant; 

}

.show_history {
   	
	FONT-FAMILY: Assistant; 
   	 FONT-SIZE: 14px;
    	 vertical-align: middle;
  	  height:19px;
 	  
   }
.input_text {
   	 BORDER-RIGHT: none;
   	 BORDER-TOP: none;
	 FONT-FAMILY: Assistant; 
   	 FONT-SIZE: 14px;
    	 BORDER-LEFT: none;
  	 BORDER-BOTTOM: none;
  	 vertical-align: middle;
  	 height:22px;
  	 border-radius:3px;
         color: #16213d;
         BACKGROUND-COLOR: transparent;
 	  
   }
 .input_text_filter {
    	 BORDER: #16213d 1px solid;
 	 FONT-FAMILY: Assistant; 
    	 FONT-SIZE: 13px;
   	 vertical-align: middle;
   	 height:22px;
   	 border-radius:3px;
         color: #16213d;
         BACKGROUND-COLOR: transparent;
  	  
   }
   .input_text_fix {
      	 BORDER: none;
      	 FONT-FAMILY: Assistant; 
      	 FONT-SIZE: 14px;
       	 color: #16213d;
     	 padding-top:2px;
     	 padding-bottom:2px;
     	 height:22px;
  	 border-radius:3px; 
  	 BACKGROUND-COLOR: transparent;
   }
   
   .select_funcdyn {   	
       	 height:22px;
     	 border-radius:3px; 
   }
   
   .shadow {
   	font-family: Assistant;
   	font-size: 22px;
   	color:#FEB751;
   	font-weight:bold;
   
   }
   
    .shadow2 {
      	font-family: Arial, Helvetica, sans-serif;
      	
      	color:#FEB751;
      	font-weight:bold;
   }
   
  .shadow2_link {
   	text-decoration:none;
   	/*:link { color: #FEB751 } /* for unvisited links */ 
   	:visited { color: #000000 } /* for visited links */ 
   	:active { color: #000000 } /* when link is clicked */ 
   	:hover { color: #000000 } /* when mouse is over link */ */
   
}

   .shadow_marq {
   	font-family: Arial, Helvetica, sans-serif;
   	font-size: 14px;
   	color:#ffffff;
   	font-weight:bold;
   
   }
   .shadow1 {
   	font-family: Arial, Helvetica, sans-serif;
   	font-size: 22px;
   	color:#FFFFFF;
   	font-weight:bold;
   
}
.nav_path {

border:solid 1px #106368;
POSITION: absolute; TOP: 25px;height:4px;left:0px;width:100%;background-color:#80a3a8;z-index:1
}


.COMBO_SMALL_login
{
    BORDER-RIGHT: #C4C8D9 1px solid;
    BORDER-TOP: #C4C8D9 1px solid;
    font-family: "Assistant", sans-serif;
  font-weight: 400;
    FONT-SIZE: 17px;
    BORDER-LEFT: #C4C8D9 1px solid;
    BORDER-BOTTOM: #C4C8D9 1px solid;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left;
    dir:rtl;
    
}



.COMBO_SMALL_FILTER
{
   
    FONT-FAMILY: Assistant;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    height:22px;
    border-radius:3px;
    border: solid 1px #16213d;

}


.draggable {
 position: absolute;

}


.err_SMALL
{
    BORDER-RIGHT: steelblue 1px solid;
    BORDER-TOP: steelblue 1px solid;
    font-family: "Assistant", sans-serif;
  font-weight: 400;
    FONT-SIZE: 12px;
    BORDER-LEFT: steelblue 1px solid;
    BORDER-BOTTOM: steelblue 1px solid;
    BACKGROUND-COLOR: transparent;
   }
   
 .small_request {
   FONT-WEIGHT: bold; 
   FONT-SIZE: 11px; 
   FONT-FAMILY: Assistant; 
   text-align:center;
   padding-left:0px;
   padding-right:0px;
}

.user_top {font-size:18px;color:#ffffff; font-family: "Assistant", sans-serif;  font-weight: 400;}
.logout {font-size:14px;color:#e3eeff !important;text-decoration:none;}
.topbar .right .wix {background-image:url(../images/wix.png);background-size:108px 25px;background-position:right center;width:108px;height:25px;}
.navbartop {background-color:#fffff;}

.navbartop ul{list-style:none;}
.navbartop li{display:inline}
.navbartop li {display:inline-block;color:#a8b7c5;text-decoration:none;font-size:16px}
.NAVBAR_TX li.active a{color:#16213d;font-weight:700}.breadcrumbs{background-color:#e3eeff;text-align:left;}
.container_tx {padding:5px 53px;height:28px;font-size:15px;margin:0 auto;vertical-align:middle;color:#16213d;line-height:28px;}
 .button {width:60px;height:22px;background-color:#465ef2;border:none;border-radius:3px;color:white;font-size:14px;cursor:hand;font-weight:normal;}
 .button_karev {width:60px;height:22px;background-color:#465ef2;border:none;border-radius:3px;font-size:14px;cursor:hand;font-weight:normal;}

  .button_transparent {width:100px;height:35px;background-color:transparent;border:none #16213d;border-radius:3px;color:#16213d;font-size:14px;padding:2px;vertical-align:middle;}
  .button_user {width:100px;height:35px;background-color:transparent;border:none;border-radius:3px;color:#16213d;font-size:14px;padding:2px;}
  .button_small {background-color:transparent;border:solid 1px #16213d;border-radius:3px;color:#16213d;font-size:14px;padding:1px;height:22px;}
  .button_small_picker {background-color:transparent;border:none;border-radius:3px;color:#16213d;font-size:14px;padding:1px;height:22px;}
  .err_message {background-color:transparent;border:solid 0.5px #8EA7B4;color:#16213d;font-size:14px;padding:2px;}
  .button_simple {font-family:Assistant;border:none;border-radius:3px;color:#16213d;font-size:14px;height:22px;align:center;}
  .button_simple_bold {width:40px;height:19px;border:solid 1px silver;color:#16213d;font-size:14px;LINE-HEIGHT: 1;}
  .button_free_width2 {height:22px;background-color:#465EF2;border:1px solid;border-radius:3px;border-color:#465EF2;border-style: ridge;font-size:14px;cursor:hand;color:#ffffff;}
  .button_free_width  {height:22px;background-color:#16213d;border:1px solid;border-radius:3px;border-color:#16213d;border-style: ridge;font-size:14px;cursor:hand;color:#ffffff;}
 .button_free_width2:disabled {height:22px;cursor:default; border:none;border-radius:3px;  background-color: #cccccc;  color: #666666;font-size:14px}
 .button_opentd {width:100px;height:35px;background-color:white;border:none 1px #16213d;border-radius:3px;color:#16213d;font-size:12px;padding:2px;}
  .button_login_active {height:20px;background-color:#16213d;border:none;color:#fff;font-size:14px;cursor:hand;}
  .button_login {height:20px;border:none;color:#000;font-size:14px;cursor:hand;}

A {
 overflow:hidden;
 FONT-FAMILY: Assistant; 
 color: #16213d;
 text-decoration: NONE;
 }
 .As:link {text-decoration: underline;}
 A:visited {text-decoration: underline;  color: #16213d}
 A:active {text-decoration: underline; color: #16213d}
 A:hover {text-decoration: underline;  color: #16213d}

.button_plan {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
FONT-FAMILY: Assistant; 
HEIGHT: 19px; 
LINE-HEIGHT: 1;
text-align:center;
padding-left:0px;
padding-right:0px;
}