/* ---------------------------------------------------------------------------------------------------*/
/* Sliding menu */
/* ---------------------------------------------------------------------------------------------------*/
.codrops-top { padding:13px 0px 5px 0px;}


.codrops-top h1 {font-size: 22px;font-weight:600;}
.codrops-top .fabutton {float: left;margin: 0px 15px 0px 10px;}

.codrops-top img { padding:10px !important; margin-bottom:0px;}
.codrops-top a { font-size:1.2em !important;font-weight:300;margin-top:0px; padding:0px 0px 0px 0px !important; margin-right:0px !important;}
.codrops-top img.right { float:right !important;margin-top:5px; margin-right:20px !important; padding:10px !important; }
.codrops-top img.center { float:none !important;margin-left:auto !important; margin-right:auto !important; padding:10px !important; margin-top:0px !important; }

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 1em;
	font-weight:500;
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	line-height: 2.5;
}

.mp-level a {text-decoration:none;font-weight:400;}


textarea { resize: none; }

.rotate {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* -------------------------------------------------------------------------- */
/*                                   Navbar Toggler                           */
/* -------------------------------------------------------------------------- */

.navbar-toggler {  border: none;  padding: 0;  outline: none;}
.navbar-toggler:focus {  box-shadow: none;}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

.navbar-brand {
	padding-top: .3rem;
    padding-bottom: .3125rem;
    margin-right: 1.5rem;
    font-size: 2rem;
	 font-weight: 800;
    text-decoration: none;
    white-space: nowrap;}

.navbar-brand img { margin-top:-5px;}

.navbar h3 { font-size:18px; font-weight:600; margin-top:10px;}

.anchor {
  		display: block;
  		height: 73px; 
  		margin-top: -73px;
  		visibility: hidden;
}


/* -------------------------------------------------------------------------- */
/*                                   NavBar                             */
/* -------------------------------------------------------------------------- */


.navbar-dark .navbar-nav .nav-link {
	font-size:13px;
	font-weight:600;
	padding-right:15px;

}

.navbar .dropdown-item {
  	font-size:13px;
	font-weight:600;
}

.nav-pills {
	font-size:13px;
	font-weight:600;
}


.nav-pills li {
margin-left: 0px;
margin-right: 15px;
margin-bottom:2px;
}

.pageheading h4 {
	font-size:16px;
	font-weight:600;
}

.card-header {
	font-size:16px;
	font-weight:600;
	text-align:center;
}
.cardfooter {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding: 7px 0;
    width: 100%;
    text-decoration: none;
    font-size:13px;
	font-weight:bold;

}



.navbar li { list-style-type: none; }



/* ---------------------------------------------------------------------------------------------------*/
/* Protonomy Summary Cards */
/* ---------------------------------------------------------------------------------------------------*/

.pscard .card-block { padding: 1.25rem; }
.pscard h6 { font-size: 13px !important; font-weight:600; }
.pscard h5 { font-size: 11px !important; font-weight:600; }
.pscard .progress {  margin-bottom: 15px;border-radius: 20px; height:25px; font-weight:bold;}
.pscard .progress-bar { width: 0; border-radius: 20px;  position:relative;}
.pscard .progress-bar span[data-toggle="tooltip"]{width: 25px;height: 25px;border-radius: 20px;background: black;position:absolute;right:0px;top:0;}
.pscard .m-l-15 {margin-left: 15px;}

.legal p {font-size:13px;}
.legal h3 { font-size:18px; font-weight:600; }


/* ---------------------------------------------------------------------------------------------------*/
/* Dragula Kanban */
/* ---------------------------------------------------------------------------------------------------*/


.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.tasks {
  min-height: 150px;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.gu-hide {
    display: none !important;
}
.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}


/* ---------------------------------------------------------------------------------------------------*/
/* Dragula Kanban Cards */
/* ---------------------------------------------------------------------------------------------------*/

.KBCard1 p { font-size:12px ; font-weight:bold; }
.KBCard1 .small { font-size:10px ; font-weight:bold; }
.KBCard1 .fa {font-size:18px; }


.WidgetDashboard { display:inline-block; }

.btn {
  text-transform: unset !important;
}

/* ---------------------------------------------------------------------------------------------------*/
/* globals */
/* ---------------------------------------------------------------------------------------------------*/

* { font-family: Poppins,Roboto, Helvetica,Arial, sans-serif ;}