/*body { font-family: 'Roboto',Arial,Helvetica,sans-serif; }*/
/*@import url('fonts_opensans.css');*/

.logobar	{ font-size:1.5em; color:#303030; line-height:1.3em; letter-spacing: 1px; font-weight:bold; text-shadow: 2px 2px 4px #ccc; }
.keyschool_logo { max-height:60px; }


a.logohref,
a.logohref:hover,
a.logohref:visited  { color:#303030; }

.logobar		{ background: #fff; }
@media only screen and (max-width: 992px) {
	.logobar .client_logo   { max-width:100%; }
}
.skin_background	{ background: url('../images/bg.jpg');  }
.skin_background2	{ background: url('../images/bgwall.jpg');  }

.simple_box_shadow      { box-shadow: 2px 2px 20px 2px gray !important; border: 1px solid #efefef !important;}

.skin_card_title_header { background-color:black; color:white; }

#dimensions_panel {
	display: block;
	position: fixed;
	top: 50px;
	left: 0;
	padding: 10px;
	height: 40px;
	line-height: 20px;
	background: maroon;
	color: white;
	font-size:18pt;
	z-index: 1000;
	box-shadow: 2px 2px 10px 2px grey;
}


#header-empty { width:100%; height:2px; }


.topbar_account_menu { 
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	max-width:90px;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:-5px;
} 

#topBar .badge { margin:0px 0px 0px -2px; padding:3px 5px 3px 4px;}
.page-header .badge { margin:0px 0px 0px -2px; padding:3px 5px 3px 4px; }
.page-header .badge-red { color:white; }

.page-header span:first-of-type { display:inline-block; max-width:100%;}
@media only screen and (min-width: 992px) {
	.page-header span:first-of-type   { max-width:80%; }
}

span.jshighlight		{ background-color: #ffff66; }
span.jsnohighlight		{ background-color: transparent; }


/**************************************************/
/* simple table that look like datatables */
/**************************************************/
/* the common one */
#dtable_simple 			        { color:black; font-size:15px; width:100%; margin:0px; border-collapse: collapse !important; }
#dtable_simple tr.active td		{ background-color: #97D4F3 !important; }	
#dtable_simple tr.active:hover td	{ background-color: #74C8F4 !important; }
#dtable_simple tr td			{ color:black; padding:3px 4px 3px 4px; margin:0px;  border-bottom: 1px solid #ccc;  border-top: 0px; border-left:0px; border-right:0px; }
#dtable_simple tr:first-child td	{ border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc; border-left:0px; border-right:0px; }	
#dtable_simple th			{ background-color:#CF2528; font-size:15px;  color:#fff; text-align:center; padding:10px 20px 10px 20px; margin:0px; border: 0px;  }

@media only print  {
	#dtable_simple tr th			{ color:black !important; border-bottom: 1px solid #666 !important; }
}

/**************************************************/
/* datatables */
/**************************************************/

table.dataTable thead .sorting {
    background: url('../plugins/datatables/images/sort.png') no-repeat center right; 
}

/* the common one */
#dtable 			{ color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; }
#dtable tr.active td		{ background-color: #97D4F3 !important; }	
#dtable tr.active:hover td	{ background-color: #74C8F4 !important; }
#dtable td			{ color:black; padding:2px; margin:0px;  border: 0px solid #bbb;}	
#dtable th			{ background-color:#CF2528; font-size:13px;  color:#fff; text-align:left; padding:10px 20px 10px 5px;margin:0px; border-bottom: 0px; border-top: 0px;  border-left: 0px;  border-right: 1px solid #bbb;}
#dtable_wrapper .row		{ margin:0px; padding:0px; }

/* CM_fro_list | CM_stu_list | CM_sta_list*/
#dtable_active 		{ color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; }
#dtable_active td	{ color:black; padding:2px; margin:0px;  border: 0px solid #bbb;}	
#dtable_active th	{ background-color:#03671A; font-size:13px;  color:#fff; text-align:left !important; padding:10px 20px 10px 5px;margin:0px; border-bottom: 0px; border-top: 0px;  border-left: 0px;  border-right: 1px solid #bbb;}
#dtable_active_wrapper .row { margin:0px; padding:0px; }

#dtable_demos 		{ color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; }
#dtable_demos td	{ color:black; padding:2px; margin:0px;  border: 0px solid #bbb;}	
#dtable_demos th	{ background-color:#007bff; font-size:13px;  color:#fff; text-align:left !important; padding:10px 20px 10px 5px;margin:0px; border-bottom: 0px; border-top: 0px;  border-left: 0px;  border-right: 1px solid #bbb;}
#dtable_demos_wrapper .row { margin:0px; padding:0px; }

#dtable_disabled	{ color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; }
#dtable_disabled td	{ color:black; padding:2px; margin:0px;  border: 0px solid #bbb;}	
#dtable_disabled th	{ background-color:gray; font-size:13px;  color:#fff; text-align:left !important; padding:10px 20px 10px 5px;margin:0px; border-bottom: 0px; border-top: 0px;  border-left: 0px;  border-right: 1px solid #bbb;}
#dtable_disabled_wrapper .row { margin:0px; padding:0px; }

#dtable_readonly 		{ color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; }
#dtable_readonly td	{ color:black; padding:2px; margin:0px;  border: 0px solid #bbb;}	
#dtable_readonly th	{ background-color:#fd7e14; font-size:13px;  color:#fff; text-align:left !important; padding:10px 20px 10px 5px;margin:0px; border-bottom: 0px; border-top: 0px;  border-left: 0px;  border-right: 1px solid #bbb;}
#dtable_readonly_wrapper .row { margin:0px; padding:0px; }

/* the pms one: (unused) */
#dtable_pms 			{ color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; }
#dtable_pms tr.active td	{ background-color: #97D4F3 !important; }	
#dtable_pms tr.active:hover td	{ background-color: #74C8F4 !important; }
#dtable_pms td			{ color:black; padding:2px; margin:0px;  border: 0px solid #bbb;}	
#dtable_pms th			{ background-color:#CF2528; font-size:13px;  color:#fff; text-align:left; padding:10px 20px 10px 5px;margin:0px; border-bottom: 0px; border-top: 0px;  border-left: 0px;  border-right: 1px solid #bbb;}
#dtable_pms_wrapper .row	{ margin:0px; padding:0px; }


/* today's program CM_ttb_today_meetings*/
#dtable_bordered_lines 			    { color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; }
#dtable_bordered_lines tr.active td	    { background-color: #97D4F3 !important; }	
#dtable_bordered_lines tr.active:hover td   { background-color: #74C8F4 !important; }
#dtable_bordered_lines td		    { color:black; padding:10px 2px 10px 2px; margin:0px;  border-bottom: 1px solid #efefef; }	
#dtable_bordered_lines th		    { background-color:#CF2528; font-size:13px;  color:#fff; text-align:left; padding:10px 20px 10px 5px;margin:0px; border-bottom: 0px; border-top: 0px;  border-left: 0px;  border-right: 1px solid #bbb;}
#dtable_bordered_lines_wrapper .row         { margin:0px; padding:0px; }

/* urls in datatables (mostly buttons) */
#dtable                a, 
#dtable_active         a, 
#dtable_demos          a, 
#dtable_disabled       a, 
#dtable_readonly       a,
#dtable_pms            a,
#dtable_bordered_lines a,
#dtable_simple         a       { color:#000; }

#dtable                a:hover, 
#dtable_active         a:hover, 
#dtable_demos          a:hover, 
#dtable_disabled       a:hover, 
#dtable_readonly       a:hover,
#dtable_pms            a:hover,
#dtable_bordered_lines a:hover,
#dtable_simple         a:hover 	{ color:#666; }

/* icons in datatables (mostly buttons) */
#dtable                a.icon_active, 
#dtable_active         a.icon_active, 
#dtable_demos          a.icon_active, 
#dtable_disabled       a.icon_active, 
#dtable_readonly       a.icon_active,
#dtable_readonly       a.icon_active,
#dtable_bordered_lines a.icon_active,
#dtable_simple         a.icon_active 		{ color:#1474CE; }

#dtable                a.icon_active:hover, 
#dtable_active         a.icon_active:hover, 
#dtable_demos          a.icon_active:hover, 
#dtable_disabled       a.icon_active:hover, 
#dtable_pms            a.icon_active:hover,
#dtable_bordered_lines a.icon_active:hover,
#dtable_simple         a.icon_active:hover 	{ color:#3A98F0; }

/* badges in datatables' tds  */
#dtable                 .badge, 
#dtable_active          .badge, 
#dtable_demos           .badge, 
#dtable_disabled        .badge, 
#dtable_readonly        .badge,
#dtable_readonly        .badge,
#dtable_pms             .badge,
#dtable_bordered_lines  .badge,
#dtable_simple          .badge 		{ font-size:12px; }

/*** Attributes for various tables and datatables ***/
.item_inactive, .item_inactive > td	{ color:#707070 !important; }
.item_absence,  .item_absence  > td	{ color:#C00000 !important; }
.item_notice,   .item_notice   > td	{ background: rgba(255,255,221,0.5) !important; }
.item_error,    .item_error    > td	{ color:#FF0000 !important; }
.item_active		{ color:#000000; }
/*.item_active_hover	{ background-color:#D8D8D8; color:#000000; }*/
.mark_absense		{ font-weight:bold; color:#C00000; }
a.item_url		{ font-weight:bold;  }
a.item_url:hover	{ font-weight:bold; color:blue !important; }

td.inside_header	{ text-align:center; font-size:16px !important; background: #696969 !important; color:#fff !important; padding:5px !important;}

/*** Attributes for the user table ***/
.user_staff,     .user_staff     > td	{ color:#4040FF !important; }
.user_faculty,   .user_faculty   > td	{ color:#000000 !important; }
.user_schooladm, .user_schooladm > td	{ color:#CF2528 !important; }
.user_student		{ color:#000000 ; }

/*** Attributes for pms ***/
.msg_unread, .msg_unread > td        { color:#000 !important; font-weight:800    !important; }
.msg_read,   .msg_read   > td        { color:#555 !important; font-weight:normal !important;  }
.pmtt:hover			     { color:#CF2528 !important; }

/*** Attributes for grades ***/
.grade_closed,		
.grade_closed > td	{ color:#4040FF !important; }
.grade_open		{ color:#000000; }

/*** Attributes for the frontistiria table ***/
.front_normal		{ color:#000000; }
.front_demo		{ color:#800000; }


/*** Attributes financial transactions datatables ***/
.kart_commpub  { font-style: italic; color: #000000; }
.kart_commpriv { font-style: italic; color: #800000; }

/**************************************************/
/* datatables class for all columns with buttons*/
/**************************************************/
.col-imgbutton { text-align:center; align-items:center; vertical-align: middle;  margin:0 !important; padding:0px 6px 0px 6px !important; width:1px; max-width:25px; }
.col-imgbutton a                { display:flex; align-items:center; text-decoration:none; }
.col-imgbutton .checkboxes      { display:flex; align-items:center; margin-left:4px;  }
.col-imgbutton .group-checkable { display:flex; align-items:center; margin-left:4px; padding:0px; }

/**************************************************/
/* datatables' custom buttons */
/**************************************************/
.imgbutton { 
	vertical-align: middle; 
	display:inline-block; 
	background-size: 20px 20px; 
	width:20px; height:20px;
	border:0px solid red;
}

.imgbutton-pm-forward  	  	{ background-image: url('../images/pm_forward.png');   content:"";   }
.imgbutton-pm-forward:hover  	{ background-image: url('../images/pm_forward_d.png'); content:"";  }
.imgbutton-pm-forward-dis  	{ background-image: url('../images/pm_forward_d.png'); content:"";  }
.imgbutton-pm-reply  	  	{ background-image: url('../images/pm_reply.png');     content:""; }
.imgbutton-pm-reply:hover  	{ background-image: url('../images/pm_reply_d.png');   content:""; }
.imgbutton-pm-reply-dis    	{ background-image: url('../images/pm_reply_d.png');   content:""; }

.imgbutton-bbb { 
	vertical-align: middle;
	display:inline-block;
	border:0px; 
	width:22px; height:22px; 
	background-size: 18px 18px; 
	border-radius: 5px; 
	background-image: url('../images/bbb.png');  
	background-repeat: no-repeat; 
	background-position: center;   
	content:""; 
}

.imgbutton-bbb-join-dis    	{ background-color:#aaa; cursor:default !important;}
.imgbutton-bbb-join  	  	{ background-color:#1474CE; }   /* green */
.imgbutton-bbb-join:hover  	{ background-color:#3A98F0; }
.imgbutton-bbb-create  	  	{ background-color:#28a745; }   /* blue */
.imgbutton-bbb-create:hover  	{ background-color:#37944C; }


a.button-show-exam 	{ margin:0px; padding:2px 5px 2px 8px; font-size:16px !important; font-weight:400px;}


/* first attemp
.imgbutton 			  	{ vertical-align: middle; }
.imgbutton::after		  	{ display:inline-block;   border:0px solid red;}
.imgbutton-pm-forward  	  		{ content: url('../images/pm_forward.png'); }
.imgbutton-pm-forward:hover::after  	{ content: url('../images/pm_forward_d.png'); }
.imgbutton-pm-forward-dis::after  	{ content: url('../images/pm_forward_d.png'); }
.imgbutton-pm-reply::after  	  	{ content: url('../images/pm_reply.png');     margin-top:2px;}
.imgbutton-pm-reply:hover::after  	{ content: url('../images/pm_reply_d.png');   margin-top:2px;}
.imgbutton-pm-reply-dis::after    	{ content: url('../images/pm_reply_d.png');   margin-top:2px;}
*/



/*** HTML Tooltips ***/
.xstooltip 
{
	visibility: hidden; 
	position: absolute; 
	top: 0;  
	left: 0; 
	z-index: 2; 
	font-size:11px; 
	font-weight:normal;
	padding: 3px; 
	border: solid 1px;
	background-color: #FFFFE1;
	color:black;
}





/***************************************************************************/
/*************      Missing in  essentials.css             *****************/
/*************      Some were removed from essentials cause there was a conflict with bootstrap's new classes             *****************/
/***************************************************************************/

/***************************************************************************/
/*************      Width and Heights	             *****************/
/***************************************************************************/

.w-auto		{ width:auto !important; }
.h-auto		{ height:auto !important; }

.w-0px		{ width:0px !important; }
.w-1px		{ width:0px !important; }
.w-21px		{ width:21px !important; }
.w-22px		{ width:22px !important; }
.w-23px		{ width:23px !important; }
.w-24px		{ width:24px !important; }
.w-25px		{ width:25px !important; } 
.w-155px	{ width:155px !important; }
.w-160px	{ width:160px !important; }
.w-165px	{ width:165px !important; }
.w-170px	{ width:170px !important; }



/*.w-50p		{ width:50% !important; }*/ 

/* max-width */
.maw-20        { max-width: 20px !important;  }
.maw-50        { max-width: 50px !important;  }
.maw-100       { max-width: 100px !important;  }
.maw-150       { max-width: 150px !important;  }
.maw-200       { max-width: 200px !important;  }
.maw-250       { max-width: 250px !important;  }
.maw-300       { max-width: 300px !important;  }
.maw-350       { max-width: 350px !important;  }


/* min-height */
.minh-auto       { min-height: auto  !important;  }
/* min-height pixel */
.mh-30         { min-height: 30px  !important;  }
.mh-40         { min-height: 40px  !important;  }
.mh-50         { min-height: 50px  !important;  }
.mh-55         { min-height: 55px  !important;  }
.mh-60         { min-height: 60px  !important;  }
.mh-100        { min-height: 100px !important;  }
.mh-150        { min-height: 150px !important;  }
.mh-200        { min-height: 200px !important;  }
.mh-250        { min-height: 250px !important;  }
.mh-300        { min-height: 300px !important;  }
.mh-350        { min-height: 350px !important;  }
.mh-400        { min-height: 400px !important;  }
.mh-450        { min-height: 450px !important;  }
.mh-460        { min-height: 460px !important;  }
.mh-470        { min-height: 470px !important;  }
.mh-480        { min-height: 480px !important;  }
.mh-500        { min-height: 500px !important;  }
.mh-510        { min-height: 510px !important;  }
.mh-520        { min-height: 520px !important;  }
.mh-530        { min-height: 530px !important;  }
.mh-540        { min-height: 540px !important;  }


/* min-height percent */
.mh-90p        { min-height: 90vh !important;  }
.mh-85p        { min-height: 85vh !important;  }
.mh-80p        { min-height: 80vh !important;  }
.mh-75p        { min-height: 75vh !important;  }
.mh-65p        { min-height: 65vh !important;  }
.mh-60p        { min-height: 60vh !important;  }
.mh-50p        { min-height: 50vh !important;  }
.mh-45p        { min-height: 45vh !important;  }
.mh-40p        { min-height: 40vh !important;  }
.mh-35p        { min-height: 35vh !important;  }
.mh-30p        { min-height: 30vh !important;  }
.mh-25p        { min-height: 25vh !important;  }

.mw-100		{ min-width:100px !important; }
.mw-150		{ min-width:150px !important; }
.mw-200		{ min-width:200px !important; }
.mw-250		{ min-width:250px !important; }

/* height real percent */
.h-100per	{ height:100%; }
.h-75per		{ height: 75%; }
.h-50per		{ height: 50%; }
.h-25per		{ height: 25%; }

.line-height-5		{ line-height:5 !important; 	}
.line-height-15		{ line-height:15px !important; 	}
.line-height-25		{ line-height:25px !important; 	}
.line-height-35		{ line-height:35px !important; 	}
.line-height-45		{ line-height:45px !important; 	}
.line-height-55		{ line-height:55px !important; 	}
.line-height-65		{ line-height:65px !important; 	}
.line-height-75		{ line-height:75px !important; 	}
.line-height-85		{ line-height:85px !important; 	}
.line-height-95		{ line-height:95px !important; 	}
.line-height-105	{ line-height:105px !important; }

.line-height-100p	{ line-height:1    !important; 	}
.line-height-150p	{ line-height:1.5  !important; 	}
.line-height-175p	{ line-height:1.75 !important; 	}
.line-height-200p	{ line-height:2    !important; 	}



/* font size in points*/
.fs-10pt { font-size: 10pt !important; }
.fs-11pt { font-size: 11pt !important; }
.fs-12pt { font-size: 12pt !important; }
.fs-13pt { font-size: 13pt !important; }
.fs-14pt { font-size: 14pt !important; }
.fs-15pt { font-size: 15pt !important; }
.fs-16pt { font-size: 16pt !important; }
.fs-17pt { font-size: 17pt !important; }
.fs-18pt { font-size: 18pt !important; }
.fs-19pt { font-size: 19pt !important; }
.fs-20pt { font-size: 20pt !important; }
.fs-21pt { font-size: 21pt !important; }
.fs-22pt { font-size: 22pt !important; }
.fs-23pt { font-size: 23pt !important; }
.fs-24pt { font-size: 24pt !important; }
.fs-25pt { font-size: 25pt !important; }
.fs-30pt { font-size: 30pt !important; }
.fs-35pt { font-size: 35pt !important; }
.fs-40pt { font-size: 40pt !important; }
.fs-45pt { font-size: 45pt !important; }
.fs-50pt { font-size: 50pt !important; }
.fs-55pt { font-size: 55pt !important; }
.fs-60pt { font-size: 60pt !important; }
.fs-65pt { font-size: 65pt !important; }
.fs-70pt { font-size: 70pt !important; }
.fs-75pt { font-size: 75pt !important; }
.fs-80pt { font-size: 80pt !important; }
.fs-90pt { font-size: 90pt !important; }
.fs-100pt { font-size: 100pt !important; }
.fs-120pt { font-size: 120pt !important; }
.fs-130pt { font-size: 130pt !important; }
.fs-140pt { font-size: 140pt !important; }
.fs-150pt { font-size: 150pt !important; }
.fs-200pt { font-size: 200pt !important; }



/* letter spacing */
.letter-spacing-n1 { letter-spacing: -0.1em !important; }
.letter-spacing-n2 { letter-spacing: -0.2em !important; }


/* disable mw for small screens */
@media only screen and (max-width: 992px) {
	.mw-100, .mw-150, .mw-200, .mw-250 { min-width: auto !important; }
}


.tbl_cellpadding_12	td { padding: 12px; }
.tbl_cellpadding_2      td { padding: 2px; }
.tbl_cellpadding_4      td { padding: 4px; }      

/**********************************************************/
/* Alignments 						  */
/**********************************************************/
.centered     		{ display: block; margin: 0 auto; padding-bottom:10px;  }
.centered img		{ max-width: 100%; }
.vertical-align-top 	{ vertical-align:top !important; }
.vertical-align-bottom	{ vertical-align:bottom !important; }
.text-nowrap 		{ white-space: nowrap; }
.text-align-center, .txt-center	{ text-align: center; 		}


/**********************************************************/
.elipsis-with-wrap 	{ overflow:hidden; text-overflow:ellipsis; white-space: normal; }
.text-transform-none	{ text-transform:none; }
/**********************************************************/




/**********************************************************/
/* text Colors 						  */
/**********************************************************/
.text-white { color:#fff !important; }
.text-off-white { color:#ccc !important; }
.text-black { color:#000 !important; }

.text-hs-black          { color: #000000; }
.text-hs-darkgray       { color: #606060; }
.text-hs-gray           { color: #808080; }
.text-hs-lightgray      { color: #C0C0C0; }
.text-hs-darkslategray  { color: #2F4F4F; }
.text-hs-slategray      { color: #708090; }
.text-hs-lightslategray { color: #8798A9; }

.text-poster-yellow 	{ color: #FCBD12 !important; }
.text-bright-yellow 	{ color: #FFF811 !important; }
.text-kstn-red		{ color: #CF2528 !important; }
.bg-kstn-red		{ background: #CF2528 !important; }

a.lnk_white:link,
a.lnk_white:visited	{ color: #fff; }
a.lnk_white:hover	{ color: #ccc; }

/* HS: Min mou bgazete ta matia */
/*
.sky-form	   { font-family: Arial !important; }
.sky-form header   { font-size:18px; border-color: #C0C0C0;}
input.form-control { border-color: #C0C0C0; }
.sky-form.boxed    { border-color: #C0C0C0; }
.custom-select     { border-color: #C0C0C0; }
*/

/**********************************************************/
/* button colors */
/**********************************************************/
.btn-yellow2 { background-color: #F7CC1F; color: #333 !important; }
.btn-red2    { background-color: #C00000; color: #FFF !important; }
.btn-gray    { background-color: #222222; color: #FFF !important; }
.btn-gray    { background-color: #666; color: #FFF !important; }
.fullwidth.btn-gray:hover	{ background-color: #999; color: #FFF !important; }


/**********************************************************/
/* Form elements  */
/* For select use custom-select fullwidth, it's better */
/**********************************************************/
select.form-control   { color: #444; }
input.form-control, 
select.form-control, 
textarea.form-control { border-color: rgb(206 212 218); }

input.form-control:not(textarea):not([type=file]) {
    height: 36px !important;
}


.input-group-btn { height:36px !important; }
.input-group-btn .btn { height:36px !important; } 


/**********************************************************/
/* Backgrounds 						  */
/**********************************************************/

.no-bg 		 { background:none !important; }
.bg-light-yellow { background-color: #FEFFCB !important;  }
.bg-image-wall	 { background-image:url('../images/wall2.jpg');  background-color:#fff !important;}

/**********************************************************/
/* for tables */
/**********************************************************/
.table-noborders, 
.table-noborders th, 
.table-noborders td 	{ border:0px !important; }
.add-tr-top-border td   { border-top: 2px solid #ccc !important; padding-top:8px !important; }


.table-all-cells-valign-top th, 
.table-all-cells-valign-top td { vertical-align:top !important; }

.addhover:hover {  background-color: rgba(0, 0, 0, 0.075); }

.fs-1 { font-size: 1px !important; }


.table tr:last-child td { border-bottom: 1px solid #dee2e6; }

/***************************************************************************/
/*****************      Fix form elements	            ****************/
/***************************************************************************/
/* it messes with the click on the combo boxes **/
.fancy-form-select:before { display:none; }
.fancy-form-select select { height:40px  !important; }
.fancy-form-select option { padding-top:5px !important; height:30px  !important; } /* this does not work for chrome though.. */


.mydatepickerinput		{ text-align:center; }
.mytimepickyinput		{ width:110px !important; text-align:center; }
.time_pick .timepicker_wrap { padding: 5px 3px 5px 3px !important; }
.time_pick .ti_tx,
.time_pick .mi_tx	    { margin: 5px 0;}

/***************************************************************************/
/*****************      Fix images in cards	            ****************/
/***************************************************************************/
.card img { width: auto; max-width: 100%; }

/***************************************************************************/
/*****************      Fixes		 	            ****************/
/***************************************************************************/
.heading-arrow-bottom, .heading-arrow-top	{ z-index:11; }

/* when updated to smarty v2.2.1, bootstrap v4.0.0 messes with border-top in bootstrap.min.css*/
/* not sure i need it in v2.3.1
#topBar.dark > .border-top { border-top-color: rgba(255,255,255,0.2) !important; }*/


#footer>.container {
	padding-top:20px;
	margin-bottom:20px;
} 

/* not sure i need it in v2.3.1
input.form-control { height: 30px !important; }*/


/***************************************************************************/
/*****************      Overrides                          *****************/
/***************************************************************************/
.form-control:not(textarea):not([type=file]) {
    height: initial !important;
}

ul.list-icons > li > i { top: 3px; }

/***************************************************************************/
/*****************      Override sto layout.css             *****************/
/***************************************************************************/

@media only screen and (max-width: 992px) {
	#topBar                                 { text-align:left; }
	#topBar ul.top-links                    { float:left; }
	#topBar ul.top-links > li > a > i       { margin:0px; }
	#topBar ul.top-links > li > a > span.fa { margin:0px !important; }
	#topBar ul.top-links > li > a           { padding: 10px 10px 10px 0px; }
}


/* not sure i need it in v2.3.1
#page-menu	{ height:auto; min-height:44px;}
.timeline .timeline-item { min-height: 50px; }
*/

/* Smaller shadow, so it does not mess with breadcrumbs */
/* not sure i need it in v2.3.1
#header.shadow-after-3:before {
	height:30px;
	bottom:-30px;
}
*/

.kstn_dropdown-menu-ttl { background:#333; color:white; font-size:12px; font-weight:600; padding:10px;} 

/***************************************************************************/
/* page-menu on mobile must have ...  for large titles at small screens*/
/***************************************************************************/
@media only screen and (max-width: 992px) {
	#page-menu ul {
		display:none;
		position:absolute;
		min-width:200px;
	}
	
	#page-menu ul>li>a {
		white-space: nowrap;
		overflow:hidden; 
		text-overflow: ellipsis;
		max-width:600px;
	}
}
@media only screen and (max-width: 620px) {
	#page-menu ul>li>a {
		max-width:300px;
	}
}


/***********************************************************************************/
/*************      breadcrumbs stuff             *****************/
/***********************************************************************************/

section.page-header .fix-long-breadcrumb  {
	position:relative;
	display:block;
	margin-top:-40px;
	float:right;
    	text-align:right;	
    	}


section.page-header .fix-long-breadcrumb li {
	display: block;
    	padding: 0px 0; 
	margin: 0 0px;
}


@media only screen and (max-width: 991px) {
	section.page-header {
		text-align:center;
	}
	section.page-header .breadcrumb,
	 section.page-header .fix-long-breadcrumb {
		width:100%; 
		position:relative;
		display:block;
		margin:0;
		text-align:center;
		
	}
	section.page-header .container.text-right,
	section.page-header .container.text-left {
		text-align:center;
	}
}


/***********************************************************************************/
/*************      Custom classes for keystone stuff             *****************/
/***********************************************************************************/

#codeUser	{ max-width:100px; display:inline-block; }
#codeImg	{ background:#C00000; padding:7px 7px 7px 11px; margin-bottom:2px; border-radius:2px; }

a.company_link 		{color: #000080;}
a.company_link:hover	{color: #212121;}

.input-readonly 	{ background-color: #D5DAE3 !important; }




/****************************************************************/
/* For printing purpuses only in case user goes directly to print any page
  and we are using bootstrap classes 
  https://getbootstrap.com/docs/4.0/utilities/display/#display-in-print */ 
/****************************************************************/

.add-pagebreak-after 	{ page-break-after: always; } 
.add-pagebreak-before 	{ page-break-before: always; } 
.no-pagebreak-inside	{ page-break-inside: avoid; }

@media only print  {
	
	.fix-print-in-fx 	{ display:block !important; }	
	section 		{ border: 0px !important; padding:0px !important; }
	section.page-header	{ margin-bottom:50px !important; }
	.container		{ width:100% !important; max-width:100% !important; }

	.page-header-xs	{ margin-top: 20px !important; text-align:center !important; }
	
	.add-mt-20-onprint { margin-top: 20px !important;  }	
	.add-mt-40-onprint { margin-top: 40px !important;  }
	.add-mt-60-onprint { margin-top: 60px !important;  }
	.add-mt-80-onprint { margin-top: 80px !important;  }
	
	.simple_box_shadow { box-shadow:0px 0px 0px 0px !important; border:0 !important; } 
	
	.remove_margins_paddings-onprint { margin:0px !imporrtant; padding:0px !imporrtant; }
	
	.top_logos 	{ line-height:60px; margin:0px; padding:0px; }
	.top_logos img  { max-height:60px;  }
	
	
}


/****************************************************************/
/* For iframe videos like vimeo */ 
/****************************************************************/
.embed-container          { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed    { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/****************************************************************/
/* For magnific popups  */ 
/****************************************************************/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

/*************************************************************************/
/* Για να μη βάζει αυτό το μεγάλο κενό  */
/*************************************************************************/
@media only screen and (max-width: 768px) {
	section div.row>div {
		margin-bottom:0px;
	}
}    


/**************************************************/
/* No need the label of toggle to be bold when active */
/**************************************************/
.toggle.toggle-transparent div.toggle.active label {
	font-weight:normal !important;
}


/**********************************************************************/
/** Some design touch ***/
/**********************************************************************/

#topBar ul li a,
#mainMenu ul li a,
#topMain ul li a { /*text-transform:none;*/ }

#topBar ul.top-links>li>a>i { filter: alpha(opacity=100); opacity:1; }
#topBar ul.top-links>li>a>span.fa { filter: alpha(opacity=100); opacity:1; margin-right:5px;}


.nws_item_toolbar	 { text-align:right; }
.nws_item_attachment	 { display:inline-block; white-space: nowrap; float:left; margin: 0px 10px 0px 0px; }
.nws_item_attachment img { }
.nws_item_attachment a   { text-decoration:underline; }


.blog-post-item { margin-bottom:10px; }
ul.blog-post-info { border-bottom: #eee 1px solid; }

/**********************************************************************/
/*** BBCode stuff ***/
/**********************************************************************/
table.pre-container	{ margin:0px; padding:0px !important;  }
td.bbcodebgd		{ background-color:#E0E0E0; padding:10pt; }
pre.bbcode		{ font-family:'Andale Mono','Courier New',Courier; font-size:13px; color:#000000; margin:0px; }

blockquote.bbquote	{ background-color:#E0E0E0; color:#000000; padding:10pt; margin-top:0px; margin-bottom:0px; }
blockquote.bbindent	{ margin-top:0px; margin-bottom:0px; }
span.bbcite		{ color:#333333; }

a.bblink			{ }
img.bbimgplain		{ border-style:none; }
div.bbimgcenter		{ border-style:none; width:100%; text-align:center; }
img.bbimgcenter		{ max-width:100%; border-style:none; }
img.bbimgleft		{ max-width:100%; border-style:none; padding-right:0px; margin-right:10px; float:left; }
img.bbimgright		{ max-width:100%; border-style:none; padding-left:0px;  margin-left:10px;  float:right; }
img.bbimgmiddle		{ max-width:100%; border-style:none;  }

h1.bbh1			{ font-size:26px; font-weight:600; font-style:normal; text-decoration: none; color:#333333; }
h2.bbh2			{ font-size:23px; font-weight:600; font-style:normal; text-decoration: none; color:#333333; }
h3.bbh3			{ font-size:20px; font-weight:600; font-style:normal; text-decoration: none; color:#333333; }
h4.bbh4			{ font-size:17px; font-weight:600; font-style:normal; text-decoration: none; color:#333333; }
h5.bbh5			{ font-size:15px; font-weight:600; font-style:normal; text-decoration: none; color:#333333; }
h6.bbh6			{ font-size:13px; font-weight:600; font-style:normal; text-decoration: none; color:#333333; }
ul.bbul			{ }
ol.bbol			{ }
li.bbli			{ }
table.bbtable		{ }
tr.bbtr			{ }
td.bbtd			{ padding:3px; margin:0px; }
th.bbth			{ padding:3px; margin:0px; }



/**********************************************************************/
/** All smarty template icons should be <span> not <i>,
 * in order to pass https://achecker.ca/checker ***/
/**********************************************************************/
.btn > span.fa,
.btn > span.glyphicon     { /*padding-right: 6px;*/ display:inline; }

ul.blog-post-info li span { margin-right:  5px; color: #666; font-weight:400 !important; text-decoration:none !important; }

/* den douleuon sosta ta reveal opote kalo einai na min ta xrisimopoieis */
.btn.btn-reveal span.fa,
.btn.btn-reveal span.glyphicon {
    display: block;
    position: absolute;
    left: -32px;
    width: 32px;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    background-color: rgba(0,0,0,0.1);
}

.box-icon.box-icon-large .box-icon-title>span {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
}
.box-icon.box-icon-center .box-icon-title>span {
    float: none;
    margin: 0 0 10px 0;
}
.box-icon.box-icon-round .box-icon-title>span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.box-flip .box-icon-title>span {
    color: #111;
    background-color: rgba(0,0,0,0.07);
}
.box-icon .box-icon-title>span {
    height: 35px;
    width: 35px;
    line-height: 37px;
    font-size: 18px;
    margin-right: 15px;
    background-color: #333;
    text-align: center;
    color: #fff;
    -webkit-transition: all .200s;
    -moz-transition: all .200s;
    -o-transition: all .200s;
    transition: all .200s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul.list-icons > li > span {
    top: 3px;
}
ul.list-icons > li > span {
    position: absolute;
    left: -1.75em;
    width: 14px;
    text-align: center;
}

.btn > span {
    /*padding-right: 6px;*/
}

/* gia ta social icons des direct sto essentials */


/**********************************************************************/
/* add it to serve Header nesting for https://achecker.ca/checker 
/**********************************************************************/

.blog-post-item h3 {
    letter-spacing: 0;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
}    

section.page-header h2 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    font-weight: 300;
}



/**********************************************************************/
/** From v2 version, at some point they should be deleted           ***/
/**********************************************************************/
/*** Basic table attributes: they're used almost everywhere ***/
.clearer		{ clear: both; height:0px; font-size:0px;}
.tb_plain		{ color:#000000; font-size:15px;}
.tb_gray		{ /*background-color:#E0E0E0;*/ color:#000000; }
.tb_title		{ color:#777777; font-weight:700; text-align:center; font-size:16px;  }
.tb_hdr			{ background-color:#E0E0E0; color:#000000; font-weight:700; font-size:15px; line-height: 18px;}
.tb_err			{ background-color:#E0E0E0; color:#FF0000; font-weight:600; }
.tb_normal		{ background-color:#FFFFFF; color:#000000; }
.tb_transp		{ color:#000000; }
/*.tb_shadow		{ border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#b8b6b8;
			  border-right-style: solid; border-right-width: 2px; border-right-color: #b8b6b8; }*/
.tb_plain a:link,
.tb_plain a:visited	{ color:blue;  font-size:15px;}
.tb_plain a:hover	{ color:maroon; }


/*** Attributes for various tables ***/
.item_inactive		{ color:#707070; }
.item_active		{ color:#000000; }
.item_active_hover	{ background-color:#D8D8D8; color:#000000; }
.item_error		{ color:#FF0000; }
/*.item_absence		{ color:#C00000; }*/





/****************************************************************/
/* student_educational_card */
/****************************************************************/

.stu_card_general_data { border: 1px solid #ddd; border-radius:5px; padding:20px; color:#000; background:#f8f9fa; font-size:0.9em;}

.stu_card_general_data_name   		{ font-size:20px; }
.stu_card_general_data_avatar_container     { max-width:200px; max-height: auto; margin:0 auto; }
.stu_card_general_data_avatar_container img { max-width:200px; max-height: auto; }

.tbl_grd_stu_view 			{ color:black; width:100%; font-size:15px; margin:0px; line-height:23px !important; }
.tbl_grd_stu_view tr			{ border-bottom: 1px solid #cecece;}
.tbl_grd_stu_view tr:hover		{ background:#fafafa; }
.tbl_grd_stu_view td 			{ vertical-align:top;  padding:10px 5px 10px 5px; }
.tbl_grd_stu_view td.tdscore		{ font-size:14px; white-space: nowrap; font-weight:600; }
.tbl_grd_stu_view td a.score_examshow 		{ margin:0px 5px 0px 0px; padding:4px 3px 1px 4px;}
.tbl_grd_stu_view td a.score_examshow span	{ margin:0px; padding:0px; font-size:15px; font-weight:400px;}
.tbl_grd_stu_view td ul.score_comments  { font-size:13px; font-style:italic; padding-top:5px; padding-bottom:0px; margin-bottom:0px;}

.tbl_grd_stu_view td span.score_badges { font-size: 15px; min-width: 160px; text-align:right; color:black; }

.tbl_grd_stu_view td.tdscore .badge		{ white-space: wrap;  }


/****************************************************************/
/* grades' exams (Not used fot archiving)                       */
/****************************************************************/

.exam_question	{ }
.exam_question_ttl 	     		 { font-size:18px; font-weight:bold; color:#000 !important; border-bottom: #ccc 2px solid; margin-bottom:20px;}
.exam_question_contents      		  { margin-bottom:50px; }
.exam_question_contents p                 { margin-bottom:10px !important; border:0px solid pink !important;}
.exam_question_contents font 		  { font-size:16px !important; border:0px solid red !important;}
.exam_question_contents input[type=radio] {  margin-right:10px !important; border:10px solid red !important;}
.exam_question_contents img     	  { max-width:100%; }


/****************************************************************/
/* simple_data_card */
/****************************************************************/

.simple_data_card { border: 1px solid #ddd; border-radius:5px; padding:20px; color:#000; background:#f8f9fa; font-size:0.9em;}

.simple_data_card_title   		{ font-size:20px; font-weight:bold;  text-align:center; }
.simple_data_card_subtitle   		{ font-size:16px; font-weight:normal; color:black; text-align:center; line-height:13px;}
.simple_data_card_avatar_container      { max-width:200px; max-height: auto; margin:0 auto; }
.simple_data_card_avatar_container img  { max-width:200px; max-height: auto; }

/****************************************************************/
/* surveys				                        */
/****************************************************************/

.srv_topmatter                            { color:#000; }
.srv_question				  { }
.srv_question_ttl 	     		  { color:#000; border-bottom: #ccc 1px solid; margin-bottom:20px;}
.srv_question_body      		  { color:#000; }
.srv_question_body textarea[readonly]     { background-color:#fff !important; }
.srv_question_body .form-check-label      { font-weight:normal; }



/**********************************************************************/
/** Calendar compact table calendar          ***/
/**********************************************************************/

#calendar_compact		{ border-color: #ccc !important; color:black; }
#calendar_compact  th		{ background:  #333; text-align:center; color:white; font-size: 16px; white-space: nowrap; padding:2px; margin:0px;}

#calendar_compact  td		     { padding:2px 4px 20px 10px; min-height:80px; vertical-align:top;}


#calendar_compact  td.date_today     { background-color: rgba(255, 220, 40, 0.15);  }
#calendar_compact  td.notinmonth     { background:#EFEFEF;  border-color:#EFEFEF; }
#calendar_compact  td.date_empty     { }
#calendar_compact  td.date_full      { cursor:pointer; }

#calendar_compact  td.date_empty span.date_int       { font-size: 15px; text-align:center;  display: inline-block; float:right; width:30px; background:#fff; color:black; border-radius: 5px; }
#calendar_compact  td.date_full  span.date_int	     { font-size: 13px; text-align:center;  display: inline-block; float:right; width:30px; background:#666; color:white; border-radius: 5px; }  
#calendar_compact  td.date_full  span.date_nevents   { font-size: 13px; text-align:left;  color:#060606; display: inline-block; float:left; width:100%; margin-top:15px;}

#calendar_compact  td.date_full:hover span.date_int 	{ background:#DC3545; } 
#calendar_compact  td.date_full:hover span.date_nevents { color:black; } 
#calendar_compact  td.date_full:hover 		    	{ background-color: rgba(255, 220, 40, 0.45); }
/*
table.cal			{ background-color:#FFFFFF; width:100%; }

.cal_today_e	{ background-color: #E0E0E0; }
.cal_other_h	{ background-color: #F0F040; }	

td.cal_title			{ background-color:#666666; color:#FFFFFF; font-size:11px; font-weight:600; text-align:center; }
a.cal_title:link		{ color:#ffffff; font-size:11px; text-decoration: none; font-weight:600;}
a.cal_title:visited		{ color:#ffffff; font-size:11px; text-decoration: none; font-weight:600;}
a.cal_title:hover		{ color:#000000; font-size:11px; text-decoration: none; font-weight:600;}

td.cal_hdr			{ text-align:center; background-color:#FFFFFF; color:#383636; font-size:11px; font-weight:600; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #B8B8B8; }

td.cal_other_e			{ text-align:center; background-color:#FFFFFF; color:#383636; font-size:11px; font-weight:normal; }
td.cal_other_h			{ text-align:center; background-color:#F0F040; color:#4040FF; font-size:11px; font-weight:normal; }
td.cal_today_e			{ text-align:center; background-color:#E0E0E0; color:#383636; font-size:11px; font-weight:normal; }
td.cal_today_h			{ text-align:center; background-color:#F0F040; color:#4040FF; font-size:11px; font-weight:normal; }

a.cal:link			{ color:#4040FF; font-size:11px; text-decoration: none; font-weight:normal; }
a.cal:visited			{ color:#4040FF; font-size:11px; text-decoration: none; font-weight:normal; }
a.cal:hover			{ color:#50b7ff; font-size:11px; text-decoration: none; font-weight:normal; }
*/
/*** Calendar view for timetable ***/
/*
td.cal_title2		{ text-align:center; background-color:#FFFFFF; color:#383636; font-size:17px;font-weight:600;  font-family:'Trebuchet MS', 'Times New Roman', Times; }
td.cal_hdr2		{ text-align:center; background-color:#C8C8C8; color:#383636; font-size:17px; font-weight:600; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #A8A8A8; font-family:'Trebuchet MS', 'Times New Roman', Times; }
a.cal_title2:link		{ color:#333333; font-size:20px; text-decoration: none; font-weight:600;}
a.cal_title2:visited		{ color:#333333; font-size:20px; text-decoration: none; font-weight:600;}
a.cal_title2:hover		{ color:#666666; font-size:20px; text-decoration: none; font-weight:600;}

td.cal_e2			{ text-align:center; background-color:#E0E0E0; color:#383636; font-size:17px; font-weight:600; font-family:'Trebuchet MS', 'Times New Roman', Times; cursor:pointer;}
td.cal_h2			{ text-align:center; background-color:#F0F040; color:#4040FF; font-size:17px; font-weight:600; font-family:'Trebuchet MS', 'Times New Roman', Times; cursor:pointer;}
td.cal_i2			{ text-align:center; background-color:#E0E0E0; color:#383636; font-size:17px; font-weight:600; font-family:'Trebuchet MS', 'Times New Roman', Times; }
td.cal_h3			{ text-align:center; background-color:#FFB033; color:#4040FF; font-size:17px; font-weight:600; font-family:'Trebuchet MS', 'Times New Roman', Times; cursor:pointer;}
td.cal_today			{ border: 1px dotted blue; }
*/


/****************************************************************/
/* FullCalendar View 
   - #calendar is used for admin and student where the days with
     no events are not clickable. 
   #calendar_edit is used for CM_ttb_cal where you should go
     in a day with no events and create them                       
/****************************************************************/

#calendar, #calendar_edit 	      { max-width: 100%; margin: 0px auto;  font-family: Arial, Helvetica, Verdana; }
#calendar table, #calendar_edit table { margin-bottom:0px; } /* fix it cause essentials gave it 30px */

.fc-toolbar-title	{ text-align:center; }

.fc td				{ border-color:#ccc !important; }
th.fc-col-header-cell   	{ background:#333; color:#fff;}
.fc-col-header-cell-cushion 	{ cursor: default !important; }

.fc-event-title		{ font-weight:normal !important;	}
.fc-day-disabled	{ border:0 !important; background:#EFEFEF !important; }


.fc-event-end.fc-h-event.fc-event-future  .fc-event-time { background:orange !important; display:none; }

/* if all six tds in last row are disabled hide them */
.fc-scrollgrid-sync-table tr:nth-child(6) > td:first-child:nth-last-child(n + 6).fc-day-disabled,
.fc-scrollgrid-sync-table tr:nth-child(6) > td:first-child:nth-last-child(n + 6).fc-day-disabled ~ td { display: none !important; background:red !important; }
/* if all six tds in last row are disabled hide them: February */
.fc-scrollgrid-sync-table tr:nth-child(5) > td:first-child:nth-last-child(n + 6).fc-day-disabled,
.fc-scrollgrid-sync-table tr:nth-child(5) > td:first-child:nth-last-child(n + 6).fc-day-disabled ~ td { display: none !important; background:red !important; }


/***********************************/
/* days' formating  */
#calendar .fc-daygrid-day-number 	     { 
	cursor:       default !important; 
	margin-top:   0px !important; 
	margin-right: 4px !important; 
	padding:      0px !important;}
#calendar .fc-daygrid-day-number:hover  { text-decoration:none !important; }
/***********************************/
#calendar_edit .fc-daygrid-day-number 	     { 
	
	margin-top:       0px !important; 
	margin-right:     4px !important;
	padding:          0px !important;
	text-decoration:none !important;
}
#calendar_edit .fc-daygrid-day-number:hover  { color:#DC3545 !important; }
/***********************************/
/* if a day's td has at least one event make it a box */
/* blue  #1265A8 | #2A74B0 */
/* gray  #666666 | #DC3545 */
#calendar      .day_with_events .fc-daygrid-day-number,
#calendar_edit .day_with_events .fc-daygrid-day-number 	{
	font-size:        13px !important;
	background-color: #666666 !important; 
	color:            white !important;
	cursor:           pointer !important;
	width:            30px !important;
	text-align:       center;
	border-radius:    5px;
	margin-top:       2px !important; 
	margin-right:     2px !important;
	padding:          0px !important;
}
#calendar       .day_with_events .fc-daygrid-day-number:hover,
#calendar_edit .day_with_events .fc-daygrid-day-number:hover 	{ background-color:#DC3545 !important; }


/* custom buttons */
/* blue   #1474CE | #3A98F0 */ 
/* green  #28a745 | #37944C */
/* black  #000000 | #666666 */
/* red    #DC3545 | #B83444 */
.fc-custom_prev-button 		{ background:#B83444 !important; border-color: #B83444  !important;  }
.fc-custom_prev-button:hover 	{ background:#DC3545 !important; }
.fc-custom_next-button 		{ background:#B83444 !important; border-color: #B83444 !important;   }
.fc-custom_next-button:hover	{ background:#DC3545 !important;  }
.fc-custom_today-button 	{ background:#28a745 !important; border-color: #28a745  !important; margin:0px 3px 0px 0px !important; }
.fc-custom_today-button:hover 	{ background:#37944C !important; }
.fc-custom_print-button 	{ background:#000000 !important; border-color: #000000 !important; margin:0px  !important;}
.fc-custom_print-button:hover	{ background:#666666 !important;  }

@media only screen and (max-width: 992px) {
	.fc .fc-toolbar-title 		{ font-size:1em !important; }
	.fc-daygrid-dot-event 		{ font-size:0.75em !important; }
	.fc-daygrid-event-harness       { font-size:0.75em !important; }
}

@media only screen and (max-width: 749px) {
	.calendar-initial-date-string   { margin-top:20px; text-align:center;}
}

/**********************************************************************/
/** table_weekly_meetings   CM_ttb_weekly       ***/
/**********************************************************************/

#table_weekly_meetings		{ border-color: #ccc !important; color:black; }
#table_weekly_meetings  th	{ background:  #333; text-align:center; color:white; font-size: 16px; white-space: nowrap; padding:2px; margin:0px;}
                                
#table_weekly_meetings  td	{ background:  #fefefe;  width:14.5%; white-space: nowrap; padding:4px; font-size: 15px; text-align:center; color:#000; }
#table_weekly_meetings  td.with_contents        { cursor:pointer; }
#table_weekly_meetings  td.with_contents:hover  { background-color: rgba(255, 220, 40, 0.15);  }



/************************************************************************************************************************/
/** HTML5 Uploader **/
/************************************************************************************************************************/

.tbl_uploader    { font-size:15px; color:black; }
.tbl_uploader td { }
.tbl_uploader td.col-imgbutton { padding:8px 30px 8px 8px !important;  max-width:30px;}



.tbl_uploader a:link  { color:black; font-weight:500; }
.tbl_uploader a:hover { color:red; text-decoration:none; }


#upload_form {
    padding:0px;
}
#upload_form > div {
    margin-bottom:10px;
}
.clear_both {
    clear:both;
}
#file_selector {
	margin:20px auto 0px auto; padding:0px;
	max-width:500px;
    /*width: 402px;
    display:block;
    overflow: hidden;*/
}
#file_selector input {  height: 46px !important; }

#progress_info {
	margin:20px auto 0px auto; padding:0px;
	max-width:500px;
	display:none;

    /*font-size: 9pt;
    width: 402px;
    */
}
#progress_bar {
    border:1px solid #ccc;
    display:block;
    float:left;
    height:30px;

    border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    -webkit-border-radius:2px;

    background: -moz-linear-gradient(#66cc00, #4b9500);
    background: -ms-linear-gradient(#66cc00, #4b9500);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00), color-stop(100%, #4b9500));
    background: -webkit-linear-gradient(#66cc00, #4b9500);
    background: -o-linear-gradient(#66cc00, #4b9500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500')";
    background: linear-gradient(#66cc00, #4b9500);
}
#progress_percent {
    float: right;
    text-align: right;
    font-size:15px; 
    color:black;
    font-weight:500; 
    margin:0px 5px 10px 5px;
}
#progress_blurb {
    float: left;
    text-align: left;
    font-size:15px;     
    color:black; 
    font-weight:500;
    margin:0px 0px 10px 5px;
}



/********************************************************************************
 * dTree 2.05 - www.destroydrop.com/javascript/tree/
 * Copyright (c) 2002-2003 Geir Landr�
 ********************************************************************************/

.dtree		{ font-family:Tahoma,Verdana,Arial; font-size:15px; color:#404040; white-space:nowrap; }
.dtree img	{ border: 0px; vertical-align: middle; }
.dtree a.node, 
a.node:visited, 
a.nodeSel, 
a.nodeSel:visited	{ color: #000000; text-decoration: none; }

.dtree a.node:hover, 
.dtree a.nodeSel:hover	{ color: #a50400; text-decoration: none; }

.dtree a.node,
.dtree a.nodeSel	{ white-space: nowrap; padding: 1px 2px 1px 2px; }
.dtree a.nodeSel	{ color: #FFFFFF; background-color: #0066CC; }
.dtree .clip		{ overflow: hidden; }

div.dvtree 
{
	width:100%;
	height:250px;
	/* overflow:auto; */
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #FFFFFF;
	margin:0px;
	padding:2px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ABADB3;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ABADB3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #F0F0F0;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color:#F0F0F0;
}

select.pmlst
{
	width:100%;
	height:210px;
	margin:4px 0px 0px 0px;
	padding:2px;
	font-family: Tahoma, Verdana, Arial;
	font-size:15px;
	color:#000;
	vertical-align:top;
}

select.exmlst
{
	width:100%;
	height:220px;
	margin:4px 0px 0px 0px;
	padding:2px;
	font-family: Tahoma, Verdana, Arial;
	font-size:15px;
	color:#000;
	vertical-align:top;
}


/********************************************************************/
/* Composite grade: table of components                             */
/********************************************************************/
.tbl_components   { background:#fff !important; border:10px solid #fff;  }
.tbl_components th { text-align:center; font-size:16px; font-weight:bold; border:0; padding:10px; background:#666666; color:#fff; }
.tbl_components tr td    { color:black; }
.tbl_components tr td.userinput    { width:75px; }
.tbl_components tr td.sign         { width:75px; }


.grd_ed1_electronic_ttl	{ margin-bottom:10px; font-weight:600; display:inline-block; }
.dvdspl			{ min-height: 250px; background-color:white; padding:10px;  }
.preview_container      { min-height: 300px; background-color:white; padding:10px; border:1px solid #bbb; border-radius:3px;  /*box-shadow: 1px 1px 4px 1px;*/ }	

/*.sm_data_box		{ background:#fff !important; border:1px solid #fff; border-radius:5px; color:black; }*/


/**************************************************************************
 * Grade Stats
 * ************************************************************************/
.grade_stats_report_title	{ font-size:20px; font-weight:600; color:black; }
.grade_stats_report_subtitle	{ font-size:16px; font-weight:600; color:black; }
.stat_title    {font-size:16px; font-style:normal; font-weight: bold;   text-decoration: none; color:#1841b5; }
.stat_normal   {font-size:16px; font-style:normal; font-weight: normal; text-decoration: none; color:#000000; white-space:nowrap;}
.stat_in_graph {font-size:16px; font-style:normal; font-weight: normal; text-decoration: none; color:#000000; white-space:nowrap;}
.stat_legend   {font-size:16px; font-style:italic; font-weight: normal; text-decoration: none; color:#000000; }

td.leaders	{ border-style:none none dashed none; border-color:#404040; border-width: 1px; }



/**************************************************************************
 * alerts
 * ************************************************************************/

.instrunctions_msg    { padding:20px 20px 30px 20px !important; font-size:17px; color:black;}
.instrunctions_msg p span.span_attension { font-weight:800; color:#CF2528; }
.instrunctions_msg p  { color:black;  }
.instrunctions_msg p  { margin:10px 0px 0px 0px; padding:0px; }

/**************************************************************************
 * exam takke
 * ************************************************************************/
/*
#fixme { 
		position: absolute; right: 0px; top: 0px;
		border-style: none none solid solid; 
		border-color: #000000 #000000 #000000 #000000;
		border-width: 1px 1px 1px 1px;\
		padding: 8px; 
		background-color: #E8E8E8; 
		text-align: center; 
	}

div > div#fixme { position: fixed; }
*/


#fixme {
	display: block;
	position: fixed;
	top: 15px;
	right: 0px;
	padding: 10px;
	height: 40px;
	line-height: 20px;
	background: #E8E8E8;
	color: black;
	font-size:18pt;
	z-index: 1000;
	box-shadow: 2px 2px 10px 2px grey;
	text-align:center; 
	white-space: nowrap;
}

#exm_remainder	{ display:inline-block; width:100px; }



/********************************************************/
/* In case there is no css in the client's skin folder */
/********************************************************/
.keyschool_logo { max-height:100px; }
img.client_logo {max-height:105px;}

a.logohref,
a.logohref:visited,
a.logohref:hover { color:#303030; }

.skin_background	{ background: #B52326;  }
.skin_background2	{ background: #fff;  }

body, #footer, #wrapper { background: #000; color: #666; }

#footer              { border-top: 1px solid #777;  }
#footer > .copyright { background-color: initial; }

#footer a 		{ color: rgba(255, 255, 255, 1); }
#footer a:hover		{ color: rgba(255, 255, 255, 0.5); }
#footer .text-muted 	{ color: rgba(255, 255, 255, 1) !important; }

#toTop       { background-color: rgba(209,34,41,0.9); color: #FFF; }
#toTop:hover { background-color: rgba(209,34,41,0.5);  }


ul.blog-post-info li > a { color: #666; }

#header { background: #333333; }

#topMain.nav-pills>li>a {
	color:#FFFFFF;
	font-weight:400;
	background-color:transparent;
} 

#topMain.nav-pills>li:hover>a, 
#topMain.nav-pills>li:focus>a {
	color:#FFFFFF;
	background-color:rgba(0,0,0,0.3);
}

.kstn_dropdown-menu-ttl { background:red;}

#topBar {
	background-color:#000;
}
#topNav ul.dropdown-menu {
	border-top-color:#ffffff;
}

#topNav button.btn-mobile {
	color:#fff;
}

/**************************************************************/
#header-empty { background: #CF2528; }
/**************************************************************/

#topBar ul.top-links li.text-welcome,
#topBar ul.top-links>li>a,
#header li.search i.fa,
#header ul.nav-second-main li>a,
#topMain.nav-pills>li>a {
	color:#fff;
}
#topBar ul.top-links>li.active>a,
#topMain.nav-pills>li.active>a {
	color:#fff;
}


#topNav div.submenu-dark ul.dropdown-menu > li a {
    color: #fff;
}

#topNav div.submenu-dark ul.dropdown-menu > li a:hover {
    background: #666666;
}

#topNav div.submenu-dark ul.dropdown-menu > li.divider { 
	background-color: rgba(255,255,255,0.2);
}

/********************************************/
/* amea misc issues */
.fancy-file-upload>span.icn {
	top: 4px;
}
.fancy-file-upload>span.icn {
	position:absolute;
	top: -1px;
	width: 42px;
	height: 42px;
	color: inherit;
	line-height: 42px;
	position: absolute;
	text-align: center;

    color:#888;

	z-index: 10;
}
.fancy-file-upload>span.icn {
	height: 48px;
	width: 48px;
	line-height: 48px;
}



/**************************************/
/* amea contrast isses */
/**************************************/
.btn-success, 
.btn-green,
.bg-success,
.badge-success { background:#03671A !important; } 

.btn-success:hover,  
.btn-green:hover { background:#28a745 !important; }

.bg-orange { background:#B32B02 !important; }
 
.btn-info,
.bg-info  	 { background:#0074D9 !important;   }
.btn-info:hover  { background:rgb(23, 162, 184) !important;   }


.text-olive	{ color:#175D3E !important;}
.text-success  { color:#175D3E !important;}

h2 { color: #000; }

span.badge-red { background: #E40135 !important; }