/******* FOGLIO DI STILE EXTRA DELLE PAGINE MOBILE *********/

@import url(../fonts/campusnet-icons-extra.css);
@import url(../fonts/campusnet-icons.css);

.ui-page {
background: var(--body-background-color);
text-shadow: none;
}

div[class*="-details-mobile"], #searchForm {
	border-bottom: 1px solid #ccc;
    padding: 15px;
	line-height:1.4em;
	font-size:1.1em;
}

.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
opacity:0.7;
}

.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head + body .ui-btn.ui-btn-a:focus {

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui-collapsible-content img{
	max-width:100%;
}

#home-homepage-mobile {padding-top:20px}
#homepage-classe-name {display:none}
.linkbox-mobile div.ui-collapsible-content {padding:0px !important}

.ui-listview > .ui-li-divider {
	text-transform: uppercase;
}

.ui-listview > li p {
	font-size: inherit;
}

ul.list-nowrap li,
ol.list-nowrap li {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

ul.list-of-links li,
ol.list-of-links li {
  padding-top: 5px;
  padding-bottom: 5px;
}

ul.spaced-list li,
ol.spaced-list li {
  margin-bottom: 12px;
}

ul.spaced-list li:last-child,
ol.spaced-list li:last-child {
  margin-bottom: initial;
}

ul.no-bullets,
ol.no-bullets {
  margin: 0px;
  padding: 0px;
}

ul.no-bullets li,
ol.no-bullets li {
  list-style: none;
}

ul.no-empty li:empty,
ol.no-empty li:empty {
  display: none;
}

ul.icon-ul li:before{
  margin-left: 0px;
  margin-right: 20px;
}


.break-long-words {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

a, h1, h2, h3, h4, h5, h6 {
	word-break: break-word;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}

.ui-btn-primary {border:1px solid #007bff !important}
.ui-btn-secondary {background:#6c757d}
.ui-btn-success {border:1px solid #28a745 !important}
.ui-btn-danger {background:#dc3545}
.ui-btn-warning {background:#ffc107}
.ui-btn-info {background:#17a2b8}


#scrollToTop {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:2000;
}

#scrollToTop a {
	display:inline-block;
	text-align:center;
	font-size:22px;
	background-color: rgba(80,80,80,0.8);
	color:#fff;
	padding: 2px 4px;
	border:1px solid #666;
	border-radius: 5px;
	outline:0;
	opacity:0.7;
}

#scrollToTop a:hover {
	opacity:0.9;
}

#scrollToTop a span {
	display:none;
}

.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.bold, .strong {font-weight: 600}

/*** HEADER & FOOTER ***/

#PageHeader {
border:none;
}

.HomePageHeader {
	padding:5px;
}

.HomePageHeader div.ui-block-a {
	text-align:left;
}

.HomePageHeader div.ui-block-b {
	text-align:right;
}

.HomePageHeader h2 {
	margin:5px;
}

#archivedMessage {
	background-color:#555;
	color: #ffff00;
	padding:5px;
	font-size:1.2em;
}

#unilogo, object {
	max-width:80%; 
}

#homepage-classe-name {
	text-align:center;
	margin:10px;
}

#footer {
	__border-top: 1px solid #ccc;
	padding-top:20px;
	padding-bottom:10px;
}

#footer_signin {
	text-align: center;
	margin-bottom:15px;
}

#footer_desktop {
	font-size:small;
	text-align: center;
}

#footer_copyright {
	margin-top: 15px;
	font-size:small;
	text-align: center;
}

#footer a {
	font-weight: normal;
}

#classe {
	table-layout:fixed;
	width:100%;
	background-color: var(--header-background-color);
	color: var(--header-color);
	height:50px;
}

#classe-name {
	font-weight:normal;
	padding-left:5px;
	white-space:nowrap;
	overflow: hidden;
}

#classe-name span {
	transition:margin-left 2s ease;
	-webkit-transition:margin-left 2s ease; /* Safari */
}

#classe-menu {
	width:50px;
	text-align:center;
}

#classe-menu a i {
	color: var(--header-color);
	font-size:32px;
	font-weight:normal;
}

#usermenu-btn:after {
	background-color: transparent !important;
	background-size: 28px 28px;
	width:40px;
	height:40px;
	margin-top:-15px;
	margin-left:-25px;
	filter: invert(1);
}

#database {
	table-layout:fixed;
	width:100%;
	border-collapse:collapse;
	border:0px;
}

#database-name {
	padding-left:5px;
	white-space:nowrap;
	overflow: hidden;
	font-weight: normal;
}

#database-menu {
	width_:150px;
	text-align:right;
	white-space:nowrap;
}

div.applicazione-chiusa {
	padding:4px;
	background-color:#ffff00;
	color: #cc0000;
	font-weight:600;
}

.general-alert {
	border:4px solid #ff8010;
	background-color: #ffffb8;
	padding:10px;
	margin: 10px 0px 20px 0px;
	border-radius: 6px;
	font-size: 1.2em;
	line-height:1.4em;
}

.page-header {
	transition: top 0.2s linear;
}

.sticky {
  top: -50px !important;
}

.ui-content .first {margin-top:0px !important;}
.ui-panel-inner {padding-top:0px !important;}

.ui-listview-filter {margin: 5px !important;}
.ui-content .ui-listview {margin: 0px !important;}
.ui-collapsible-content {padding: 5px !important;}

/*** NUMERI DI PAGINA IN FONDO ALLE RICERCHE .ui-content ***/

.searchPagesLabel {
	display: none !important;
}

.search-pages {
	margin-top:10px;
	text-align:center;
}

.search-pages a, .search-pages span {
	margin:6px;
}

#SearchAvailabilityHead {
	padding: 0px 15px;
}

/*** DISPOSIZIONE IMMAGINI HOMEPAGE ***/

div.navigation-bar-mobile .ui-block-a,
div.navigation-bar-mobile .ui-block-b,
div.navigation-bar-mobile .ui-block-c,
div.navigation-bar-mobile .ui-block-d {
	position:relative;
	text-align:center;
	margin-bottom:10px;
}

.navigation-bar-mobile h4 {
	position:absolute;
	margin:0 auto;
	left: 10%;
	right:10%;
	bottom:6px;
	max-width: 512px;
	overflow:hidden;
	padding: 2px 0px 2px 0px;
	font-size: 3vw;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: white;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.65);
	border-radius: 0px 0px 8px 8px;
}

.navigation-bar-mobile > div {
	min-width:50px;
}

.navigation-bar-mobile img.app_icon, object {
	max-height:80%;
	max-width:80%;
}

.navigation-bar-mobile img.app_icon {
	width:512px;
	border: 1px solid black !important;
	border-radius:10px;
}

.navigation-bar-mobile i {
	position:absolute;
	margin:0 auto;
	left: 10%;
	right:10%;
	top:10%;
	color: #fff;
	font-size: 8vw;
}


/*** VARIE ***/

ul.listmobile {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.listmobile li {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

A {text-decoration: none;}
.link-separator {border-bottom: 2px solid #000 !important;}

.hidden {display: none !important;}
.wrap {white-space: normal !important;}

.success_popup {
	border:1px solid #0a0 !important;
	box-shadow: 0px 0px 10px #0a0 !important;;
}

.error_popup {
	border:1px solid red !important;
	box-shadow: 0px 0px 10px red !important;;
}

.noselection {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


/* Stile dei Tabs */
/* Horizontal Tabs */

div.htabs-wrapper {
 margin-top:12px;
 margin-bottom:12px;
}

ul.htabs {
 position:relative;
 z-index:100;
 margin:0px;
 border:none;
 margin-bottom:-1px;
 padding:0px;
 -webkit-transform: scaleY(-1);
 -moz-transform: scaleY(-1);
 -ms-transform: scaleY(-1);
 -o-transform: scaleY(-1);
 transform: scaleY(-1);
}

ul.htabs li {
 display: inline-block;
 list-style: none;
 margin: 0;
 margin-left: 5px;
 margin-bottom:3px;
 padding: 3px 8px 3px 8px;
 white-space:nowrap;
 border-radius: 3px 3px 0px 0px;
 cursor:pointer;
 -webkit-transform: scaleY(-1);
 -moz-transform: scaleY(-1);
 -ms-transform: scaleY(-1);
 -o-transform: scaleY(-1);
 transform: scaleY(-1);
 /* ie hacks */
 zoom: 1;         
 *display: inline;
 *margin-bottom:0px;
 *margin-top:3px;
}

li.htab-off {
 color:#666;
 border: 1px solid #ccc;
 padding: 5px 8px 3px 8px !important;
 border-bottom: 1px solid #999;
 background: #eee;
}

li.htab-on {
 color:#000;
 border: 1px solid #999;
 border-top: 3px solid #ff9900;
 border-bottom: 1px solid #ffffff;
 background: #ffffff;
}

div.hpanel {
 background: #ffffff;
 border:1px solid #999999;
}

div.hpanel-inner {
 padding:8px;
}


/* Vertical Tabs */

div.vtabs {
 margin-top:12px;
 margin-bottom:12px;
}

h3.vtab-off {
 border:1px solid #ccc;
 border-radius: 3px;
 color: #666;
 font-size: 100%;
 font-weight:normal;
 margin:8px 0px 0px 0px;
 padding: 4px 4px 4px 18px;
 cursor:pointer;
 background: #eee url(arrow_right.png) 5px center no-repeat;
}

h3.vtab-on:first-child, h3.vtab-off:first-child {
	margin-top:0px;
}

h3.vtab-on {
 border:1px solid #999;
 border-left: 3px solid #ff9900;
 border-radius: 3px 3px 0px 0px;
 color: #000;
 font-size: 100%;
 font-weight:normal;
 background: #fff url(arrow_down.png) 3px center no-repeat;
 margin:8px 0px 0px 0px;
 padding: 4px 4px 4px 16px;
 cursor:pointer;
}

div.vpanel {
 overflow:hidden;
 border-left:1px solid #999;
 border-right:1px solid #999;
 border-bottom:1px solid #999;
}

div.vpanel-inner {
 padding:8px;
}


/**/
/* Grid */
/**/

.grid-section {
	display:table;
}

.grid-cell {
	display:table-cell;
	margin:0px;
	padding:0px;
}

.grid-content {
	margin: 5px 20px 5px 0px;
}

@media screen and (max-width: 767px) {
	.grid-section {
		display: block !important;
	}
	.grid-cell {
		display: block !important;
		width: 100% !important; 
	}
}


/**/
/* Stile dei feed RSS */
/**/

.rssfeed h2 {
	font-family:Arial;
	font-size:11pt;
	margin:0px;
}

.rssfeed h3 {
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	margin:0px;
	color:#666;
}

.rssfeed ul {
	list-style-type:none;
	margin-left: 0px;
	padding-left: 0px;
}

.rssfeed li {
	margin-bottom: 10px;
}

.rssfeed span {
	color: #666;
}


/**/
/* File Menu */
/**/


.file-menu {
	min-width:250px
}

.file-menu li:empty {
	display:none;
}

.file-menu i {
	border:none;
	margin-right: 10px;
}

.file-menu-gdrive {
	padding:10px;
	text-align:center;
}

.zip-file {
	padding: 4px 4px 4px 12px;
	background: none;
}

.zip-file-last {
	padding: 4px 4px 4px 12px;
	background: none;
}

.arcfile {
	display: flex;
}

.arcfile div {
	padding-top:5px;
	padding-bottom:5px;
	vertical-align: top;
}

.arcfile div:nth-child(2) span {
	display:none;
}

.arcfile div:nth-child(1) img {
	width:32px;
}

.arcfile div:nth-child(3) i {
	font-size:24px;
}


img.flip-horizontal {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

img.flip-vertical {
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}


.button {
	appearance:none;
	-webkit-appearance: none;
	box-sizing: border-box;
	font-family: "campusnet-icons",$body-font-name;
	font-size: 1.1em;
	border : solid 1px #bbb;
	border-radius : 3px;
	color : #333;
	padding : 3px 10px;
	background-image: none;
	background-color : #fff;
	margin-right: 10px;
	line-height: normal;
}

a.button {
	text-decoration:none;
	text-align:center;
	display:inline-block;
	color : #333 !important;
	padding : 4px 10px !important;
}

a.button i {
	margin-right:8px;
}

a.button-small {
	padding : 2px 10px !important;
}

.button:hover, button:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
	cursor:pointer;
}

.button-small {
	font-size: 1.0em;
	padding : 1px 8px;
	margin-right: 8px;
}

.button-disabled {
	pointer-events: none;
	cursor: default;
	color: #999;
}



@media screen and (max-width: 479px) {
	.button {
		width:100%;
		margin: 5px 0px 5px 0px;
	}
	.button-small {
		width:auto;
		margin-right: 8px;
	}
}


/*********************************************************
Responsive table
Claudio 19/03/2017
*********************************************************/

.div-table {
	display:table;
	box-sizing: border-box;
	padding: 3px;
	vertical-align: top;
}

.div-table.collapse {
	padding: 0px;
}

.div-table.spacerows .div-tr {
	margin-bottom: 10px;
}

.div-table.spacerows .div-tr:last-child {
	margin-bottom:0px;
}

.div-table .div-tr {
	display: table-row;
	box-sizing: border-box;
	vertical-align: inherit;
	padding: inherit;
}

.div-table .div-th {
	display:table-cell;
	box-sizing: border-box;
	padding: inherit;
	vertical-align: inherit;
	font-weight:600;
}

.div-table .div-td {
	display:table-cell;
	box-sizing: border-box;
	padding: inherit;
	vertical-align: inherit;
}


@media screen and (max-width: 479px ) {

	.div-table .div-tr {
		display: block;
		width:100%;
	}
	.div-table .div-th {
		display: block;
		width:100%;
		text-align:left;
	}
	.div-table .div-td {
		display: block;
		width:100%;
		text-align:left;
	}
}

@media screen and (max-width: 767px ) {

	.div-table.switch-at-767 .div-tr {
		display: block;
		width:100%;
	}
	.div-table.switch-at-767 .div-th {
		display: block;
		width:100%;
		text-align:left;
	}
	.div-table.switch-at-767 .div-td {
		display: block;
		width:100%;
		text-align:left;
	}
}



/* CSS FOR HTML5 TABLES */

table.width-100 { width:100%; }
th.width-99,
td.width-99 { width:99%; }
th.width-1,
td.width-1 { width:1%; }

/* table with no spacing and padding */
table.compact {
	border-collapse: collapse;
	border-spacing: 0px;
}

table.compact > tbody > tr > th,
table.compact > tbody > tr > td {
   padding: 0px;
}

/* table with normal spacing and padding */
table.standard {
	border-collapse: separate;
	border-spacing: 2px;
}

table.standard > tbody > tr > th,
table.standard > tbody > tr > td {
   padding: 4px;
}

/* table with large spacing and padding */
table.large {
	border-collapse: separate;
	border-spacing: 4px;
}

table.large > tbody > tr > th,
table.large > tbody > tr > td {
   padding: 8px;
}

table.frame {
border-collapse: collapse;
border: 1px solid #999;
}

table.frame > tbody > tr > th,
table.frame > tbody > tr > td {
border: 1px solid #999;
padding:4px;
}

/* td, th valign */
table.valign-top > tbody > tr > th,
table.valign-top > tbody > tr > td,
tr.valign-top > th,
tr.valign-top > td,
th.valign-top,
td.valign-top { vertical-align: top; }

table.valign-middle > tbody > tr > th,
table.valign-middle > tbody > tr > td,
tr.valign-middle > th,
tr.valign-middle > td,
th.valign-middle,
td.valign-middle { vertical-align: middle; }

table.valign-bottom > tbody > tr > th,
table.valign-bottom > tbody > tr > td,
tr.valign-bottom > th,
tr.valign-bottom > td,
th.valign-bottom,
td.valign-bottom { vertical-align: bottom; }

/* td, th text-align */
table.talign-left > tbody > tr > th,
table.talign-left > tbody > tr > td,
tr.talign-left > th,
tr.talign-left > td,
th.talign-left,
td.talign-left { text-align: left; }

table.talign-center > tbody > tr > th,
table.talign-center > tbody > tr > td,
tr.talign-center > th,
tr.talign-center > td,
th.talign-center,
td.talign-center { text-align: center; }

table.talign-right > tbody > tr > th,
table.talign-right > tbody > tr > td,
tr.talign-right > th,
tr.talign-right > td,
th.talign-right,
td.talign-right { text-align: right; }

/* align (center) */
table.align-center { margin: 0 auto; }
table.center { margin: 0 auto; }

/* table without borders */
table.no-border,
table.no-border > tbody > tr > th, 
table.no-border > tbody > tr > td,
th.no-border,
td.no-border { border: none; }