/*Version 2.4*/
/*Last updated on 13/12/2016*/



body{
  background-color: #26A69A;
  width: calc(100% - 300px);
  margin-left:300px;
}

.container {
  margin-left:auto;
  margin-right:auto;
  width:75%;
}



.arrow {
	margin-top:-1.5%;
	margin-left:1%;
	margin-right:1%;
}

.dataTables_length label {
	font-size: 0;
}

div.dataTables_wrapper div.dataTables_length select  {
	display: none;
}

.form-control {
	border: none;
}

div.dataTables_filter input {
	width:70% !important;
}

.select-dropdown {
	border-bottom: none !important;
	top:-60%;
}




div.dataTables_wrapper {
	font-size:1vw !important;
}



th, td, tr {
	text-align:center;
	transition-duration:0.5s;
}

tbody tr:hover {
	background-color: #e6e6e6;
}

.unclickable {
	text-align: center;
	text-decoration: underline;
	font-size:20px;
	font-weight:bold;
	margin:0% 0%;
	margin-bottom:1%;
}

.clickable {
	text-align: center;
	text-decoration: none;
	font-size:20px;
	font-weight:bold;
	margin:0% 0%;
}


a {
	outline: 0 !important;
}

.material-tooltip {
	white-space:pre-line;
}

li {
	transition-duration:0.5s;
}

nav {
	border:none !important;
	box-shadow: none !important;
	background-color: white !important;
}


.buttons-html5:hover, .btn {
	outline: 0 !important;
	color:white !important;
	background-color: #26A69A !important;
}

#floater a.btn {
	background-color: #6495ED !important;
}

li a.btn {
	margin-bottom:20px;
	margin-top:3% !important;
	height:50px;
}

.dropdown-toggle {
	background-color: white !important;
	line-height:50px;
	color: rgb(119, 119, 119);
}

.dropdown-toggle:hover {
	text-decoration: none !important;
}


.dropdown-menu > li > a {
	padding: 5px 60px !important;
}

.disabled:hover {
	cursor: default !important;
	background-color: white !important;
}

h4 a {
	cursor: pointer !important;
}

.download {
	margin-top: 2% !important;
}

#warning-tooltip:hover {
	cursor:help;
}

.page-scroll {
	font-size:1.1vw;
}

nav .block li {
	float:none !important;
}

.dropdown-menu > .active > a {
	background-color: #2ab7a9 !important ;
}




.indicator {
  height:3px !important;
}

















#nav-icon {
  color: white !important;
  font-size: 50px !important;
  display: inline;
  float: left !important;
  margin-top: -1.5% !important;
}


.tabs .tab a:hover {
	background-color: #26a69a !important;
	color:white !important;
}

.tabs .tab a {
    color: #26A69A !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-radius: 0.75em;
    font-size:0.75vw;
}


.tabs .indicator {
	background-color: #26A69A !important
}


footer, #footer, .footer {
	display: none;
}



.collection {
	border:none !important;
}

.collection .collection-item {
	line-height: 2.5rem;
	font-size:15px;
	font-weight:bold;
	border-radius: 0.8rem !important;
	color:#a94442;
	background-color: #f2dede;
	width:65% !important;
	min-height:50px !important;
	margin-bottom: 0.5% !important;
}




.collapsible-header {
	font-weight: bold !important;
}


.collapsible-header:hover {
	color:#26A69A !important;
	text-decoration: none !important;
}

.collapsible .active .collapsible-header {
	color:#26a69a !important;
}


.no-notif {
	line-height: 2.5rem;
	font-size:15px;
	font-weight:bold;
	color:#3c763d !important;
	background-color: #dff0d8 !important;

}


.card-action {
	text-align: right;
	font-size: 0.9vw;
}

#card-action-anchor, .card-action-anchor {
	background-color: #ffab40 !important;
	color : white !important;
	border-radius: 0.75em;
	padding: 0.5% 1%;
	box-shadow: 5px 4px 7px lightgray;
  cursor: pointer !important;
}

#card-action-anchor:hover, .card-action-anchor:hover {
	color:white !important;
	text-decoration: inherit !important;
}


.nav-anchor {
	font-weight: bold;
	cursor: pointer;
	font-size: 13px !important;
}


.nav-anchor:hover {
	text-decoration: none !important;
}




.nav-anchor-active {
  background-color: #c2f0f0;
}


.li-active:hover {
  background-color: #c2f0f0 !important;
}











.no-notif-counter {
  display: inline-block;
  color: white !important;
  padding-left: 0.5vw;
  padding-right: 1vw;
  background: rgb(60, 118, 61);
  border-radius: 100%;
  width: 1vw;
  height: 1.5vw;
  line-height: 1.8;
  margin-left: 5%;
}


/* customPulse animation */
.notif-counter {
  display: inline-block;
  color: white !important;
  padding-left: 0.5vw;
  padding-right: 1vw;
  background: red;
  border-radius: 100%;
  width: 1vw;
  height: 1.5vw;
  line-height: 1.8;
  margin-left: 5%;
  animation: pulse 1s infinite;
}

.notif-counter:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 1);
  }
  50% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,0,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,0,0, 1);
    box-shadow: 0 0 0 0 rgba(255,0,0, 1);
  }
  50% {
      -moz-box-shadow: 0 0 0 10px rgba(255,0,0, 0);
      box-shadow: 0 0 0 10px rgba(255,0,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
      box-shadow: 0 0 0 0 rgba(255,0,0, 0);
  }
}