@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:400,500,600,700,800|Oswald:200,500,600,700|Poppins:400,500,700|Roboto:400,500,700');

    /*font-family: 'Oswald', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Fira Sans Condensed', sans-serif;*/


html{height:100%}
body {
    
  height: 100vh;
   overflow-x: hidden;
   /*padding-top: 0;
   padding-bottom: 70px;*/
min-height: 100vh;
background:rgb(219, 213, 197);
}
#footer {
	position: absolute;
	bottom: 0;
	min-height: 100px;
	background: azure;
	z-index: 10000;
	width: 100%;
	top: 100%;
}
/*NAVBAR4*/
.mySmNavBarInput {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid #ffd800;
  border-radius:0;
}
    .navBar4Link {
	background: #2f516b;
	padding: 0 12px !important;
	margin: 1px 10px;
	border-radius: 3px;
	border: 1px solid #a1a1a1;
	line-height: 1em;
}
        .dropdwnloggedUs {
	padding: 4px;
	font-size: 0.9em;
	border: 1px solid black;
}
.breadcrumb{border-radius:0;border-bottom:1px solid #d1d1d1;}
.bg-dark {
    background-color: #27445a   !important;

}
a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
}
.sezioniLab {
	font-family: Poppins,sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	color: #c0573b;
	text-transform: uppercase;
	text-align: center;
}
.sezioniLab span {color: #627789;}
h2, h3, h4 {
    font-family: Roboto,sans-serif;
    color: #627789;
    /*font-weight: normal;*/
}
#latDx {
            background: #f0f0f0;
            border-left:1px solid #c9d3db;
        }
        /*.labRiq{margin:4px;padding:12px;border-bottom:1px solid #f8dcb3;background:#fff;}*/
        .x-small {font-size: 0.7em;}
h5 small{font-size:0.7em;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}
    h5 a:link {
        color: rgb(4, 65, 144);
    }
    .color-arancione-1 {
        color: #e1563e;
    }
    .center-main-cont h4 {
        margin-bottom: 1px;
    }
    .labavatarXS {
        width: 20px;
        height: 20px;
        margin-right:4px;
        color:#f8dcb3;
    }
h5 .audioIco {
    font-size: 16px;
    color: rgb(128, 128, 128);
}
.smallData{font-size:0.7em;color:#627789;font-family:'Lucida Sans',Geneva, arial, sans-serif}
a.labUsername, a.labUsername:visited {
	color: #963603; font-size:0.8em;
}
 a.labUsername:hover, a.labUsername:active{color: #d8812d;text-decoration:underline;}

a.title-link, a.title-link:visited {
	color: rgb(77, 116, 155);
	font-family: Fira Sans Condensed,sans-serif;
	font-weight: 500;
	font-size: 0.98em;
}
a.title-link:hover, a.title-link:active{
color: rgb(61, 101, 141);
	
    text-decoration:none;
}
.otherShow {
    color: #fff !important;
    border: 1px solid #f3f3f3;
    background: #438484;
}
.NavSectAreaDiv {display: flex;}    
.breadcrumb-item {font-size:0.9em}
.breadcrumb{padding: .50rem 1rem;}
h3.titleLinkContLab{margin:0; font-size:1.1em;}
h3.titleLinkContLab a:link,a:visited  {
	color: rgb(77, 116, 155);
	text-decoration: none;
	font-family: Fira Sans Condensed, sans-serif;
}

a.keyLink, a.keyLink:visited {
	color: #548190;
	font-size: 0.8em;
	font-family: Roboto,sans-serif;
	background: #f1faf9 !important;
	border-radius: 2px;
	border-color: #fff;
}
a.keyLink:hover, a.keyLink:active{
text-decoration:none;
color: rgb(77, 116, 155);
}
.riqLabContList{border-bottom: 1px solid #e0dada;padding:10px 4px;font-family: Roboto,sans-serif;}

.sezioniLab .btn-warning{font-family:Roboto,sans-serif;background:#007f9b;border:1px solid rgb(4, 65, 144)}
.sezioniLab a.btn-warning:link,a.btn-warning:visited{color:#fff;font-weight: 300;font-size:0.6em;
	text-transform: uppercase;}
.sezioniLab a.btn-warning:hover,a.btn-warning:active{color:#ddffc5;}
.labtitle {
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	letter-spacing: 0.03em;
	color: #154377;
}
 /* css mesaggi forum view*/
 .quote {
background: rgb(225, 232, 239);
color: rgb(26, 80, 126);
font-family: 'arial','verdana',sans-serif;
font-size: 14px;
padding: 13px;
}

.quote img {
max-width: 100%;
height: auto;
}

.INQ {
overflow-y: auto;
max-height: 130px;
font-family: 'arial','verdana',sans-serif;
font-size: 12px;
font-size: 13px;
background: rgb(207, 215, 224);
padding: 8px;
margin-bottom: 12px;
border: 1px solid #d2cfcf;
}

.INQ img {
max-width: 100%;
height: auto;
}

.INQ div {
max-width: 100%;
height: auto;
align-self: center;
}

.INQ2 {
background: rgb(252, 252, 252);
padding: 8px;
border-top: 1px solid #ECC16A;
margin-top: 4px;
margin-bottom: 6px;
}

.INQ2 img {
max-width: 100%;
height: auto;
}

.INQ2 blockquote {
font-family: 'arial','verdana',sans-serif;
font-size: 14px;
}

.INQ2 div {
max-width: 100%;
height: auto;
align-self: center;
}
.Uedit {
font-family: Arial, sans-serif;
font-size: 11px;
color: #999;
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: calc(100vh - 48px);
    margin-top:65px;
}
#sidebar {
    z-index:900;
    width: 220px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background:#37576f;
    transition: all 0.3s;
    border-right: 6px solid #dbd5c5;
    /*padding-top:70px;*/
}
#sidebar.active {
    margin-left: -220px;
}
#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}
#sidebar ul p {
    color: #fff;
    padding: 10px;
}
.list-group-item{background:#578099 !important;margin:0;}
#sidebar ul li a.navSectPlusIco {color:#f0f0f0;background:#37576f;width:33px}
#sidebar ul li a.navSectPlusIco:hover {color:#f8dcb3;background:#37576f;}
#sidebar ul li a.navSectPlusIcoCat {color:#f0f0f0;width:20px}
#sidebar ul li a.navSectPlusIcoCat:hover {color:#f8dcb3;}
#sidebar ul li a {
    padding: 0 0 0 12px;
   color:#fff;
}
#sidebar ul li a:hover {
    color: #d7d4a9;
    background: #052a42;
    text-decoration:none;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #e1563e;
    background: #6d7fcc;
}
a[data-toggle="collapse"] {
    position: relative;
}
/*.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}*/
    ul ul a {
	font-size: 0.95em !important;
	padding: 1px 3px !important;
	/*background: #6473b3;*/
    font-family:Fira Sans Condensed, sans-serif;
}
    .list-group-item-action{width:80%;}
  
    ul ul a.subcatLink {font-size:0.8em !important;}
    .subNavLogoNav {
        height: 58px;
        margin-top: 17px;
        padding-left: 16px;
    }
   .arealink {

    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.95em;}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: calc(100% - 220px);

    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    /*top:65px;*/
    right: 0;
    background:#fff;
    border: 1px solid #c0b9ae;
    border-top:none;
}
#content.active {
    width: 100%;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -220px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 220px);
    }
   
}
@media (min-width: 768px) {
#content #sidebarCollapse {
        display: none;
    }
#sidebar.active {
        margin-left: 0;
    }
#content.active {
        width: calc(100% - 220px);
    }
}

.activeCat{background:rgb(109, 127, 204);}