/*
Version 1.0.2.9 
*/

@import url("myaccount_theme1.css");
@import url("datatex_news.css");



/****************** Custom Tags for myAccount ************************/

red {
	font-weight     : bold;
    color           : var(--main-warning-color);
    font-family     : var(--main-font-family);	
}

/***************************Page Defaults **************************/
body 
{
  background-color : var(--main-bg-color);
  font             : 12px arial,sans-serif;
  margin-top       : 0px;
  margin-left      : 0px;
  margin-right     : 0px;
} 
/***************************LINKS ************************************/
a
{
  text-decoration : none;
  cursor          : pointer;
  color           : var(--second-bg-color);
}

th a
{   
  color : var(--main-bg-color);
}

/***********************Software************************/

#addnewreleasebutton
{
   margin-left : 5%;
}

#table_softwaredetail
{
	width        : 90%;
   margin-left   : auto; 
   margin-right  : auto; 
}

.row_softwaredetail
{
  border        : 1px solid grey;
}

.comments
{
  text-align    : justify;
  width	        : 95%;
}

#table_softwaredetail td
{
  
  vertical-align: top;
  width	        : 50%
}

#table_softwaredetail_head
{
   width	     : 100%;
   margin-bottom : 15px;
}   


#table_softwaredetail_head  td:nth-child(1)
{
   width         : 40%;   
}   

#table_softwaredetail_head  td:nth-child(2)
{
   width         : 25%;
}   

#table_softwaredetail_head  td:nth-child(3)
{
   width         : 25%;
}   
#table_softwaredetail_head  td:nth-child(4)
{
   width         : 10%;
}   

#comments_head
{
  width	          : 100%;
   margin-bottom  : 15px;  
   margin-Top     : 15px;     
}

#comments_head  td:nth-child(1)
{
   width         : 50%;
}   

#comments_head  td:nth-child(2)
{
   width         : 50%;
}   

#softcomments
{
   height           : 200px; 
   overflow-x       : scroll;
   overflow-x       : hidden;
}

#release_table 
{
  width       : 100%;
}

#release_version
{
   width : 60%;
}

#release_notes
{
 width   : 90%;
 height  : 200px;
 resize  : none;
}

#releasecomments_table 
{
  width       : 100%;
}


#releasecomments_table td:nth-child(1)
{
  width       : 5%;
}

#releasecomments
{
 width   : 90%;
 height  : 200px;
 resize  : none;
}


/***********************maps****************************/
.map_area {
   margin-left   : auto; 
   margin-right  : auto; 
   width         : 95%;
   height        : 400px; 
   border        : 2px solid var(--main-warning-color);
 }  

.map_area td:nth-child(1)
{
   width		: 20%;
}

.map_area td:nth-child(2)
{
   width		: 60%;
}

.map_area td:nth-child(3)
{
   width		: 20%;
}

.map_canvas {
   margin-left   : auto; 
   margin-right  : auto; 
   width         : 100%;
   height        : 100%; 
   border        : 2px solid var(--main-border-color);
 }  

 /******************* Not sure if this is still being used
 #tagbanner
 {
   color            : White;
   Margin-bottom    : 6px;
   margin-left      : auto; 
   margin-right     : auto; 
   width            : 450px;
   height           : 50px; 
   background-color : #700000   ;
   border-radius    : 7px;       
   border-style     : none; 
   border-width     : 1px;     
 }
 
#tagbanner span
 { 
    text-align	    : left;   
    font-size       : 1.2em;
}

*************************/

/***********************input****************************/
.hours {
  width: 40px;
}
.currency 
{
text-align: right;
}

.float 
{
text-align: right;
}

.balance 
{
   border-style     : solid; 
   border-width     : 1px;
   border-color     : var(--main-border-color);
   margin	        : 0px;
   padding	        : 0px;
}

.companytext
{
   font-size       : 1.0em;
   border-style    : none; 
   width	       : 98%;
 }
 
 .delete
 {
   background-image    : url(/images/minus.gif);
   background-repeat   : no-repeat;
   background-position : center center;   
   border	           : none;    
   background-color    : var(--main-bg-color);
 }
 
 .add
 {
   background-image     : url(/images/plus.gif);
   background-position : center center;   
   border	           : none;    
   background-color    : var(--main-bg-color);
   background-repeat   : no-repeat; 
 }


input:required:invalid, input:focus:invalid
 {
  background-color: var(--required-bg-color);
}

input:required:valid {
  background-color: var(--main-bg-color);
}
/***********************div****************************/

#copyrightinfo
{
  color      : var(--copyright-color);
  text-align : center;
}


/***********************div****************************/
#copyrightinfo a
{
  text-decoration : none;
  cursor          : pointer;
  color           : var(--copyright-color);
}


#productinfo
{
  text-align  : center;
  color       : var(--main-bg-color);
  font-weight : bold;
  padding     : 3px;
}

#versioninfo
{
  text-align  : center;
  color       : var(--main-warning-color);
  font-family : var(--main-font-family);
}


div.left
{
  float	      : left;
}

div.right
{
  float	       : right;
  margin-right : 1em;
}


div.subject
{
  text-align : left;
  with	     : 100%;
}

div.ticketbutton 
{
 text-align : left;
}

div.comments
{
  text-align    : justify;
}

/***********************Headings for MAC****************************/

.fillbackground
{
  background-image  : url('/images/tbar.gif');
  background-repeat : repeat-x; 
  height		    : 64px;
}  

.filltopbackground
{
  background-image  : url('/images/top_banner_2.gif');
  background-repeat : repeat-x; 
  height		    : 64px;
}  

.filltopbackground td {
  padding           : 0px;
}

.fillbottombackground
{
  background-image  : url('/images/bottom_banner.gif');
  background-repeat : repeat-x; 
  height		    : 64px;
}  

.fillbottombackground td {
  vertical-align    : top;
  padding           : 0px;
}

.fillbottombackground td div {
  margin-right      : 0px;
}

.bottomspace {
  padding-top       : 20px;
}

.userinfoheader {
  color             : white;
  padding           : 10px;
}

/**********************TABLES *************************************/
table,th,td,tr
{
border-collapse:collapse;
}

tr.odd
{
  background-color : var(--table-odd-row-bg); 
}

tr.machidden {
	display: none;
	visibility: hidden;
}

button.macsmallimagebutton {
	cursor: pointer;
}

button.macsmallimagebutton img {
    display: block;
}

img.macsmallimagebutton {
/*    border: thin solid black;*/
}

tr.macpriorityhigh {
	background-color: #ffcccb;
}
 
tr.macpriorityuser {
        background-color: #add8e6;
}

tr.macpriorityold {
        background-color: #ffca9a;
}

.macwarn {
    border: 1px solid #ff4f4c;
    color: #ff4f4c;
    padding: 10px 10px 10px 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
    font-size: larger;
    font-weight: bold;
 }
 
 .macnotification {
    border: 1px solid black;
    color: green;
    padding: 10px 10px 10px 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
    font-size: larger;
    font-weight: bold;
 }
 
 
 .aligncenter {
	 margin-left: auto;
	 margin-right: auto;
	 width: 80%;
 }
 
 #main {
	 margin-top: 20px;
 }
 
 .forgotpasswordlink {
	 text-align: right;
	 margin-right: 10px;
 }
 
 /***** Not sure if this is still being use Johan 2019-08-07 
.tablegraph 
{
   width     : 300px;
   color	 : white;	
 }

 .tablegraph td.danger
{
  background-color : #ff0000;
  text-align		: left; 
  border-radius    : 7px;       
  border-style     : none; 
  border-width     : 1px;     
 }

 .tablegraph td.used
{
  background-color : #b080ae;
  text-align		: left; 
  border-radius    : 7px;       
  border-style     : none; 
  border-width     : 1px;     
 }

 .tablegraph td.available
{
   background-color : #80afb0;
   text-align		: right;
   border-radius    : 7px;       
   border-style     : none; 
   border-width     : 1px;      
 }
 
 ********************************/
 
/**************************PPORTUNITY TABLE ******************************/
 .opportunitytable
 {
   width         : 60%;
   margin-left   : auto; 
   margin-top    : 1.2em;
   margin-bottom : 1.2em;     
   margin-right  : auto;   
}
.opportunitytable td 
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--main-border-color);
   text-align    : left;
}

.opportunity
{
  background-color : var(--table-odd-row-bg);
  text-align	   : left; 
  border-radius    : 7px;       
  border-style     : solid; 
  border-width     : 1px;     
  padding          : 10px;     
  width			   : 80%;
  margin-left      : auto; 
  margin-top       : 1.2em;
  margin-bottom    : 0em;     
  margin-right     : auto;   
}

/**************************Licenses******************************/
.licenses
{
  width	        : 92%;
  height	    : auto;
  margin-top    : 0.1em;  
  margin-bottom : 1.2em;
  margin-left   : auto;    
  margin-right  : auto;   
  border        : 0px solid #000; 
 }

/**************************Satisfaction******************************/
.satdivision
{
  width	        : 92%;
  height	    : auto;
  margin-top    : 0.1em;  
  margin-bottom : 1.2em;
  margin-left   : auto;    
  margin-right  : auto;   
  border        : 0px solid #000; 
 }

 .satcomments
{
  width	        : 100%;
  border-radius : 5px; 
  border        : 1px solid #000; 
 }

/**************************COMPANY TABLE ******************************/
 
.companytable
{
   width         : 95%;
   margin-left   : auto; 
   margin-top    : 1.2em;
   margin-bottom : 1.2em;     
   margin-right  : auto;   
}

.companytable td 
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--main-border-color);
   text-align    : left;
}

.companytable td.highlight
{
	background-color : var(--table-odd-row-bg);
}

.relationship 
{
   width         : 95%;
   margin-top    : 1.2em;
   margin-bottom : 1.2em;   
   margin-left   : auto; 
   margin-right	 : auto;      
}
.relationship td
{ 
   width 	      : 50%;
   border-style   : none; 
   border-width   : 1px;  
   vertical-align : top;
}

.allocatejobs {
width :100%
}

.contractstable
{
   width : 100%;
   height : 100%;
}

.contractstable th
{
   background-color : var(--table-odd-row-bg);    
   border-style     : solid; 
   border-width     : 1px;
   border-color     : var(--main-border-color);
   width	        : 30%;
}

.contractstable td
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--main-border-color);
   width	     : 30%;   
}

.contractstable  td:nth-child(1)
{
   background-color : var(--table-odd-row-bg);  
}

#contractcomments 
{
  width:100%;
}

#contractcomments  tr:nth-child(1)
{
   background-color : var(--table-odd-row-bg); 
}


#contractcomments td
{
   border-style  : solid; 
   border-width  : 1px;
 }

#contractcomments textarea
{
   width:99%;
   border-style  : none; 
   border-width  : 1px; 
}


/**********DOCUMENT STYLES **************/

.lefthead 
{
  text-align     : left;
  width          : 95%;
  margin-left    : auto; 
  margin-right   : auto;   
  font-size      : 1.3em;
  font-style     : bold;
  font-family    : var(--main-font-family);   
}

.paratext 
{
  text-align     : left;
  width          : 95%;
  margin-left    : auto; 
  margin-right   : auto;   
}

.parahead 
{
  text-align  : center;
  margin      : 0px;
  font-size   : 1.5em;
  font-style  : bold;
  font-family : var(--main-font-family);   
}

.docheading
{
  font-size   : 1.2em;
  font-style  : bold;
  font-family : var(--main-font-family);   
}

/***************************DOC DETAILS *********************************************/
.docdetails 
{
   width           : 90%;  
   margin-left     : auto; 
   margin-top      : 0;
   margin-bottom   : 0;   
   margin-right	   : auto; 
   table-layout    : auto;
}

.docdetails tr.columnheadings
{
  background-color : var(--second-bg-color);
  color 		   : var(--second-txt-color);
}

.docdetails th.th_1   { width : 4%;  } /* Type */
.docdetails th.th_2   { width : 30%; } /* Description */
.docdetails th.th_3   { width : 0%;  } /* Item link - hidden */
.docdetails th.th_4   { width : 10%; } /* Reference */
.docdetails th.th_5   { width : 5%;  } /* Quantity */
.docdetails th.th_6   { width : 10%; } /* Branch */
.docdetails th.th_7   { width : 8%;  } /* Price */
.docdetails th.th_8   { width : 4%;  } /* Discount */
.docdetails th.th_9   { width : 5%;  } /* Vat Rate */
.docdetails th.th_10 { width : 10%; } /* Vat Amount */
.docdetails th.th_11 { width : 10%; } /* Total */
.docdetails th.th_12 { width : 4%;  } /* Buttons */

.docdetails td 
{
   border-style     : solid; 
   border-width	    : 1px;
   border-color     : var(--main-border-color);   
}	

.docdetails input
{
  height       : 100%; 
  width        : 100%;
  border-style : none;
  border-width : 0;
  padding	   : 0;
 }

.docdetails select
{
  width        : 100%;
  border-style : none;
}
/**********************DOCUMENT TABLE ******************************************/

.documenttable 
{
   width           : 90%;  
   margin-left     : auto; 
   margin-top      : 0;
   margin-bottom   : 1.2em;   
   margin-right	   : auto;          
   text-align      : left;
   padding-right   : 3px;
   padding-left    : 3px;
   border-style    : solid; 
   border-width    : 1px;
   border-color    : var(--second-border-color);
}

.documenttable input 
{
   text-align    : left;
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--black);  
   width	     : 100%;
}

.documenttable input.date 
{
	width        : unset;
}

.documenttable input.currency 
{
   text-align    : right;
}

.documenttable select 
{
   text-align    : left;
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--main-border-color);  
   width	     : 100%;
}

.documenttable td.highlight
{
   background-color : var(--table-odd-row-bg);
   text-align      : right;	
}

.documenttable .stockdesc
{
  width : 25%;
}

.stockprices .mactable
{
 width           : 95%;
 margin-left     : auto; 
 margin-top      : 0;
 margin-bottom   : 1.2em;   
 margin-right    : auto;           
}
/*****************************address table *************************/

.addresstable
{
   width           : 90%;  
   margin-left     : auto; 
   margin-top      : 0;
   margin-bottom   : 1.2em;   
   margin-right	   : auto;          
   background-color : var(--table-odd-row-bg);   
}

/*****************DOCUMENT BOTTOM *******************************/
.documentbottom
{
   width         : 90%;
   margin-left  : auto; 
   margin-top   : 0;
   margin-right	: auto;    
   background-color : var(--table-odd-row-bg);      
}

.documentbottom td
{
	vertical-align   : text-top;
}

.documentbottom .right
{
   text-align    : right;
   width	     : 30%;
}

.documenttotal
{
width : 100%;
}

#docexclusive
{
  color : var(--main-warning-color);
}

#doctotal
{
  color : var(--main-warning-color);
  font-weight  : bold;
}

textarea#doccomments
{
  height : 80%;
}

.documentsubmit
{
   width        : 90%;
   margin-left  : auto; 
   margin-top   : 0;
   margin-right	: auto;    
   background-color : var(--table-odd-row-bg);      
}

.documentsubmit td
{
   text-align :center;
   border-style  : none;
}

/************************************************/
.userlist
{
   width        : 95%;
   margin-left  : auto; 
   margin-top : 1.2em;
   margin-right	: auto;   
}

.userlist td 
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--main-border-color);
   text-align    : left;
}

.ticketdetail
{
   width        : 80%;
   margin-left  : auto; 
   margin-top : 1.2em;
   margin-right	: auto;   

}

.ticketdetail td
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--main-border-color);
   text-align    : left;
}

.ticketdetail td.highlight
{
	background-color : var(--table-odd-row-bg);
}

.ticketdetail td.error
{
	background-color : var(--main-warning-color);
}

.ticketdetail td.right
{
    width            : 20%;
	vertical-align   : text-top;
	text-align	     : left;
}	

.newnumbers
{
   width              : 60%;
}

.newnumbers td
{
   border             : solid; 
   border-width       : 1px; 
   padding-left       : 1.2em;   
   padding-right      : 1.2em;   
   white-space        : nowrap;  
}

.menualert
{
  color            : var(--main-warning-color);
  font-size        : 1.2em;
  font-weight      : bold;   
 }

.menutable
{
   margin-top	      : 1em;
   margin-bottom      : 1em;
}

.menutable td
{
   border             : solid 0 #060; 
   border-right-width : 1px; 
   padding-left       : 1.2em;   
   padding-right      : 1.2em;   
   white-space        : nowrap;
   }

.accmenu
{
   width            : 90%;
   margin-left      : auto; 
   margin-right     : auto;
}

.accmenu td
{
   border             : solid; 
   border-width       : 1px; 
   padding            : 1.2em;   
   white-space        : nowrap;
   vertical-align	  : top;
}

.accmenu img
{
    display       : block;
    margin-left   : auto;
    margin-right  : auto;
}   
   
.accmenu caption
{
   padding-top       : 1em;   
   font-size	     : 2em;
}   

.accmenu  td:nth-child(1)
{
   Width      : 20%; 
}

.accmenu  td:nth-child(2)
{
   Width      : 20%; 
}

.accmenu   td:nth-child(3)
{
   Width      : 20%; 
}

.accmenu   td:nth-child(3)
{
   Width      : 20%; 
}

.accmenu   td:nth-child(4)
{
   Width      : 20%; 
}



.userdatamain
{
   width            : 100%;
}
.userdatamain td
{
   border-style  : none; 
   border-width  : 0px;
}
   
.userdatamain .userdata 
{
   width            : 100%;
   margin-left      : auto; 
   margin-right     : auto;
   margin-top	    : auto;
   margin-bottom    : 1.2em;
   background-color : var(--table-odd-row-bg);   
}
.userdatamain .userdata td
{
   border-style  : dotted; 
   border-width  : 1px;
   border-color  : var(--main-border-color);
   text-align    : Center;
   height	     : 2.5em;

}

.mactable
{
   width : 100%;  
}
.mactable tr.columnheadings
{
  background-color : var(--second-bg-color);
  color 		   : var(--second-txt-color);
  font-weight      : bold; 
}

.mactable tr.total
{
  background-color : var(--second-bg-color);
  color            : var(--second-txt-color);
  font-weight      : bold;
}

.mactable td 
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--table-odd-row-bg);;
   padding       : .3em 1em; 
   white-space   : nowrap;
}	

.mactable caption 
{
  font-size      : 1.0em;
  margin         : 0 0 0 0;
  padding        : 0;
  caption-side   : top;
  text-align     : left;
  color          : var(--main-txt-color);
  font-family    : var(--second-font-family);  
}

.mactable .caption
{
   width : 100%;  
}

.mactable .caption td
{
   width          : 33%;  
   border-style   : none; 
   padding        : .3em; 
   border-width   : 1px;   
   vertical-align : bottom;  
}

.mactable tr:hover 
{
    background-color: var(--table-hover-color);;
}
		
.halfsize
{
   width : 50%;  
}

.mactable.dowrap td 
{
  white-space : break-spaces;
}

#licensesummary td {
	vertical-align: top;
}

/****************************Software Table **************************/
.softwaretable
{
   width : 100%;  
}

.softwaretable tr:nth-child(odd) 
{
	background: var(--table-odd-row-bg);;
}

.softwaretable tr.columnheadings
{
  background-color : var(--second-bg-color);
  color 		   : var(--second-txt-color);
  font-weight      : bold; 
}

.softwaretable tr:hover 
{
   background-color: var(--table-hover-color);;
}


.softwaretable tr.total
{
  background-color : var(--second-bg-color);
  color            : var(--second-txt-color);
  font-weight      : bold;
}

.softwaretable td 
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--table-odd-row-bg);;
   padding       : .3em 1em; 
   white-space   : nowrap;   
}	


.softwaretable td:nth-child(5) textarea
{
  width : 500px;
}

.softwaretable caption 
{
  font-size      : 1.0em;
  margin         : 0 0 0 0;
  padding        : 0;
  caption-side   : top;
  text-align     : left;
  color          : var(--main-txt-color);
  font-family    : var(--second-font-family);  
}

.softwaretable .caption
{
   width : 100%;  
}

.softwaretable .caption td
{
   width          : 33%;  
   border-style   : none; 
   padding        : .3em; 
   border-width   : 1px;   
   vertical-align : bottom;  
}

/****************************Stock Table *****************************/
.stocktable 
{
   width           : 95%;  
   margin-left     : auto; 
   margin-right	   : auto;             
}

.stocktable tr.columnheadings
{
  background-color : var(--second-bg-color);
  color 		   : var(--second-txt-color);
  font-weight      : Normal; 
}

.stocktable td 
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--table-odd-row-bg);;
   padding       : 0; 
   margin	     : 0 0 0 0;
   white-space   : nowrap;
   
}	
.stocktable input
{
   font-size      : 0.9em;
}

.stocktable select
{
   font-size      : 0.9em;
}

.stocktable caption
{
  font-size      : 1.0em;
  margin         : 0 0 0 0;
  padding        : 0;
  caption-side   : top;
  text-align     : left;
  color          : var(--main-txt-color);
  font-family    : var(--second-font-family);  
}

.stocktable .caption
{
   width : 100%;  
}

.stocktable .caption td
{
   width         : 33%;  
   border-style  : none; 
   padding       : 0; 
   border-width  : 0px;   
   vertical-align   : bottom;  
}

.stockhead
{
   width           : 95%;
   margin-left     : auto; 
   margin-right	   : auto; 

}

.stockhead  td 
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--table-odd-row-bg);;
   padding       : 0; 
   margin	     : 0 0 0 0;
   white-space   : nowrap;
  
}

.stockhead  td:nth-child(1)
{
   Width      : 33%; 
   text-align : left;
}

.stockhead  td:nth-child(2)
{
   Width      : 33%; 
   text-align : center;
}

.stockhead  td:nth-child(3)
{
   Width      : 33%; 
   text-align : right;
}

.statstable
{
   width     : 100%;  
  font-size  : .75em;
   
}
.statstable tr.columnheadings
{
  background-color : var(--second-bg-color);
  color 		   : var(--second-txt-color);
  font-weight      : bold; 
}

.statstable tr.total
{
  background-color : var(--second-bg-color);
  color            : var(--second-txt-color);
  font-weight      : bold;
}

.statstable td 
{
   border-style  : solid; 
   border-width  : 1px;
   border-color  : var(--table-odd-row-bg);;
   white-space   : nowrap;
}	

.statstable caption 
{
  font-size      : 1.0em;
  margin         : 0 0 0 0;
  padding        : 0;
  caption-side   : top;
  text-align     : left;
  color          : var(--main-txt-color);
  font-family    : var(--second-font-family);  
}

.statstable .th_1 
{
width : 20%;
}

.statstable .th_2 
{
width : 5%;
}

.statstable .th_3, .statstable .th_4, .statstable .th_5, .statstable .th_6, .statstable .th_7, 
.statstable .th_8, .statstable .th_9, .statstable .th_10, .statstable .th_11 
{
width : 3%;
}
.statstable .th_12, .statstable .th_13, .statstable .th_14, .statstable .th_15, .statstable .th_16,
.statstable .th_17, .statstable .th_18, .statstable .th_19, .statstable .th_20
{
width : 3%;
}

.statstable .th_21, .statstable .th_22, .statstable .th_23, .statstable .th_24, .statstable .th_25,
.statstable .th_26, .statstable .th_27, .statstable .th_28, .statstable .th_29
{
width : 3%;
}

.statstable tr:hover 
{
    background-color: var(--table-hover-color);;
}

/***********************AutoUpdateTable*************************************/    
.autoupdatetable {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}

.autoupdatetable td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
}

.autoupdatetable td:nth-child(1)
{
	width : 40%;
}	
.autoupdatetable td:nth-child(2)
{
	width : 10%;
}	
.autoupdatetable td:nth-child(3)
{
	width : 40%;
}	
.autoupdatetable td:nth-child(4)
{
	width : 10%;
}	
.autoupdatetable tr:hover 
{
    background-color: var(--main-warning-color);
}

/***********************Paragraphs***************************************/    
.tickettext
{
  width	        : 90%;
  min-height    : 100px;
  height	    : auto; 
  margin-top    : 1.2em;  
  margin-bottom : 1.2em;  
  margin-left   : 5%; 
  margin-right  : 5%;        
  border-radius : 5px; 
  border        : 1px solid var(--main-border-color); 
  focus          { border-color: var(--main-border-color); }
}

.branchtext
{
  width	        : 100%;
  min-height    : 100px;
  height	    : auto; 
  margin-top    : 1.2em;  
  margin-bottom : 1.2em;  
  border-radius : 5px; 
  border        : 1px solid var(--main-border-color); 
  focus          { border-color: var(--main-border-color); }
}

/***********************Images***************************************/    
img
{
  border-style:none;
}


#new_installation_key 
{
 width :20em;
 }

 
 /************************************Modal Dialog Box ********************************/
 
 	.modalDialog {
		position: fixed;
		font-family: var(--main-font-family);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 200ms ease-in;
		-moz-transition: opacity 200ms ease-in;
		transition: opacity 200ms ease-in;
		pointer-events: none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 600px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: var(--second-txt-color);
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }
	
/**********************No Recordings ********************/
.norecording {
  width           : 100%;
  margin-left     : auto; 
  margin-right    : auto;
  border          : 1px solid var(--table-odd-row-bg);;
  margin          : 1em auto;
  border-collapse : collapse;
}  

.norecording th {
    text-align 	     : left;
	font-size        : 1.5rem;
	color            : var(--main-txt-color);
	font-family      : var(--second-font-family);  
	background-color : var(--main-warning-color); 
}

.norecording th:nth-child(3){ 
    text-align 	     : right;
}

.norecording th:nth-child(4){ 
    text-align 	     : right;
}

.norecording td {
    text-align 	   : left;
	font-size      : 1.5rem;
	color          : var(--main-txt-color);
	font-family    : var(--second-font-family);  
	font-weight    : bold;
}

.norecording td:nth-child(3){
    text-align 	   : right;
}

.norecording td:nth-child(4){
    text-align 	   : right;
	font-size      : 1em;	
}

.norecording tr:nth-child(ODD) {
    background-color: var(--third-bg-color);;
}

/**********************No Recordings 2018********************/
.norecording2018 {
  width           : 95%;
  margin-left     : auto; 
  margin-right    : auto;
  border          : 1px solid var(--table-odd-row-bg);;
  margin          : 1em auto;
  border-collapse : collapse;
}  

.norecording2018 th {
    text-align 	     : left;
	font-size        : .75rem;
	color            : var(--main-txt-color);
	font-family      : var(--second-font-family);  
	background-color : var(--main-warning-color); 
}

.norecording2018 th:nth-child(n+5):nth-child(-n+10){ 
    text-align 	     : right;
}

.norecording2018 tr:hover {
  background-color: #ffa;
}

.norecording2018 td {
    text-align 	   : left;
	font-size      : .75rem;
	color          : var(--main-txt-color);
	font-family    : var(--second-font-family);  
	font-weight    : bold;
}

.norecording2018 td:nth-child(n+5):nth-child(-n+10){ 
    text-align 	   : right;
}

.norecording2018 tr:nth-child(ODD) {
    background-color: var(--third-bg-color);;
}

/**********************Ticket Stats ********************/
.ticketstats {
  width           : 80%;
  margin-left     : auto; 
  margin-right    : auto;
  border          : 1px solid var(--table-odd-row-bg);;
  margin          : 1em auto;
  border-collapse : collapse;
}  

.ticketstats th {
    text-align 	     : left;
	font-size        : 1.5rem;
	color            : Black;
	font-family      : var(--second-font-family);  
	background-color : var(--main-warning-color); 
    text-align 	     : right;	
}

.ticketstats th:nth-child(1){ 
    text-align 	     : left;
}

.ticketstats tr:first-child >th:nth-child(3) {
    text-align 	     : Center;
}

.ticketstats tr:first-child >th:nth-child(2) {
    text-align 	     : Center;
}

.ticketstats td {
    text-align 	   : right;
	font-size      : 1.5rem;
	color          : var(--main-txt-color);
	font-family    : var(--second-font-family);  
	font-weight    : bold;
	
}

.ticketstats td:nth-child(1){
    text-align 	   : left;
}

.ticketstats td:nth-child(n+6){
    color 	   : var(--main-warning-color);
}

.ticketstats th:nth-child(n+6){
    color 	   : var(--second-txt-color);
}


.ticketstats tr:nth-child(ODD) {
    background-color: var(--third-bg-color);;
}

heading {
	font-size       : 4rem;
	font-weight     : bold;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

/* tickets dashboard */

.showerror    {background-color    :var(--main-warning-color); color: var(--second-txt-color);}
.alignright  {text-align          : right;}
   
.pageheading {
  margin              	: 0.2em;
  width               	: 99%;
  font                  : 25pt Century Gothic;
  letter-spacing        : 0.01px;
  height                : 42px;
  text-align            : center;
}

.pageheading td {text-align : center;}

.dashtable
{
   width : 100%;  
}
.dashtable tr.columnheadings
{
  background-color : var(--second-bg-color);
  color 		   : var(--second-txt-color);
  font-weight      : bold; 
}

.dashtable tr.total
{
  background-color : var(--second-bg-color);
  color            : var(--second-txt-color);
  font-weight      : bold;
}

.dashtable td 
{
   border-style    : solid; 
   border-width    : 1px;
   border-color    : var(--table-odd-row-bg);;
   padding         : .3em 1em; 
   //white-space   : nowrap;
}	


.dashtable th.rotatehead {
    border: 1px solid var(--main-border-color);
    vertical-align: bottom;
}
.dashtable th.rotatehead div.rotate {
    transform:rotate(270deg);
    position: relative;
    width: 35px;
    bottom: 15px;
    text-align: left;
}

.dashtable tr.header {
    height:125px;
    border:1px solid var(--main-border-color);
}

.notrec{width: 100px;}

.dashtable th {
  border:1px solid var(--main-border-color);
}
/* tickets dashboard */

.licensetotals {
	font-weight: bold;
	font-size: large;
}

.licensetotalsamethyst {
	font-weight: bold;
}

.licensetotalstes {
	font-weight: bold;
}