.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group {
    padding: 0.8rem 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0 1.6rem;
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,0.125);
}

.list-group .list-group-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 0.8rem 1.6rem;
    min-height: 4.8rem;
    line-height: 1.6rem;
    text-decoration: none;
	border: 1px solid #e4e4e4;
}
.list-group-item-primary {
    color: #1f222b;
    background-color: #c8cacf;
}
.list-group-item:first-child {
   border: none;
}
.pointer {
	cursor: pointer;
}
.avatar {
	width: 4rem;
	min-width: 4rem;
	height: 4rem;
	line-height: 4rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 1.7rem;
	font-weight: 500;
	text-align: center;
	color: #FFFFFF;
	/* background-color: #3C4252; */
}
.avatar.huge {
	width: 9.6rem;
	min-width: 9.6rem;
	height: 9.6rem;
	line-height: 9.6rem;
}
.btn-fab, .btn-fab:focus {
	line-height: 2.6rem;
	width: 2.6rem;
	min-width: 2.6rem;
	height: 2.6rem;
	min-height: 2.6rem;
	overflow: hidden !important;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f3f3f3;
	color: #000;
	box-shadow: none;
	margin: 10px;
}
.btn-fab:hover {
	background-color: #2196F3;
	color: #fff;
}

.sidenav li.active a{
  background: white;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  width: 80%;
  border :none;
}

.sidenav li.active {
  background: transparent;
}


a:link {
    color: black;
  }
  
/* visited link */
a:visited {
    color: black;
}

.flexbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
}

.box{
    height: 500px;
}

.elipse {border-radius: 50px;}
.link {
    font-weight: bold;
}
.inputbox {
    background-color: #E7EBEB
}
.navbar {
    background-color: #E2001A
}

.card-image{
    height: 10px; /* Your height here */
    overflow: hidden;
}

.dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
  }


  .switch label .lever.custom:after {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  }

  .switch label input[type=checkbox]:checked + .lever.custom:after {
    background-color: #E2001A;
  }

  #switch-title{
     font-size: 14px; 
  }

  label#condition{
    font-size: 14px; 
 }

 .nav-wrapper.color-red{
     background: #E2001A;
 }

 .primary{
    background: #E2001A;
}

.each{
    border-bottom: 1px solid #E7EBEB;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px; 
}

.acItem .description{
  font-size: 14px;
  font-weight: normal;
  font-family: "Open Sans";
  color: #000000;
}

.acItem .type{
  font-size: 12px;
  margin-top:10px;
  font-family: "Open Sans";
  color: #E2001A;
}



nav{
    box-shadow: none!important;
}

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .material-icons {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .material-icons  { left:  0px;}
.right-addon .material-icons { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/* span#switch-title {
  font-size: 80px;
} */

.rounded-circle {
  border-radius: 50% !important;
}

div .font-gray {
  color: #888888;
}

@media screen and (min-width: 320px) {
  span#switch-title {
    font-size: 10px;
  }
  label#condition {
    font-size: 10px;
  }
  div#title {
    font-size: 10px;
  }

}

@media screen and (min-width: 360px) {
  span#switch-title {
    font-size: 12px;
  }
  label#condition {
    font-size: 12px;
  }
  div#title {
    font-size: 12px;
  }

 
  
}
header, main {
	padding-left: 300px;
}


@media only screen and (max-width : 500px) {
 
  .container-functional{
    display: block;
  }

  #functional_areas_title{
    display: none;
  }
 
}

@media only screen and (max-width : 992px) {
	header, main, footer {
		padding-left: 0;
  }
}

@media only screen and (min-width : 992px) {
  nav{
    display: none;
  }
  nav.search-model{
    display: block;
  }
  .container-functional{
    display: none;
  }
  
  #functional_areas_title{
    display: block;
    padding-top: 5px;
  }
}

@media(max-height: 1080px) {
  #mobile-demo li:not(:first-child) {
    height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .sidenav li > a {
    display: flex;
    align-items: center;
    height: 40px;
  }
}