body {
	height: 100%;
	color: #85859c;
	font-family: tahoma, arial, sans-serif;
	font-size: 1em;
	text-align: center;
}

a {
	color: #3333CC;
	text-decoration: underline;
}

a:hover {
	color: #FF0000;
}

.mybgsemi {
    background-color:Silver;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center; 
    background-image: url(images/loading.gif); 
    background-repeat: no-repeat; 
    
    display: block;
        /* Here's where you set the opacity */
    opacity: .6;

    /* Here's where you set the opacity for the bad browser */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
   
}

.errLblClass {
    background-color:#FF9B9B;
    height: 1.5em;
     border-style: outset;
     border-color: #ffffff;
     border-width:2px;
     font-family:Arial;
     font-size:0.9em;
     color:black; 
}

.NoRowsLblClass {
     height: 1.5em;
    
      color:black; 
     font-family:Arial;
     font-size:0.7em
}

img {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    height: 24px;
}

p {
	margin: 10px 5px 5px;
	text-align: left;
	line-height: 14px;
}

.Kinda_PanelHeader {
    background-color:#92C423;
    text-align:center; 
}

.KindaGrid {
      background-color:#92C423;
}

.myInstruBanner{
 width: 70%;    /*3%+94%+3%=100%=full width*/
 margin: 0 0% 0 1%;  
 border: 1px solid silver;
 font-size:1em;
  }

.gvLeft
{
	text-align:left; 
	font-family: Arial;
    vertical-align:top; 
	color: Black; 
			 }

.gvLeftMiddle
{
	text-align:left; 
	vertical-align:middle; 
	font-family: Arial;
	color: Black; 
			 }


.NavLabelText
{
	text-align:left; 
	vertical-align:middle; 
	font-family: Arial;
	color: Black; 
     font-size: 8pt;
			 }

.CommonPageText {
    font-family: Arial;
    font-size: 8pt;
    text-align:justify;
    color: #000000;
}

.leavea {
	color: #ffffff;
	text-decoration: none;
}

.gvItemRightMiddle
{
	text-align:right; 
	font-family: Arial;
	vertical-align:middle; 
	color: Black; 
			 }



.gvItemRight
{
	text-align:right; 
	font-family: Arial;
	color: Black; 
			 }

.gvCenter
{
	text-align:center; 
	font-family: Arial;
	color: Black;
}

.gvFullCenter
{
	text-align:center; 
	
	font-family: Arial;
	color: Black;
    width: 9px;
}


.gvJustify
{
	text-align:justify; 
	font-family: Arial;
	color: Black;
}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
}

#container {
	margin: 0px auto;
	width: 780px;
	border-color: #9e9ec3;
	border-width: 0px 1px 1px;
	border-style: solid;
}

input {
	padding-left: 2px;
	background-color: #fff;
	color: #85859c;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}




mya {
	color: #ffffff;
	text-decoration: none;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;  
}

mya:hover {
	color: #FF0000;
}

.mainlbla 
{
	border-color: #ffffff;
	border-width: 1px 1px 1px 1px;
	border-style:outset;
	height:21px;
	font-family:tahoma;
	font-size:10pt;
	font-weight:bold;
	background-color:#507cd1;
	vertical-align:middle; 
	color:#ffffff;
	width:220px;
}


.mydatelables
{
	/*Για πεδία date*/
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
}

.myfieldtexts
{
	/*Για τα κείμενα στην καρτέλα μαθητών και τμημάτων και σε όλες τις αναλυτικές οθόνες*/
	font-family:arial;
	font-size:8pt;
	font-weight:normal;
	color:#000000;
	text-align:left; 
}

.myfiltertexts
{
	/*Για τα κείμενα έρευνας στην κορυφή*/
	font-family:arial;
	font-size:8pt;
	font-weight:normal;
	color:#000000;
}

.myfilterlabels
{
	/*Για τις ετικέττες των πεδίων της έρευνας στην κορυφή*/
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
}


.myfiltercombos
{
	/*Για το dropdown στην κορυφή*/
	font-family:arial;
	font-size:8pt;
	font-weight:normal;
	color:#000000;
}

.myuserlabel
{
	/*στο lefter*/
	font-family:tahoma;
	font-size:8pt;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	background-color:#507cd1;
	padding-top:5px;
	height:22px;
	padding-left:3px;
}
.mymainpopup
{
	/*Για την ανακοίνωση σε όπια  σελίδα*/
	font-family: Times New Roman;
	font-size:8pt;
	font-weight:normal;
	font-style:italic;  
	color:#000000;
	text-align:justify; 
	background-color:White; 
}




.myTableHeaderStyle
{
	/*επικεφαλίδες πινάκων*/
	font-family:tahoma;
	font-size:8pt;
	font-weight:bold;
 	   color:White;
	 text-align:center;
	 vertical-align:middle ;
	
	
}

.myTableHeaderStyle a
{
	font-family:tahoma;
	font-size:8pt;
	font-weight:bold;
	
	color:White;
	 text-align:center;
	 vertical-align:middle ;
	
	
}
/* Main Navigation Menu */
#page_menu {
	border-color: #507cd1;
	border-width: 1px 1px 1px 1px;
	border-style:outset;
	height:20px;
	font-family:tahoma;
	font-size:9pt;
	font-weight:normal ;
	background-color: #507cd1;
	vertical-align:middle; 
}

#page_menu a {
	height:14px;
	padding-top:1px;
	padding-bottom:1px;  
	padding-left:6px;
	padding-right:6px;
	background-color: #507cd1;
	overflow: hidden;
	text-align: center;
	vertical-align:middle;  
	color: #ffffff;
	text-decoration: none;
	border-width: 0px 0px 0px 0px;
	border-color: #507cd1;
	border-style:solid; 
}

#page_menu a:hover 
{
		background-color: #507cd1;
	color: #ffff00;
	border-width: 0px 0px 0px 0px;
	border-color:  #507cd1;
	border-style:solid; 
}






#con_menu {
	
	
	
	font-family:tahoma;
	font-size:9pt;
	font-weight:normal ;
	
}



#con_menu a {
	
	background-color:#336699;
	padding-bottom:1px;
	padding-top:1px;  
	padding-left:5px;
	padding-right:10px;
	font-size:9pt;
	height:auto ;
	border:none;
	font-family:Arial;
	font-weight:bold;
	overflow: hidden;
	text-align: center;
	vertical-align:middle;  
	color: #ffffff;
	text-decoration: none;
}

#con_menu a:hover 
{
	
	color:#99EBFF ;

}




#con_menu1 {
	
	
	
	font-family:tahoma;
	font-size:9pt;
	font-weight:normal ;
	
}



#con_menu1 a {
	
	 background-color:#336699;
	padding-bottom:1px;
	padding-top:1px;  
	padding-left:5px;
	padding-right:10px;
	
	overflow: hidden;
	text-align: center;
	vertical-align:middle;  
	color: #ffffff;
	text-decoration: none;
	border-color: #002244;
	border-width: 1px 2px 2px 1px;
	border-style: outset;
	 
}

#con_menu1 a:hover 
{
	
	color:#99EBFF ;

}





/* Secondary menu  */

#sec_menu {
	margin-bottom: 1px;
	margin-left: 4px;
	width: 650px;
	height: 16px;
}

#sec_menu ul {
	width: 650px;
	height: 16px;
	list-style-type: none;
	overflow: hidden;
}

#sec_menu li {
	margin-right: 1px;
	width: 160px;
	height: 16px;
	float: left;
	background-color: #d7a069; 
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

#sec_menu li.last {
	margin-right: 0px;
	width: 160px;
}

#sec_menu a {
	padding-top: 3px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#sec_menu a:hover {
	color: #000000;
}



.TabView{ 
    width:95%;height:99%;border:1px #CCC solid;margin:20px;
 } 
.TabView .Tabs { 
  height:26px;display:block;background:#d1d1d1;color:#000000
} 
.TabView .Tabs a { 
    font-size:9pt;display:block;float:left;width:90px;height:25px;line-height:25px;color:#000000;text-align:center;text-decoration:none;font-weight:normal;border:1px #666 solid;margin:0px 1px;
 } 
.TabView .Tabs a.ActiveTab{ 
    background:#F6F0DA;border:1px #666 solid;border-bottom:1px #FFF solid;color:Maroon;font-weight:bold;  
} 
.TabView .Tabs a.InactiveTab{ 

} 
.TabView .TPages{ 
    width:90%; 
    border:1px solid blue;
} 
.TabView .TPages .Page{ 
    width:100%;
  
} 


.bh1 {height:1px; background:#a0a0a0; margin:0 2px;}
.bh2{height:1px; border-right:1px solid #a0a0a0; border-left:1px solid #a0a0a0; margin:0 1px;}
.bh2 {background:#fff;}
.bxhb, .bxhh{}
.bxhh {background: transparent url(./images/cntboxhdr.gif) repeat-x bottom;}
.bxhh h3 {margin:0; font: bold 15px Tahoma, Arial, sans-serif; color: #006bbc; padding: 4px 5px 6px 10px;}
.bxhh h3 a{color: #006bbc;}
.bxhdiv {margin:0; padding: 10px 12px 1px 12px; font-size: 11px;}
.bxhdiv p{line-height:14px;}
.bxhdiv ul {margin: 0 0 0 5px; padding: 1px 0 5px 0;}
.logos{padding-top: 15px;}
.logos img{border: solid 1px #ccc; padding: 3px;background:#eee; margin: 0 0 5px 4px;}
	.cpYearNavigation, .cpMonthNavigation{ background-color:#ffffff; text-align:center; vertical-align:middle; text-decoration:none; color:#000000; font-weight:bold;}
	.cpDayColumnHeader,.cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText {font-family:arial; font-size:8pt; }
	TD.cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px;}
	TD.cpWEDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px;color:#ff0000}
	.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate, .cpCurrentMonthWEDate  { text-align:right; text-decoration:none; }
	.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled, .cpCurrentMonthWEDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
	.cpCurrentMonthDate, .cpCurrentDate { color:#000000;}
	.cpCurrentMonthWEDate {color:#D12140;font-size:8pt;}
	.cpOtherMonthDate { color:#808080; }
	TD.cpCurrentDate { color:white; background-color: #ffffff; border-width:1px; border:solid thin #ff0000; }
	TD.cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
	TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
	A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
	A.cpTodayText { color:black; }
	.cpTodayTextDisabled { color:#D0D0D0; }
	.cpBorder { border:solid thin #808080; 
	}	
	
	/* CSS for my first scrolling box */
	#scrollingContainer{
		width:300px;	/* Firefox */
        height:350px;	/* Height of box */
		border: none; /* 3px solid #495361;*/	/* Black border around box */
		background-color: #FFFFFF ;	/* Light blue background color */

		padding:2px;	/* 2px A little bit of space between border of box and text inside */
		/*float:right;	*/ /* I want the text to wrap around the box */
		margin-right:0px;	/* Right margin of 10 pixels */
		font-size:0.9em;	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	}
	/* End css for my first scrolling box */
	
	
	/* CSS for my second scrolling box */
	#scrollingContainer2{
		width:100px;	/* Width of second box */
		height:150px;	/* Height of second box */
		
		border:1px solid #000;
		background-color: #DDD;

		padding:2px;	/* A little bit of space between border of box and text inside */
		float:right;	/* I want the text to wrap around the box */
		margin-left:10px;	/* Space at the left of the box */
		color:red;	/* red text color */
	
		
	}

.NewStyle_DetailModeLabel {
    font-family:Arial;
    font-weight:normal;
    font-size:0.9em;
    background-color:white;

}

.newStyle_DetailsFieldLabel {
       font-family:Arial;
    font-weight:normal;
    font-size:0.9em;
    color:black;
    text-align:right;
    height:2em;
}

.newStyle_DetailsTextFieldReadOnly {
    font-family:Arial;
     font-size:0.9em;
    color:black;
    background-color:lightyellow; 
    font-weight:bold;
    text-align:left;
}

.newStyle_DetailsNameFieldReadOnly {
    font-family:Arial;
    font-weight:bold;
    font-size:0.9em;
    color:black;
    text-align:left;
}

.newStyle_PrevComments {
    font-family: Arial;
    font-size: 0.7em;
    color: black;
    text-align: justify;
}


.newStyle_DetailsLabelReadOnly {
    font-family:Arial;
    font-weight:normal;
    font-size:0.9em;
    color:black;
    min-height:2em;
    background-color:lightyellow; 
    font-weight:bold;
    text-align:left;
}


.newStyle_DetailsTextField {
       font-family:Arial;
    font-weight:normal;
    font-size:0.9em;
    color:black;
    height:1.5em;
    text-align:left;
    min-width:12em;
   
}


.newStyle_DetailsListTopField {
       font-family:Arial;
    font-weight:500;
    font-size:0.9em;
    color:black;
    height:1.5em;
    text-align:center;
    min-width:12em;
    border:1px silver solid;

}



.newStyle_DetailsTextFieldRight {
      text-align:right;  
     font-family:Arial;
    font-weight:normal;
    font-size:0.9em;
    color:black;
       height:1.5em;
}

.newStyle_DetailsDateField {
       font-family:Arial;
    font-weight:bold;
    font-size:0.9em;
    color:black;
    text-align:center;
    height:2em;
    
}
.newStyleCheckBox {
      font-family:Arial;
    font-weight:normal;
    font-size:0.9em;
    color:black;
       height:2em;
}

.newStyle_DetailsFilterTextField {
       font-family:Arial;
    font-weight:normal;
    font-size:0.9em;
    color:black;
   
        text-align:left;
}

.newstyle_Requests_Divider {
    border: silver 1px solid;
    background-color:#EFF3FB;
      font-family:Arial;
    font-weight:normal;
    font-size:0.8em;
       color:black;
       height:2em;
       text-align:left;
}


.newStyle_RequestsTextFieldReadOnly {
    font-family:Arial;
    font-weight:normal;
    font-size:0.8em;
    color:#666;
    text-align:left;
}

.newStyle_RequestsTextField {
    font-family: Arial;
    font-weight: normal;
    font-size: 0.9em;
    color: black;
    text-align: left;
}

.newStyle_DetailsFilterLabel {
       font-family:Arial;
    font-weight:normal;
    font-size:0.9em;
    color:black;
    text-align:right;
}



.newStyle_PageTitle {
    font-weight: normal; color: #000000; font-family: tahoma, Arial; font-weight:600; font-size: 0.9em; vertical-align: middle; text-decoration:underline;text-align:left; 
}

.newStyle_PageTitleWebinar {
    font-weight: normal; color: #000000; font-family: tahoma, Arial; font-size: 0.9em; vertical-align: top; text-decoration:underline;text-align:left; 
}

.newStyle_detFrameDelButton {
    font-family:Arial;
    font-size:0.75em;
    color:white;
    background-color:#990000;
    font-weight:bold; 
}

.newStyle_detFrameNormalButton {
    font-family:Arial;
    font-size:0.8em;
    color:white;
    background-color:ButtonFace ;
    font-weight:500; 
}


.newStyle_detFrameBackLink {
    font-family:Arial;
    font-size:0.8em;
    font-weight:bold; 
}


.newStyle_BasicGridFont {
    font-family:Arial;
    font-size:8pt;
}

.newStyl1_GridHeader {
   background-color:#D5E5FF;
   border: Groove 2px snow;
   font-family:tahoma;
   Font-Size:8pt;
    color:Black;
    text-align:Center;
    vertical-align:middle;
    Font-weight:normal;
}
.newStyle_GridRowStyle {
    border-style:solid; 
    border-width:1px;
    border-color:silver;
    background-color:#EFF3FB; 
    font-family:Arial ;
    font-size:0.8em;
}
.newStyle_GridFooterStyle {
    border-style: none; 
    background-color:#EFF3FB; 
    font-family:Arial ;
    font-size:0.8em;
    color:black;
}

 .some-page-wrapper {
  margin: 10px;

}

.GenericDateLabel {
    font-weight: bold; 
    font-size: 0.9em; 
    font-family: Arial; 
}


.Abs_GridRowStyle {
    background-color:#FEC2C7; 
}

.NoAbs_GridRowStyle {
    background-color:#ffffff; 
}


.GenericDateLabelContainer {
    vertical-align:middle; 
   
}


.row {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
   
}

.column {
  display: flexbox;
  flex-direction: column;
  flex-basis: 50%;
  
}

.orange-column {
  background-color: white;
  text-align:center;
}

.blue-column {
  background-color: white;
  text-align:left;
 
}

.green-column {
  background-color:  white;
}

.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
 
}

       @media screen and (min-width: 550px) {
           .column {
               flex: 1;
           }

           .double-column {
               flex: 1;
           }
       }