/* swad_mobile.css:style-sheet for mobile layout of SWAD */

/*
    SWAD (Shared Workspace At a Distance),
    is a web platform developed at the University of Granada (Spain),
    and used to support university teaching.

    This file is part of SWAD core.
    Copyright (C) 1999-2015 Antonio Caņas Vargas

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General 3 License as
    published by the Free Software Foundation,either version 3 of the
    License,or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not,see <http://www.gnu.org/licenses/>.
*/

A:link			{text-decoration:none;}
A:visited		{text-decoration:none;}
A:active		{text-decoration:none;}
A:hover			{text-decoration:underline;}
body
	{
	margin:0;
	background-color:white;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	}
input			{font-size:24pt; vertical-align:middle;}
select			{font-size:24pt;}
textarea		{font-size:24pt;}
table
	{
	border-width:0;
	border-style:none;
	border-spacing:0;
	}
table th
	{
	padding:0;
	color:#4D88A1;
	font-size:21pt;
	font-weight:bold;
	}
table td
	{
	padding:0;
	}
img			{border-width:0; border-style:none;}
form			{margin:0; display:inline;}

/************* Institution / Centre / Degree logo in top title ***************/
.TOP_LOGO
	{
	margin-right:12px;
	text-align:left;
	vertical-align:top !important;
	}

/************************* Users connected globally **************************/
.CONNECTED
	{
	margin:0;
	border-style:solid;
	border-width:1px;
	border-color:#398000;
	padding:6px;
	border-radius:6px;
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:14pt;
	color:#398000;
	overflow:hidden;
	}

/*********************************** Month ***********************************/
.MONTH_CONTAINER
	{
	width:165px;
	margin:0;
	padding:6px;
	border-style:solid;
	border-width:1px;
	border-color:#8CBCCE;
	border-radius:6px;
	text-align:center;
	overflow:hidden;
	}
.MONTH_TABLE_DAYS
	{
	width:165px;
	margin-top:3px;
	padding-top:3px;
	border-style:solid;
	border-width:1px 0 0 0;
	border-color:#DDECF1;
	}
.MONTH
	{
	color:#4D88A1;
	font-size:12pt;
	white-space:nowrap;
	}
.DAY_WRK_HEAD
	{
	color:#4D88A1;
	font-size:12pt;
	text-align:center;
	}
.DAY_NO_WRK_HEAD
	{
	color:#FF0000;
	font-size:12pt;
	text-align:center;
	}
.DAY_WRK
	{
	color:#202020;
	font-size:12pt;
	text-align:center;
	}
.DAY_NO_WORK
	{
	color:#C04080;
	font-size:12pt;
	text-align:center;
	}
.DAY_HLD
	{
	color:#FF0000;
	font-size:12pt;
	text-align:center;
	}
.DAY_WRK_LIGHT
	{
	color:#E0E0E0;
	font-size:12pt;
	text-align:center;
	}
.DAY_NO_WORK_LIGHT
	{
	color:#FFE0FF;
	font-size:12pt;
	text-align:center;
	}
.DAY_HLD_LIGHT
	{
	color:#FFE0E0;
	font-size:12pt;
	text-align:center;
	}
.DAY
	{
	border:solid 1px;
	border-color:white;
	text-align:center;
	}
.TODAY
	{
	border:solid 1px;
	border-color:#50B800;
	text-align:center;
	}
.DAY_EVENT
	{
	border:solid 1px;
	border-color:white;
	background-color:#FFF080;
	text-align:center;
	}
.TODAY_EVENT
	{
	border:solid 1px;
	border-color:#50B800;
	background-color:#FFF080;
	text-align:center;
	}

/********************************* Buttons ***********************************/
.BT_CREATE
	{
	background-color:#5BC33B;
	border:1px solid #518741;
	}
.BT_CONFIRM
	{
	background-color:#55ACEE;
	border:1px solid #3B88C3;
	}
.BT_REMOVE
	{
	background-color:#EF5555;
	border:1px solid #C33B3B;
	}
.BT_SUBMIT
	{
	color:white;
	font-size:24px;
	font-weight:bold;
	line-height:normal;
	margin:12px;
	padding:12px 24px;
	border-radius:6px;
	box-shadow:0 1px 0 rgba(255,255,255,0.15) inset;
	}
.BT_SUBMIT_INLINE
	{
	color:white;
	font-size:18px;
	font-weight:bold;
	line-height:normal;
	margin:0 6px;
	padding:6px 12px;
	border-radius:6px;
	box-shadow:0 1px 0 rgba(255,255,255,0.15) inset;
	}
.BT_SUBMIT:hover
	{
	background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));
	}
.BT_SUBMIT_INLINE:hover
	{
	background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));
	}

/********************************** Notice ***********************************/

.NOTICE_CONTAINER
	{
	margin:12px auto;
	padding:12px;
	background-color:#FAF098;
	background-image:linear-gradient(#EED86C 0%,#FEED95 15%,#FAF098 100%);
	box-shadow:0 9px 12px -6px rgba(125,113,0,0.8);
	text-align:center;
	overflow:hidden;
	}
.NOTICE_DATE
	{
	float:right;
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:15pt;
	color:#404040;
	overflow:hidden;
	}
.NOTICE_SUBJECT
	{
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:#404040;
	text-align:center;
	overflow:hidden;
	display:inline-block;
	}
.NOTICE_TEXT
	{
	clear:both;
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:15pt;
	color:#000080;
	overflow:hidden;
	}
.NOTICE_AUTHOR
	{
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	color:#404040;
	font-size:15pt;
	overflow:hidden;
	}

/**************************** Institutional links ****************************/
#institutional_links
	{
	width:165px;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-color:#4D88A1;
	padding:6px;
	border-radius:6px;
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:13pt;
	color:#4D88A1;
	overflow:hidden;
	}
.INS_LNK
	{
	padding:1px;
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:13pt;
	color:#4D88A1;
	}

/***************************** Tabs and main zone ****************************/
#tabs_container
	{
	height:84px;
	margin:0 auto;
	}
.TAB_ON
	{
	height:93px;
	margin:0;
	padding:0 30px;
	border-radius:12px 15px 0 0;
	box-shadow:inset -3px -3px 1px 0 rgba(50,50,50,0.2);
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	display:table-cell;
	}
#CENTRAL_ZONE
	{
	min-width:1110px;
	min-height:1110px;
	width:100%;
	margin:-9px 0 0 0;
	padding:12px 0;
	border-radius:12px;
	box-shadow:inset -3px -3px 1px 0 rgba(50,50,50,0.2);
	text-align:center;
	vertical-align:top;
	overflow:hidden;
	position:relative;
	display:inline-block;
	}

/********************************** Alerts ***********************************/
.ALERT
	{
	margin:6px auto;
	background-color:#FFF9E0;
	background-repeat:no-repeat;
	background-position:15px 15px;
	padding:15px 15px 15px 54px;
	border-radius:12px;
	box-shadow:1px 1px 4px #CCC7B4;
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:24pt;
	color:#632921;
	text-align:justify;
	overflow:hidden;
	display:inline-block;
	}

/*********************************** Icons ***********************************/
.ICON16x16	{width:24px; height:24px; vertical-align:middle;}
.ICON16x16B	{width:24px; height:24px; vertical-align:middle; display:block;}
.ICON20x20	{width:30px; height:30px; vertical-align:middle;}
.ICON32x32	{width:48px; height:48px; vertical-align:middle;}
.ICON32x32B	{width:48px; height:48px; vertical-align:middle; display:block;}
.ICON48x48	{width:72px; height:72px; vertical-align:middle;}
.ICON64x64	{width:96px; height:96px; vertical-align:middle;}
.ICON128x128	{width:192px; height:192px; vertical-align:middle;}
.BANNER		{width:180px; height:60px;}
.BANNER_SMALL	{width:90px; height:30px;}

/****** Contextual links with small icons and text to go to some action ******/
.CONTEXT_MENU
	{
	margin-bottom:15px;
	text-align:center;
	}
.CONTEXT_OPT
	{
	display:inline;
	margin:0 7px;
	}

/********************************* Frame 10 **********************************/
.FRAME10
	{
	margin:6px 0;
	padding:15px;
	background-color:white;
	border-radius:12px;
	box-shadow:1px 1px 4px #CCC;
	text-align:center;
	overflow:hidden;
	display:inline-block;
	}
.FRAME10_SHADOW
	{
	margin:6px 0 21px 0;
	padding:15px;
	background-color:rgba(255,255,255,0.95);
	border-width:1px;
	border-style:solid;
	border-color:#C0C0C0;
	border-radius:12px;
	box-shadow:3px 6px 18px #888;
	text-align:center;
	overflow:hidden;
	display:inline-block;
	}
.TABLE10
	{
	width:100%;
	}
.TIT_TBL_10
	{
	margin:15px;
	color:#808080;
	font-size:30pt;
	font-weight:bold;
	}
.CELLS_PAD_1 th {padding:1px;}
.CELLS_PAD_1 td {padding:1px;}
.CELLS_PAD_2 th {padding:3px;}
.CELLS_PAD_2 td {padding:3px;}
.CELLS_PAD_4 th {padding:6px;}
.CELLS_PAD_4 td {padding:6px;}
.CELLS_PAD_8 th {padding:12px;}
.CELLS_PAD_8 td {padding:12px;}

/*********************************** Title ***********************************/
.TIT	{
	margin:24px auto 0 auto;
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:24pt;
	font-weight:bold; 
	color:#94745C;
	text-align:center;
	}

/********** Title of country,institution,centre,degree,course ************/
.TITLE_LOCATION
	{
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	font-size:30pt;
	font-weight:bold;
	color:#808080;
	text-align:center;
	}

/******************************* Map of country ******************************/
.COUNTRY_MAP_TITLE
	{
	width:48px; height:48px;
	margin-right:12px;
	vertical-align:top;
	}
.COUNTRY_MAP_SMALL
	{
	width:75px; height:75px;
	}
.COUNTRY_MAP_SHOW
	{
	width:375px; height:375px;
	margin:12px;
	}
.COUNTRY_MAP_PRINT
	{
	width:750px; height:750px;
	margin:15px;
	}

/****************************** Photo of centre ******************************/
.CENTRE_PHOTO_SHOW
	{
	width:576px; height:384px; 
	padding:7px; margin:12px;
	border:solid 1px #EEE;
	}
a:hover img.CENTRE_PHOTO_SHOW
	{
	border:solid 1px #CCC;
        box-shadow:1px 1px 7px #999;
	}
.CENTRE_PHOTO_PRINT
	{
	width:864px; height:576px;
	padding:12px; margin:15px; 
	border:solid 1px #EEE;
        box-shadow:1px 1px 7px #999;
	}
	
/**************** Attribution (author and license) of images *****************/
.ATTRIBUTION
	{
	font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif;
	color:#A0A0A0;
	font-size:10pt;
	max-width:600px;
	text-align:center;
	}

/******************************* User's photo ********************************/
.PHOTO12x16	{width: 18px; height: 24px; vertical-align:middle; border-radius:3px;}
.PHOTO12x16B	{width: 18px; height: 24px; vertical-align:middle; border-radius:3px; display:block;}
.PHOTO15x20	{width: 22px; height: 30px; vertical-align:middle; border-radius:3px;}
.PHOTO18x24	{width: 27px; height: 36px; vertical-align:middle; border-radius:3px;}
.PHOTO24x32	{width: 36px; height: 48px; vertical-align:middle; border-radius:4px;}
.PHOTO36x48	{width: 54px; height: 72px; vertical-align:middle; border-radius:6px;}
.PHOTO75x100	{width:112px; height:150px; vertical-align:middle; border-radius:7px;}
.PHOTO150x200	{width:225px; height:300px; vertical-align:middle; border-radius:12px;}
.IMG_USR
	{
	width:225px;
	height:300px;
	border-radius:7px;
	}
.ZOOM
	{
	position:absolute;
	z-index:1000;
	left:-243px;
	top:-450px;
	padding:7px;
	background-color:rgba(255,255,255,0.8);
	border-width:1px;
	border-style:solid;
	border-color:#C0C0C0;
	border-radius:12px;
	box-shadow:3px 6px 18px #888;
	}
.ZOOM_TXT
	{
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	color:#202020;
	font-size:15pt;
	}

.NO_BR			{white-space:nowrap;}

.BG_MSG_BLUE
	{
	background-image:url('/swad/icon/blue1x36.gif');
	background-size:1px 54px;
	background-repeat:repeat-x;
	}
.BG_MSG_GREEN
	{
	background-image:url('/swad/icon/green1x36.gif');
	background-size:1px 54px;
	background-repeat:repeat-x;
	}

.WHITE_DEGREE		{color:#707070; font-size:21pt; font-weight:bold; white-space:nowrap;}
.GREY_DEGREE		{color:#FFB42E; font-size:21pt; font-weight:bold; white-space:nowrap;}
.BLUE_DEGREE		{color:#FFE880; font-size:21pt; font-weight:bold; white-space:nowrap;}
.YELLOW_DEGREE		{color:#FFC040; font-size:21pt; font-weight:bold; white-space:nowrap;}

.WHITE_COURSE		{color:#4D88A1; font-size:21pt; white-space:nowrap;}
.GREY_COURSE		{font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#F7F6F5; font-size:21pt; white-space:nowrap;}
.BLUE_COURSE		{font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:white; font-size:21pt; white-space:nowrap;}
.YELLOW_COURSE		{font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:white; font-size:21pt; white-space:nowrap;}

.WHITE_HEAD		{color:#E0E0E0; font-size:24pt; white-space:nowrap;}
.GREY_HEAD		{color:#E0E0E0; font-size:24pt; white-space:nowrap;}
.BLUE_HEAD		{color:white; font-size:24pt; white-space:nowrap;}
.YELLOW_HEAD		{color:#B3B0B3; font-size:24pt; white-space:nowrap;}

.WHITE_USR		{color:#E0E0E0; font-size:24pt; font-weight:bold; white-space:nowrap;}
.GREY_USR		{color:#E0E0E0; font-size:24pt; font-weight:bold; white-space:nowrap;}
.BLUE_USR		{color:white; font-size:24pt; font-weight:bold; white-space:nowrap;}
.YELLOW_USR		{color:#B3B0B3; font-size:24pt; font-weight:bold; white-space:nowrap;}

.WHITE_CONNECTED	{color:#398000; font-size:15pt;}
.GREY_CONNECTED		{color:#398000; font-size:15pt;}
.BLUE_CONNECTED		{color:#398000; font-size:15pt;}
.YELLOW_CONNECTED	{color:#398000; font-size:15pt;}

.WHITE_TITLE		{color:#505050; font-size:24pt;}
.GREY_TITLE		{color:#505050; font-size:24pt;}
.BLUE_TITLE		{color:#4D88A1; font-size:24pt;}
.YELLOW_TITLE		{color:#FF4301; font-size:24pt;}

/**************************** Icon highlighting ******************************/
.ICON_HIDDEN
	{
	opacity:0.2;
	}
.ICON_HIGHLIGHT
	{
	opacity:0.7;
	}
.ICON_HIGHLIGHT:hover
	{
	opacity:1;
	}

/*********************************** Tabs ************************************/
.WHITE_TAB_ON
	{
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	color:#4D88A1;
	font-size:30pt;
	font-weight:bold;
	line-height:100%;
	white-space:nowrap;
	}
.GREY_TAB_ON
	{
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	color:#606060;
	font-size:30pt;
	font-weight:bold;
	line-height:100%;
	white-space:nowrap;
	}
.BLUE_TAB_ON
	{
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	color:#4D88A1;
	font-size:30pt;
	font-weight:bold;
	line-height:100%;
	white-space:nowrap;
	}
.YELLOW_TAB_ON
	{
	font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
	color:#BD4815;
	font-size:30pt;
	font-weight:bold;
	line-height:100%;
	white-space:nowrap;
	}

/********************************* Menu fonts ********************************/
.WHITE_MENU_OFF		{color:#707070; font-size:30pt; line-height:110%;}
.GREY_MENU_OFF		{color:#707070; font-size:30pt; line-height:110%;}
.BLUE_MENU_OFF		{color:#4D88A1; font-size:30pt; line-height:110%;}
.YELLOW_MENU_OFF	{color:#FF4301; font-size:30pt; line-height:110%;}

.WHITE_MENU_ON		{color:#4D88A1; font-size:30pt; font-weight:bold; line-height:110%;}
.GREY_MENU_ON		{color:#606060; font-size:30pt; font-weight:bold; line-height:110%;}
.BLUE_MENU_ON		{color:#4D88A1; font-size:30pt; font-weight:bold; line-height:110%;}
.YELLOW_MENU_ON		{color:#FF4301; font-size:30pt; font-weight:bold; line-height:110%;}

/********************************* Form fonts ********************************/
.WHITE_FORM		{color:#4D88A1; font-size:24pt;}
.GREY_FORM		{color:#4D88A1; font-size:24pt;}
.BLUE_FORM		{color:#4D88A1; font-size:24pt;}
.YELLOW_FORM		{color:#FF4301; font-size:24pt;}

.WHITE_FORM_NOWRAP	{color:#4D88A1; font-size:24pt; white-space:nowrap;}
.GREY_FORM_NOWRAP	{color:#4D88A1; font-size:24pt; white-space:nowrap;}
.BLUE_FORM_NOWRAP	{color:#4D88A1; font-size:24pt; white-space:nowrap;}
.YELLOW_FORM_NOWRAP	{color:#FF4301; font-size:24pt; white-space:nowrap;}

.WHITE_FORM_BOLD	{color:#4D88A1; font-size:24pt; font-weight:bold;}
.GREY_FORM_BOLD		{color:#4D88A1; font-size:24pt; font-weight:bold;}
.BLUE_FORM_BOLD		{color:#4D88A1; font-size:24pt; font-weight:bold;}
.YELLOW_FORM_BOLD	{color:#FF4301; font-size:24pt; font-weight:bold;}

/****************************** Placing of objects ***************************/
.LEFT_TOP		{text-align:left; vertical-align:top;}
.LEFT_MIDDLE		{text-align:left; vertical-align:middle;}
.LEFT_BOTTOM		{text-align:left; vertical-align:bottom;}
.CENTER_TOP		{text-align:center; vertical-align:top;}
.CENTER_MIDDLE		{text-align:center; vertical-align:middle;}
.CENTER_BOTTOM		{text-align:center; vertical-align:bottom;}
.RIGHT_TOP		{text-align:right; vertical-align:top;}
.RIGHT_MIDDLE		{text-align:right; vertical-align:middle;}
.RIGHT_BOTTOM		{text-align:right; vertical-align:bottom;}

/***************** Colors used in headers,backgrounds,etc. *****************/
.COLOR0			{background-color:#F4F2EA;}
.COLOR1			{background-color:#FBFAF7;}
.LIGHT_GREEN		{background-color:#C0FF40;}
.LIGHT_BLUE		{background-color:#DDECF1;}
.VERY_LIGHT_BLUE	{background-color:#EAF3F6;}

.TAB_ON_WHITE		{background-color:#F7F6F5;}
.TAB_ON_GREY		{background-color:#F7F6F5;}
.TAB_ON_BLUE		{background-color:#E8F3F6;}
.TAB_ON_YELLOW		{background-color:#FFF2BD;}

.TAB_OFF_WHITE		{background-color:#D4D4D4;}
.TAB_OFF_GREY		{background-color:#D4D4D4;}
.TAB_OFF_BLUE		{background-color:#CAE1E8;}
.TAB_OFF_YELLOW		{background-color:#FADE94;}

/********************************* Course info *******************************/
#crs_info
	{
	margin:0;
	padding:0 15px;
	color:inherit;
	}
#crs_info table
	{
	border: 1px solid grey;
	}
#crs_info th
	{
	border:1px solid grey;
	background-color:#F0F0F0;
	padding:7px;
	}
#crs_info td
	{
	border:1px solid grey;
	padding:7px;
	}

/************************ Help for the text editor ***************************/
.HELP_EDIT
	{
	margin:15px;
	text-align:center;
	color:#808080;
	font-size:15pt;
	}

/*********************************** Lists ***********************************/
.LIST_LEFT
	{
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:left;
	vertical-align:middle;
	}
.LIST_CENTER
	{
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle;
	}

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

.FILENAME		{color:#404040; font-size:27pt; font-weight:bold;}

.BROWSER_TITLE		{color:#94745C; font-size:24pt; font-weight:bold;}
.BROWSER_TITLE_LIGHT	{color:#D5C6BB; font-size:24pt; font-weight:bold;}
.BROWSER_SUBTITLE	{color:#94745C; font-size:21pt;}

.T1			{color:#404040; font-size:24pt;}
.T2			{color:#404040; font-size:21pt;}
.T3			{color:#404040; font-size:18pt;}

.LST			{color:#404040; font-size:18pt; white-space:nowrap;}
.LST_HID		{color:#A0A0A0; font-size:18pt; white-space:nowrap;}
.LST_REC		{color:#008000; font-size:18pt; white-space:nowrap;}
.LST_REC_HID		{color:#89BE87; font-size:18pt; white-space:nowrap;}
.LST_EDIT		{color:#404040; font-weight:bold; font-size:13pt; height:24px; padding-top:0; padding-bottom:0; margin-top:-1px; margin-bottom:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;}
.LST_EDIT_HID		{color:#A0A0A0; font-weight:bold; font-size:13pt; height:24px; padding-top:0; padding-bottom:0; margin-top:-1px; margin-bottom:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;}
.LST_EDIT_REC		{color:#008000; font-weight:bold; font-size:13pt; height:24px; padding-top:0; padding-bottom:0; margin-top:-1px; margin-bottom:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;}
.LST_EDIT_REC_HID	{color:#89BE87; font-weight:bold; font-size:13pt; height:24px; padding-top:0; padding-bottom:0; margin-top:-1px; margin-bottom:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;}

.USR_ID			{color:#404040; font-size:24pt; font-weight:bold;}

.DAT			{color:#707070; font-size:24pt;}
.DAT_GREEN		{color:#008000; font-size:24pt;}
.DAT_LIGHT		{color:#A0A0A0; font-size:24pt;}
.DAT_NOBR		{color:#707070; font-size:24pt; white-space:nowrap;}
.DAT_N			{color:#404040; font-size:24pt;}
.DAT_NOBR_N		{color:#404040; font-size:24pt; white-space:nowrap;}

/*********************** Line in top part of a table row *********************/
.LINE_TOP
	{
	color:#404040;
	font-size:24pt;
	border-style:solid none none none;
	border-width:1px;
	}

.DAT_SMALL		{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#707070; font-size:21pt;}
.DAT_SMALL_LIGHT	{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#A0A0A0; font-size:21pt;}
.DAT_SMALL_NOBR		{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#707070; font-size:21pt; white-space:nowrap;}
.DAT_SMALL_N		{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#404040; font-size:21pt;}
.DAT_SMALL_NOBR_N	{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#404040; font-size:21pt; white-space:nowrap;}

.DAT_SMALL_GREY		{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#707070; font-size:21pt;}
.DAT_SMALL_RED		{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#FF0000; font-size:21pt;}
.DAT_SMALL_GREEN	{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#008000; font-size:21pt;}
.DAT_SMALL_BLUE		{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#0080FF; font-size:21pt;}
.DAT_SMALL_YELLOW	{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#C0C000; font-size:21pt;}

.HEAD_REC		{font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#808080; font-size:24pt;}
.HEAD_REC_SMALL		{font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#808080; font-size:18pt;}
.REC_NAME		{color:#808080; font-size:30pt; font-weight:bold;}
.REC_NICK		{color:#808080; font-size:24pt; font-weight:bold;}
.DAT_REC		{color:#404040; font-size:21pt; line-height:110%;}
.DAT_REC_SMALL		{color:#808080; font-size:21pt; line-height:110%;}
.DAT_REC_SMALL_BOLD	{color:#202020; font-size:21pt; line-height:110%;}
.MSJ_AVISO		{color:#632921; font-size:18pt;}
.TIT_TBL		{color:#4D88A1; font-size:21pt; font-weight:bold;}
.TIT_CLASSPHOTO		{font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#606060; font-size:16pt;}
.CLASSPHOTO		{color:#606060; font-size:16pt; line-height:100%; white-space:nowrap;}

.GRP_TITLE		{color:#4D88A1; font-size:24pt; font-weight:bold;}

.ASG_TITLE		{color:#4D88A1; font-size:24pt; font-weight:bold;}
.ASG_TITLE_LIGHT	{color:#AFC4CC; font-size:24pt; font-weight:bold;}
.ASG_GRP		{color:#4D88A1; font-size:18pt;}
.ASG_GRP_LIGHT		{color:#AFC4CC; font-size:18pt;}
.DATE_GREEN		{color:#008000; font-size:21pt;}
.DATE_GREEN_LIGHT	{color:#89BE87; font-size:21pt;}
.DATE_RED		{color:#FF0000; font-size:21pt;}
.DATE_RED_LIGHT		{color:#F98A8A; font-size:21pt;}

.ASG_LST_DATE_GREEN	{color:#008000; font-size:18pt; white-space:nowrap;}
.ASG_LST_DATE_RED	{color:#FF0000; font-size:18pt; white-space:nowrap;}

.STATUS_GREEN		{color:#008000; font-size:21pt;}
.STATUS_GREEN_LIGHT	{color:#89BE87; font-size:21pt;}
.STATUS_RED		{color:#FF0000; font-size:21pt;}
.STATUS_RED_LIGHT	{color:#F98A8A; font-size:21pt;}

/********************************** Tests ************************************/
.ANS			{color:#404040; font-size:24pt; font-weight:bold;}
.ANS_OK			{color:#008000; font-size:24pt; font-weight:bold;}
.ANS_BAD		{color:#FF0000; font-size:24pt; font-weight:bold;}
.TST_TIT		{color:#404040; font-size:30pt;}
.TEST			{color:#404040; font-size:21pt;}
.TEST_EXA		{color:#404040; font-size:21pt;}
.TEST_EXA_LIGHT		{color:#A0A0A0; font-size:21pt;}
.TEST_EDI		{color:#404040; font-size:21pt;}
.TEST_EDI_LIGHT		{color:#A0A0A0; font-size:21pt;}

.HOR			{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#345C6C; font-size:18pt; line-height:110%; letter-spacing:0;}
.FREE0			{background-color:#F4F2EA; border:solid 1px; border-color:#F4F2EA #E0D9C2 #EEEADC #F4F2EA;}
.FREE1			{background-color:#F4F2EA; border:solid 1px; border-color:#F4F2EA #E0D9C2 #E0D9C2 #F4F2EA;}
.FREE2			{background-color:#FBFAF7; border:solid 1px; border-color:#FBFAF7 #E0D9C2 #F5F2E9 #FBFAF7;}
.FREE3			{background-color:#FBFAF7; border:solid 1px; border-color:#FBFAF7 #E0D9C2 #E0D9C2 #FBFAF7;}
.THEO			{background-color:#C0DAE4; border:solid 3px; border-color:#C9E3ED #B5CFD9 #B5CFD9 #C9E3ED;}
.PRAC			{background-color:#DBE5E9; border:solid 3px; border-color:#E4EEF2 #D0DADE #D0DADE #E4EEF2;}
.TUTO			{background-color:#D6E9C3; border:solid 3px; border-color:#DFEEE0 #CAE3B1 #CAE3B1 #DFEEE0;}

.CUR_TIME		{color:#BAD2DA; font-size:18pt; font-weight:bold;}

.USR_LIST_TYPE_OFF	{border:solid 1px; border-color:white;}
.USR_LIST_TYPE_ON	{border:solid 1px; border-color:#50B800;}

.LAYOUT_OFF		{height:48px; text-align:center; vertical-align:middle; border:solid 1px; border-color:white; background-color:white;}
.LAYOUT_ON		{height:48px; text-align:center; vertical-align:middle; border:solid 1px; border-color:#C0DAE4; background-color:#DDECF1;}

.LOG			{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#606060; font-size:13pt;}
.LOG_R			{font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#FF0000; font-size:13pt;}

.MSG_TXT		{font-Family:"Courier New","DejaVu LGC Sans Mono","Bitstream Vera Sans Mono",monospace; color:#404040; font-size:15pt;}

.MSG_TIT		{color:#4D88A1; font-size:15pt;}
.MSG_TIT_NEW		{color:#4D88A1; font-size:15pt; font-weight:bold;}
.MSG_TIT_REM		{color:#AFC4CC; font-size:15pt;}
.MSG_TIT_BG
	{
	background-image:url('/swad/icon/blue1x36.gif');
	background-size:1px 54px;
	background-repeat:repeat-x;
	color:#4D88A1;
	font-size:15pt;
	}
.MSG_TIT_BG_NEW
	{
	background-image:url('/swad/icon/green1x36.gif');
	background-size:1px 54px;
	background-repeat:repeat-x;
	color:#4D88A1;
	font-size:15pt;
	font-weight:bold;
	}
.MSG_TIT_BG_REM
	{
	background-image:url('/swad/icon/lightblue1x36.gif');
	background-size:1px 54px;
	background-repeat:repeat-x;
	color:#AFC4CC;
	font-size:15pt;
	}
.MSG_AUT		{color:#4D88A1; font-size:13pt;}
.MSG_AUT_LIGHT		{color:#AFC4CC; font-size:13pt;}
.MSG_AUT_NEW		{color:#4D88A1; font-size:13pt; font-weight:bold;}
.MSG_AUT_BG
	{
	background-image:url('/swad/icon/blue1x36.gif');
	background-size:1px 54px;
	background-repeat:repeat-x;
	color:#4D88A1;
	font-size:13pt;
	}
.MSG_AUT_BG_NEW
	{
	background-image:url('/swad/icon/green1x36.gif');
	background-size:1px 54px;
	background-repeat:repeat-x;
	color:#4D88A1;
	font-size:13pt;
	font-weight:bold;
	}
.MSG_AUT_BG_REM
	{
	background-image:url('/swad/icon/lightblue1x36.gif');
	background-size:1px 54px;
	background-repeat:repeat-x;
	color:#AFC4CC;
	font-size:13pt;
	}
.MSG_DATE		{color:#4D88A1; font-size:13pt;}
.MSG_DATE_NEW		{color:#4D88A1; font-size:13pt; font-weight:bold;}
.BT			{width:24px; text-align:left; vertical-align:top;}
.BT0			{width:24px; text-align:left; vertical-align:top; background-color:#F4F2EA;}
.BT1			{width:24px; text-align:left; vertical-align:top; background-color:#FBFAF7;}
.BM			{width:24px; text-align:left; vertical-align:middle;}
.BM_SEL			{width:24px; text-align:left; vertical-align:middle; background-color:#C0FF40;}
.BM0			{width:24px; text-align:left; vertical-align:middle; background-color:#F4F2EA;}
.BM1			{width:24px; text-align:left; vertical-align:middle; background-color:#FBFAF7;}

/***************************** Calls for exams *******************************/
.CONV_TIT
	{
	font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
 	color:#404040;
 	font-weight:bold;
 	font-size:21pt;
 	}
.CONV_TIT_IMPR
	{
	font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
	color:#202020;
	font-weight:bold;
	font-size:21pt;
	}
.CONV_NEG
	{
	font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
	color:#404040;
	font-weight:bold;
	font-size:16pt;
	white-space:nowrap;
	}
.CONV_NEG_IMPR
	{
	font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
	color:#202020;
	font-weight:bold;
	font-size:16pt;
	white-space:nowrap;
	}
.CONV
	{
	font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
	color:#404040;
	font-size:11pt;
	}
.CONV_IMPR
	{
	font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
	color:#202020;
	font-size:11pt;
	}

/***************************** Public user's profile *************************/
.FOLLOW
	{
	color:#C0C0C0;
	font-size:42pt;
	font-weight:bold;
	}
.FOLLOW_B
	{
	color:#000000;
	font-size:42pt;
	font-weight:bold;
	}
.PRF_ICON_CONTAINER
	{
	width:30px;
	}
.PRF_ICON
	{
	margin:auto;
	display:block;
	width:24px;
	height:24px;
	opacity:0.33;
	}
.PRF_FIG
	{
	text-align:left;
	vertical-align:middle;
	}

.CON			{color:#B8D070; font-size:13pt; line-height:110%; white-space:nowrap;}
.CON_CRS		{color:#398000; font-size:13pt; line-height:110%; white-space:nowrap;}

/*************************** Indicators about courses ************************/
.INDICATORS td,.INDICATORS th
	{
	border:1px solid silver;
	border-collapse:collapse;
	padding:1px;
	}
.INDICATORS th
	{
	color:#4D88A1;
	font-size:15pt;
	font-weight:bold;
	}

/********************* Used to align buttons in account forms ****************/
.FORM_ACCOUNT
	{
	display:inline-block;
	min-width:375px;
	}