/*********************** html & body **************************************/
         
html,body 
{
	margin:0; 
	padding:0;
	margin-top:0;
	background-image: url("/SysImg/bg1.png"); 
	font-family: 'Calibri', sans-serif;
	
}
input[disabled='disabled'],select[disabled='disabled']  {
  
    border: solid 1px silver;
    background-color: #F9F9F9;
    color:blue;
    }
.ImageButton  /* For Image Buttons*/
{
    cursor:pointer;
    outline : none;
}
.Alert1
{
    ImageUrl: url("/SysImg/TAlert.gif"); 
}
@font-face
{
    font-family:"TS";
    src:url('../Fonts/DroidNaskh-Bold.ttf');
}

/*********************** Pic in the login page**************************************/
.MainLogo
    {
    	 
        border: 1px solid #A1DCF2;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px 8px 8px 8px;
        overflow: hidden;
        margin-left:10%;
        
        padding-top:5%;
        width:100%;
        
    }
  .CommentsStyle1  /* For Pages Comments */
{
     color:red;
     font-family:Arial;
     font-style:italic;
     font-weight:bold;
}
 /***********************Header Bar in Login Page and Main Page**************************************/   
 #LoginHeader,#HomeHeader
    {
    	/*CSS for Header Area Div in the login Page*/
    	position:fixed ;
    	width :100%;
    	height :60px;
    	/*background-color: Navy ;*/
    	 background:Yellow;
    background: -moz-linear-gradient(top, #0272a7, #013953);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    	margin-top:0px;
     z-index:+9999;
    }
    
  
 .RoundGV
   {
   	-moz-border-radius: 8px;	
    -webkit-border-radius: 8px;	
     border-radius: 8px;
   } 
 /***********************Table of Login Page**************************************/   
    #LoginTable
    {
    	
    	 padding-top:0%;
    	 width:100%;
    	
    }  
 /*********************** Login Area Table in the Login Page*************************************/   
     #LoginArea
    {
    	 padding-top:15%;
    	 padding-left:150px;
    	 width:100%;
    	 
    }  
 /*********************** The header of windows in the pages *************************************/ 
   .WindowHeader
   {
   	background-image: url('../SysImg/cat-bg.png'); 
   	background-repeat: repeat-x; 
   	height:30px;
   	border-radius: 4px 4px 0px 0px; 
   	color: #FFFFFF;
   	padding-right:15px;
   } 
    #LogoutImg /*#LogoutLabel,*/
    {
    	/*CSS for Text label in  Labels*/
    	margin-top:1%;
    	padding-top:0px;
    	padding-left:1%;
    	font-family:Verdana;
    	font-size:x-large;
    	color :White ;
    }
/*------------------------------Begin Popup------------------------*/ 


        .PopupM
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 0px;
            padding-left: 0px;
            width: auto;
            height: auto;
        }
        
 .Background
        {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }   
    .popup 
    {
        
            
 
 
   margin-left:15%;
   margin-right:15%;
   margin-top:2%;
    position:relative;
  
	/*padding: 5px 20px 13px 20px;*/
	border-radius: 8px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	filter: alpha(opacity=100);
	background: #fff;
} 

.poptitle
{
	/*float :right;
    
      padding-bottom : 10px;*/
      padding-bottom : 10px;
      padding-right:5px;
    background-color:Black ; 
    width: 100% ;
 -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
 span.poptitle
 {
 	float :left;
     color :#fff;
   font-family: 'Calibri', sans-serif;
	text-align:right ;
	font-size: 17px; 
	font-weight: bold; 
 }
.closebtn1
{
     /*position: absolute;*/
     float :right;
     cursor:pointer;
     background-color:#000;
     color:#fff;
  
    
}
.closebtn:hover
{ background-color:#fff;
   color:#000;
    
}
.productimg
{cursor: pointer;
   margin:5px;
height:50px;
width:50px;
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.productimg:hover {
    
  -moz-transform:scale(5); 
-webkit-transform:scale(5);
-o-transform:scale(5);
}
.block {
   position:fixed;
   top:0;
   left:0;
   background:#686868;
   filter: alpha(opacity=98);
   opacity:0.98;
              
   height:100%;
   width:100%;
 
}

/*------------------------------End of Popup------------------------*/  
  .TextBoxes
  {
    background: white;
    border: 1px double #DDD;
    font-size:large;
    color: #666;
    padding: 5px;
    outline: none;
  } 
   
   .txt 
  {
/*CSS for Textbox in Login page*/
   background: white;
    border: 1px double #DDD;
    border-radius: 2px;
    box-shadow: 0 0 2px #333;
    color: #666;
    
    padding: 5px 10px;
   
    outline: none;
    
} 
  .TextLogin 
  {
/*CSS for Textbox in Login page*/
   background: white;
    border: 1px double #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #333;
    color: #666;
    float: left;
    padding: 5px 10px;
    width: 165px;
    outline: none;
    
}
.td
{
	font-family:'Calibri', sans-serif;
	text-align:left;
	/*font-family:'Droid Arabic Naskh', 'Open Sans', sans-serif; */
	font-size:medium; 
	font-weight: bold; 
	
}
.tdR
{
	font-family: 'Calibri', sans-serif;
	text-align:right;
	/*font-family:'Droid Arabic Naskh', 'Open Sans', sans-serif; */
	font-size: 14px; 
	font-weight: bold; 
	
}
.td1
{
	font-family: 'Calibri', sans-serif;
	text-align:left;
	/*font-family:'Droid Arabic Naskh', 'Open Sans', sans-serif; */
	font-size: 14px; 
	font-weight: bold;
	width:190px; 
	
}
 .Star
{
	font-size:large; 
	color: #FF0000; 
	
}
 /* Animation */
 
 .white-popup {
  position:absolute;
  background:yellow;
  
  /*padding: 25px;*/
 
  width: 100%;
   margin-top:100px;
      
}
.white-popup1 {
  position:fixed;
  background:yellow;
  border-radius: 8px 0px 0px 8px;
   
    animation-name: example;
    animation-duration: 4s;
    /*animation-delay: 2s;*/
    animation-iteration-count: 1;
  
  
   -webkit-animation-name: example;
    -webkit-animation-duration: 4s;
    /*animation-delay: 2s;*/
    -webkit-animation-iteration-count: 1;
    
    
     -moz-animation-name: example;
    -moz-animation-duration: 4s;
    /*animation-delay: 2s;*/
    -moz-animation-iteration-count: 1;
}

@keyframes example {
  0% {right: -400px;}
  20%, 60% {right: -50px;}
  70%, 80% {right: -10px;}
  90%, 100% {right: 0px;}
  
   }
   
   @-webkit-keyframes example 
   {
   	 0% {right: -400px;}
  20%, 60% {right: -50px;}
  70%, 80% {right: -10px;}
  90%, 100% {right: 0px;}
   }
   
   @-moz-keyframes example 
   {
   	 0% {right: -400px;}
  20%, 60% {right: -50px;}
  70%, 80% {right: -10px;}
  90%, 100% {right: 0px;}
   }
   
/**************************************************End************************************************************/ 
#LogoutLabel1
    {
    	/*CSS for Text label for Logout Label*/
    	/*padding-bottom:10px;*/
    	padding-left:5%;
    	font-family:Verdana;
    	font-size:large;
    	color:Black ;
    }   
    
   #Dvbottom1
{
	/*CSS for Fixed Footer*/
    position :fixed;
    bottom: 0;
    height: 50px;
    background-color:Maroon ;
    width: 100%;
}
.PopUpPanel {  
  position:absolute;
  background-color:white;   
  top:30%;
  left:20%;
  z-index:2001; 
  padding:10px;
  min-width:400px;
  max-width:2000px;
  -moz-box-shadow:3.5px 4px 5px #000000;
  -webkit-box-shadow:3.5px 4px 5px #000000;
  box-shadow:3.5px 4px 5px #000000;
		
  border-radius:5px;
  -moz-border-radiux:5px;
  -webkit-border-radiux:5px;
  border: 1px solid #CCCCCC;
}

.Collapse
{
 
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
border-radius: 8px 8px 8px 8px;
height :30px;	
font-family: Arial, Helvetica, sans-serif;
}
.HeaderLine
{
 
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
 margin-top:0px;
height :30px;	

}
.TDLabels
{
	text-align:left;
	width:134px;
	font-family:Arial (Arabic);
}

    
    
   
     
    #LoginTitle
    {
    	/*CSS for Text label in  Labels*/
    	margin-top:1%;
    	padding-top:0px;
    	padding-left:3%;
    	font-family:Verdana;
    	font-size:large;
    	color :White ;
    }
   
    
    
            
 
 .ValidationBackground 
  {
/*CSS for Textbox in Login page*/
    background: white;
    
}
.TextLogin:focus,.ValidationBackground:focus {
    background-color: yellow;
}
.Errs
{
	/*CSS for Error Labels*/
	color:Red;
	font-family:  Sans-Serif,Arial;
	font-size:medium;
	font-style:italic;
	text-decoration :blink;
}

.liHints
{
	/*CSS for Error Labels*/
	color:Blue;
	font-family:Calibri,Arial;
	font-size:medium;
	font-style:italic;
	text-decoration :blink;
}

/*////////////////// Menu ////////////////////////*/
 ul,li {
    font-size:14px; 
    font-family:Calibri,Arial, Helvetica;
    line-height:21px;
    /*text-align:left;*/
    /*direction: ltr;*/
}
 
 
/* Navigation Bar */
 
#menu {
    list-style:none;
    width:100%;
    margin:0px auto 0px auto;
    height:43px;
    padding:0px 20px 0px 20px;
     z-index:999;
     
    /* Rounded Corners */
     
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
 
    /* Background color and gradients */
     
   
     
    /* Borders */
     
    /*border: 1px solid #002232;
 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;*/
}
 
#menu li {
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    border:none;
}
 
#menu li:hover {
    border: 1px solid #777777;
    padding: 4px 9px 4px 9px;
     
    /* Background color and gradients */
     
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
     
    /* Rounded corners */
     
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
 
#menu li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px; 
    color: #EEEEEE;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
}
 
#menu li:hover a {
    color:#161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu li .drop {
    padding-right:21px;
    background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
    background:url("img/drop.png") no-repeat right 7px;
}
 
/* Drop Down */
 
.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
    
    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
    
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
 
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 500px;}
.dropdown_4columns {width: 750px;}
.dropdown_5columns {width: 500px;}
 
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float:right;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    
}
.col_1 {width:150px;}
.col_2 {width:150px;}
.col_3 {width:150px;}
.col_4 {width:150px;}
.col_5 {width:15 0px;}
 
/* Right alignment */
 
#menu .menu_right {
    float:right;
    margin-right:0px;
    
}
#menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}
 
/* Drop Down Content Stylings */
 
#menu p, #menu h2, #menu h3, #menu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #666666;
}
#menu h3 {
    font-size:18px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
 
#menu li:hover div a {
    font-size:18px;  /*حجم الخط في القوائم الفرعيه*/
    color:black;
}
#menu li:hover div a:hover {
    color:#029feb;
}
.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.imgshadow {
    background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}
#menu li .black_box {
    background-color:#333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
 
    /* Shadow */
    -webkit-box-shadow:inset 0 0 3px #000000;
    -moz-box-shadow:inset 0 0 3px #000000;
    box-shadow:inset 0 0 3px #000000;
}
#menu li ul 
{
	
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:right;
    width:100%;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
#menu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}


/*---- Alert Messages ------------------*/
.info, .success, .warning, .error, .validation {
border: 0 0 0 1px solid;
margin: 5px 0px;
padding : 15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
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');
}

/*---- End Alert Messages ------------------*/
.EU_TableScroll
        {
            max-height: 275px;
            overflow: auto;
            border:1px solid #ccc;
           
        }
        .EU_DataTable
        {
            border-collapse: collapse;
            width:100%;
    
}
            .EU_DataTable tr th 
            {
                background-color:black;/*-- #3c454f--%>*/
                color: #ffffff;
                padding: 10px 5px 10px 5px;
                border: 1px solid #cccccc;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                font-weight: bold;
                text-transform:capitalize;
            }
            .EU_DataTable tr:nth-child(2n+2)
            {
                background-color: #f3f4f5;
            }

            .EU_DataTable tr:nth-child(2n+1) td
            {
                background-color: #d6dadf;
                color: #454545;
            }
            .EU_DataTable tr td
            {
                padding: 5px 10px 5px 10px;
                color: #454545;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid #cccccc;
                vertical-align: middle;
            }
                .EU_DataTable tr td:first-child
                {
                    text-align: center;
                }
            
/************************ 
            
/************************ View Grid Style2 *******************************************************/
.GV2
        {
            border-collapse: collapse;
            width:100%;
    direction: ltr;
}
              background-color:Highlight;/*-- #3c454f--%>*/
                color: Black;
                padding: 10px 5px 10px 5px;
                border: 1px solid black;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                font-weight: bold;
                text-transform:capitalize;
            }
            .GV2 tr:nth-child(2n+2)
            {
                background-color:#f3f4f5;
            }

            .GV2 tr:nth-child(2n+1) td
            {
                background-color:Gray;
                color:white;
            }
            .GV2 tr td
            {
                padding: 5px 10px 5px 10px;
                color: #454545;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                border: 1px solid Black;
                vertical-align: middle;
            }
                .GV2 tr td:first-child
                {
                    text-align: center;
                }
/************************ End View Grid Style2 *******************************************************/

/***********************Popup window in Patient Medical File**************************************/  
.TSGrid
        {
            width: 100%;
            border: 1px solid #6AB5FF;
            background: #fff;
            line-height: 20px;
            font-size: 13px;
            font-weight:bold;
            font-family: Verdana;
        }
 .GridHeaderStyle
        {
            border: solid 1px Black;
            background-color:#4682B4;
            color: #ffffff;
            font-size: 12px;
            font-weight: bold;
        }
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from: {top:-300px; opacity:0}
    to :{top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    
    background-image:url('../SysImg/cat-bg.png'); 
    padding: 2px 16px;
   	background-repeat: repeat-x; 
    height:40px;
    color: white;
    
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    background-image:url('../SysImg/cat-bg.png'); 
    padding: 2px 16px;
   	background-repeat: repeat-x; 
   height:80px;
    color: white;
}

span.red {
  background: red;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}