/*----------------------------------------------------------------------------------------
   FRAMEWORK
----------------------------------------------------------------------------------------*/
@import url("../fonts/feather/style.min.css");

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, .container {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    
    
}
:focus{outline:0;}

body {
	font-family: Muli,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
	margin: 0;
	font-size: 14px;
	line-height: 26px;
	color: #555;
	background-color: #F4F5FA; 	
	width: 100%;
	height: 100%;
	z-index:0;
  overflow-x: hidden;
}
body.no-scroll {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.container{
	padding-right: 0px;
	padding-left: 0px;
	width:95%;
	max-width:1460px;	
	margin: 0 auto;
}
.container.full-port{padding-top:0px;}
.footer {margin:15px 0 5px 0;}
.footerArea{
	position:relative;
	background: #7E8691;
	width:100%;
	color:#fff;
	margin-top:0px;
	padding:10px 0px;
	border-top:1px solid #ccc;
}
.footerArea .span7{padding-left:10px;}
footer ul li{
	float:left;
}
footer a{
	font-size:14px;
	padding:0 12px;	
	color:#fff;
}
footer .copyright{	
	font-size:13px;padding-right:150px;
}

a {
	text-decoration: none;
	color:#0060AD;
	/* color:#94AF10; GREEN*/ 
}
a:hover,
a:focus {
  color: #636162;
}

a img {
	border: 0;
}

.aimage{
	background: #000;
	filter:alpha(opacity=15);
	-moz-opacity: 0.15;
	opacity: 0.15;	
	border: 2px solid #8FBEBD;
}
a:hover img {
	border: 0;
	filter:alpha(opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;	
}

small, sup {
	font-size: 11px;
	color: #636162;
}

.clear {clear: both;}

.clearfooter {
	height: 30px;
	clear: both;
}

@media (max-width: 767px) {
    footer{font-size:11px;}
}
@media (max-width: 575px) {
    .col-sm{margin:8px 0;}
}


/*----------------------------------------------------------------------------------------
   CUSTOMIZE THE NAVBAR
----------------------------------------------------------------------------------------*/
.logo img,.logoKab img{height:60px;}
.logo{padding-left:10px;display: block;}
.logoKab{position: absolute;top:10px;left:48%;width: 100%;margin:0 auto;text-align: center;display: block}
.logoMob img{height:20px;margin-top:9px;}
.logoKab{margin:0 auto;}
.header-navbar .navbar-wrapper {
    width: 100%;
}
.header-navbar {
    padding: 0;
    min-height: 5rem;
    font-family: Comfortaa;
    transition: .3s ease all;
}
.header-navbar, .header-navbar .navbar-header {
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
}
a.dropdown-user-link{padding:1.5rem 1rem 1.6rem !important;}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {    
    margin-bottom: .2rem;    
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-transform: unset;
}

.template-download td{padding:10px;}

@media(max-width:767px){
	.logoKab{display: none}
	#navbar-mobile .logo{display: none;}
  #navbar-mobile {border-bottom: 1px solid #ddd;}
  #navbar-mobile.navbar-collapse .navbar-nav {margin: 5px 0 0 0;}
  a.dropdown-user-link{padding:1.2rem 1rem 1.6rem !important;}
  .navbar-nav li.dropdown-notification{padding-left:10px;}
  .navbar-nav li.dropdown-user{padding-left:8px;}
  .h5, h5 {font-size: 1rem;}

}
@media(max-width:460px){
  .h5, h5 {
      font-size: 0.8rem;
  }
}
.navbar-wrapper {  
	border-radius: .25rem !important;	
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.navbar .nav > li > a {
	float: none;
	padding: 10px 0px;
	color:#FFF;
	text-decoration: none;
	text-align:center;
	font-size: inherit !important;	
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
	text-shadow: 0px 1px 0px rgba(10,10,10,0.5);
	font-weight:bold;
}
.navbar .nav > li > a:hover{
	color:#ddd;
}

.navbar .btn-navbar {
  margin-top: 10px;
}
.nav .selected{font-weight:bold;}
.dropdown .caret,.navbar .nav .dropdown-toggle .caret {
	margin-top: 0px;
	margin-left: 4px;
}

@media(min-width:979px){
	ul.nav li.dropdown:hover ul.dropdown-menu,ul.nav li.active:hover ul.dropdown-menu{
		display: block;    
	}
	a.menu:after, .dropdown-toggle:after {
	  content: none;
	}
	.submenu-show{
		border-radius: 3px;
		display: block;
		left: 100%;
		margin-top: -25px !important;
		moz-border-radius: 3px;
		position: absolute;
		webkit-border-radius: 3px;
	}
}
/*SUB MENU*/
.submenu-hide{
    display: none !important;
    float: right;
    position: relative;
    top: auto;
}
.navbar .submenu-show:before{
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .submenu-show:after{
    border-bottom: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-top: 6px solid transparent;
    left: 10px;
    left: -6px;
    top: 11px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-color: #44C2FF ;
  background-image: -moz-linear-gradient(top, #44C2FF, #0085C6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44C2FF), to(#0085C6));
  background-image: -webkit-linear-gradient(top, #44C2FF, #0085C6);
  background-image: -o-linear-gradient(top, #44C2FF, #0085C6);
  background-image: linear-gradient(to bottom, #44C2FF, #0085C6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44C2FF', endColorstr='#0085C6', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #44C2FF;
  background-image: -moz-linear-gradient(top, #44C2FF, #0085C6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44C2FF), to(#0085C6));
  background-image: -webkit-linear-gradient(top, #44C2FF, #0085C6);
  background-image: -o-linear-gradient(top, #44C2FF, #0085C6);
  background-image: linear-gradient(to bottom, #44C2FF, #0085C6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44C2FF', endColorstr='#0085C6', GradientType=0);
}

ul.nav li:hover a{  text-decoration: none;text-shadow:none;}
ul.nav li li a i{position:absolute;right:10px;}
.menu_arrow{
	position:absolute;
	top:10px;
	right:-30px;	
	display: block;
	width:30px;
	height:15px;
}
.nav.actions{padding:0;margin:0;}
.nav.actions li{
	float:none;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
}
.nav.actions li div{float:left;margin-top:-5px;margin-left:-10px;margin-right:10px;}
.nav.actions li.menuProfileSide div{float:none;margin:0;}
.nav.actions li a{
	border:0;padding:15px 0 15px 20px;text-transform:none;font-size:14px;color:#636162;
	margin:0;
}
.nav.actions .menuProfileSide{padding:2px 0;margin:0 0 5px 0;}
.nav.actions .menuProfileSide a{background:#E6E6E6;padding: 5px 0px 5px 20px;
	-webkit-box-shadow: 0 6px 6px -6px #777;
	   -moz-box-shadow: 0 6px 6px -6px #777;
	        box-shadow: 0 6px 6px -6px #777;
}
.nav.actions .menuProfileSide .div-row{padding:0;}

.nav.actions li a:hover, .nav.actions li a.active{
	background: rgba(255, 255, 255, 0.9);
	background: -ms-radial-gradient(left top, circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 100%);
	background: -moz-radial-gradient(left top, circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 90%);
	background: -o-radial-gradient(left top, circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(radial, left top, 0, left top, 1017, color-stop(0, rgba(255, 255, 255, 0.9)), color-stop(.9, rgba(255, 255, 255, 9)));
	background: -webkit-radial-gradient(left top, circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 75%);
	background: radial-gradient(left top, circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 75%);
	-webkit-box-shadow: 0 6px 6px -6px #777;
	   -moz-box-shadow: 0 6px 6px -6px #777;
	        box-shadow: 0 6px 6px -6px #777;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

/*----------------------------------------------------------------------------------------
   GENERAL HTML TAG
----------------------------------------------------------------------------------------*/
.label{border: 0;border-bottom: 1px solid #eeeeee;}
.labelView{font-size:12px;color:#999;}
ul{padding:0;}

/*----------------------------------------------------------------------------------------
   FORMS
----------------------------------------------------------------------------------------*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
		box-shadow: none;
		border-radius: 0;
		color: #333333;
	    outline: none;
	    outline-style: none;
	    border: 1px solid #CACFE7;;    
		transition: border-color;
		background-color: #fff;
		padding:20px 10px;
		width: 100%;
		border-radius: 0.25rem;
		font-size: 1rem;
	}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus { 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(126, 134, 145, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(126, 134, 145, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(126, 134, 145, 0.6);		  
}
.form-label-group textarea:not(:placeholder-shown) ~ label {
    padding-top: -webkit-calc(var(--input-padding-y)/ 3);
    padding-top: -moz-calc(var(--input-padding-y)/ 3);
    padding-top: calc(var(--input-padding-y)/ 3);
    padding-bottom: -webkit-calc(var(--input-padding-y)/ 3);
    padding-bottom: -moz-calc(var(--input-padding-y)/ 3);
    padding-bottom: calc(var(--input-padding-y)/ 3);
    font-size: 11px;
    color: #777;
}
.form-label-group textarea:not(:placeholder-shown) {
    padding-top: -webkit-calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-top: -moz-calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-bottom: -webkit-calc(var(--input-padding-y)/ 3);
    padding-bottom: -moz-calc(var(--input-padding-y)/ 3);
    padding-bottom: calc(var(--input-padding-y)/ 3);
}

input.loading{
	background:url(../img/loading-small.gif) no-repeat 97% center;
}

ul li {
	list-style: none;	
}
.ahand{
	cursor: pointer;
	* cursor: hand;
}
textarea{
	padding:4px 6px;	
}
form div.label{
	margin:5px 0;	
}
.btn-gradient-secondary {
    background-image: -webkit-gradient(linear,left top,right top,from(#0085C6),color-stop(51%,#62F4CF),to(#0085C6));
    background-image: -webkit-linear-gradient(left,#0085C6 0,#62F4CF 51%,#0085C6 100%);
    background-image: -moz-linear-gradient(left,#0085C6 0,#62F4CF 51%,#0085C6 100%);
    background-image: -o-linear-gradient(left,#0085C6 0,#62F4CF 51%,#0085C6 100%);
    background-image: linear-gradient(to right,#0085C6 0,#62F4CF 51%,#0085C6 100%);
    background-position: left center;
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    border: 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(100,239,207,.9);
    box-shadow: 0 0 2px 0 rgba(100,239,207,.9);
}
.bg-warning{background-color: #39D98C !important;}
.bg-warning.purple{background-color: #844CF4 !important;}
.badge-danger.badge-glow {
    -webkit-box-shadow: 0 0 10px #F23AC3;
    box-shadow: 0 0 10px #F23AC3;
}
.badge-danger.badge-glow {
    -webkit-box-shadow: 0 0 10px #FF4961;
    box-shadow: 0 0 10px #FF4961;
}
.badge-danger {
    background-color: #F23AC3;
}
html body a {
    color: #0085C6;
}
.feed-body a{color: #0085C6 !important;}
#controlButtonMsg .feed-content .feed-body a{padding-right:20px;}
.feed-body .filebutton {padding:0px 10px 0 0;margin:0}
.feed-body i{font-size:1.2rem;}
#messageTab .dropdown-toggle::after{padding:0;content: unset !important;margin:0;}
#messageTab .dropdown i {margin-right:0;color:#fff !important;}
#messageTab iframe {min-height:400px;}
@media(max-width:767px){  
  #messageTab iframe {min-height:300px;}
}

.hiddenInputFile, .hiddenInputFileWhisper {
    z-index: 999;
    line-height: 0;
    font-size: 5px;
    position: absolute;
    top: -2px;
    left: -5px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding: 0;
    width: 20px;
    right: 0px;
    overflow: hidden;
}
.hiddenInputFileWhisper {
    position: absolute;
    top: 62px;
    left: -796px;
}

div.checker span,
div.uploader, 
div.uploader span.action {
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}
div.selector, 
div.selector span {
	background-image: url(../img/sprite2.png);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}
div.selector.disabled span {
	background-image: url(../img/sprite3.png);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
	background-position: right -96px;
}
.selector, 
.checker, 
.uploader,
.selector *, 
.checker *, 
.uploader *{
  margin: 0;
  padding: 0;
}

/* Select */

select {
	border:1px solid #ccc;
	border-radius:5px;
	outline:0;
	padding: 3px 2px;
	font-size: 14px;	
}
select option{
	color:#636162;	
}
div.selector {
  background-position: -483px -130px;
  line-height: 30px;
  height: 30px;
}

div.selector span {
  background-position: right 0px;
  height: 30px;
  line-height: 30px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -158px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.hover, div.selector:hover {
  background-position: -483px -161px;
}

 div.selector.hover span, div.selector:hover span {
  background-position: right -95px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -161px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -96px;
}

div.selector.disabled {
  background-position: -483px -162px;
}

div.selector.disabled span {
  background-position: right -96px;
}

div.selector {
	width: 225px;	
	font-weight: bold;
	font-size: 14px;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	text-align:left;
	color:#636162;	
}

div.selector select {	
  min-width: 225px;
  font-size: 14px;
  border: solid 1px #fff;
  outline:0;
}

div.selector span {
  padding: 0px 30px 0px 2px;
  cursor: pointer;
}

div.selector span {
	width: 200px;
	color: #636162;	
	text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 31px;
  border: none;
  background: none;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}

.selector, 
.checker,  
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/*----------------------------------------------------------------------------------------
   WINDOW
----------------------------------------------------------------------------------------*/
#loadingContentWrap{
	padding-top:150px;
	background:#fff;
	opacity:0.4;
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	margin:0 auto;
	z-index: 9999;
}
#windowx.windowCon{
	opacity:0;
	height:0px;	
	width:0px;
	margin:0 auto;
}

.window{
	position: absolute;
	transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%); /* IE 9 */
	-webkit-transform: translate(-50%, 0%); /* Safari and Chrome */
	z-index:1050;	
	left: 50%;
	box-shadow: 1px 0 4px #333;
	background-color: #fff;
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */				 
	border: 12px solid rgba(0,0,0,0.6);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	padding-top:30px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	opacity:1;	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.window:after{
	width:100%;
	height:26px;
	background-color: #44C2FF;
	background-image: -moz-linear-gradient(top, #44C2FF, #0085C6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44C2FF), to(#0085C6));
	background-image: -webkit-linear-gradient(top, #44C2FF, #0085C6);
	background-image: -o-linear-gradient(top, #44C2FF, #0085C6);
	background-image: linear-gradient(to bottom, #44C2FF, #0085C6);
	background-repeat: repeat-x;
	border-color: #252525;  	
	position:absolute;
	z-index:1051;
	top:0px;
	left:0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	content: " ";
}
.zoomin {  
    transform:  scale(1.2);  
}  
.zoomout {  
    transform:  scale(0.7);  
}  
.window-container-visible {  
    transform:  scale(1);  
    opacity: 1;  
} 
.window a.winHeader span{
	position:absolute;
	z-index:1052;
	top:0px;
	right:0px;
	background:url(../img/close.png) top right no-repeat;
	padding:20px;
}

.windowTitle{
	position:absolute;
	z-index:9999;
	top:3px;
	left:0px;	
	font-size:16px;
	color:#fff;
	font-weight:bold;
	padding:0px 20px;	
}


/*----------------------------------------------------------------------------------------
   OTHERS CLASS AND ID
----------------------------------------------------------------------------------------*/
.tpl_content{margin-top:80px;}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .avatar {
    margin-right: .5rem;
    width: 36px;
    max-height: 36px;
    overflow: hidden;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .avatar {
    margin-right: .5rem;
    width: 36px;
}
.avatar{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin:0 auto;
  display: inline-block;
  white-space: nowrap;
  vertical-align: bottom;
}
.avatar img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
    max-width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media(max-width:620px){
  .feed-content .avatar{
    width: 40px !important;
    height: 40px !important;
  }
}
@media(max-width:560px){
  .feed-content .avatar{
    width: 30px !important;
    height: 30px !important;
  }
}
.navbar-nav .fa-user-circle{font-size: 1.5rem;color: #666;}
.header-navbar .navbar-nav .open-navbar-container {
    padding-top: 1rem;
}
#headerClock{
	font-size: 28px;
	line-height:normal;
	vertical-align: middle;
	text-align:center;
	font-weight:bold;
	color:#f5f5f5;
	display:block;
	width:100%;
	height:42px;
	margin:0 auto;
}
#headerClock .date{font-size:18px;}
#headerClock .time{}
#headerClock .time .ampm{font-size:18px;}
  
.typeahead > li > a {
  font-size: 13px;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
}
.mention_image {
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 20px;
    height: 20px;
}
.menuLogin{margin:5px 0 30px 0;font-size:12px;}
.menuLogin a{color:#777;}
.menuSide {padding:20px 0;position:relative;}
.blockBgTitle{	 	
	padding-bottom:4px;
	font-size:14px;
	color:#636162;	
	position:relative;
	text-align:left;
}
.blockBgTitle H1{
	font-size:20px;
}
.blockBgTitle H1,.blockBgTitle H2,.blockBgTitle H3{
	color:#636162;	
}
.blockBgTitle H3{
	font-size:16px;
}
.lineBgTitle{
	border-bottom:1px dashed #CCC;
	margin-left:0px;
	position:relative;
	top:-5px;
	margin-bottom:10px;
}
.addthis_toolbox{
	margin:0px 0 20px 0; 	
}

.warning, .error{
	color:#DA7A9E;
	font-size:10px;
	font-weight:bold;
}
#msg {display:none; position:absolute; z-index:9999; padding-left:7px}
#msgcontent {display:block;background:#F0C9D8;box-shadow: 0px 0px 1px rgba(0,0,0,.2);border-radius:8px;border-left:none; padding:8px 12px; min-width:100px; max-width:250px;font-size:11px}
.msgError{
	color:#DA7A9E;font-size:12px;position:absolute; 
}
.captcha{
	margin:10px 0;
	border:1px solid #ddd;
	border-radius:4px;
	padding:5px 10px 10px 10px;	
	width:95%;
}
.regdate{
	font-size:11px;
	color:#aaa;
	margin-top:4px;
}
table.normal{
	border-collapse: separate;
    border-spacing: 8px;
    *border-collapse: expression('separate', cellSpacing = '8px');
}
#calendar a.ui-state{
	background-color : #0060AD;
	color : #eee;
	font-weight:bold;        
	border-radius:35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
}

#spaceWin{
	margin-top:1px;
	margin-left:-9px;
	border-top:1px solid #DDD;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;
	background:#FFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:10px;
}
.editWin{
	border:5px solid #636162;
	border-radius: 8px;
	background:#D3E4E4	
}

.editWinIn{
	border:3px solid #D3E4E4;
	border-radius: 8px;
	background:#FFFF;	
}

#loadingToolbar{
	position:absolute;
	width:100%;
	height:40px;
	background:#fff;
	filter:alpha(opacity=55);
	-moz-opacity:0.55;
	opacity: 0.55;
	top:2px;
	margin-left:-20px;
}
.loadingArea{
	height:22px;
	text-align:center;
	margin:-10px auto;
	padding-top:6px;
}

.blokStatis{
	border:2px solid #ccc;
	border-radius:6px;
	padding:10px 5px;
	margin-bottom:12px;
	opacity:0.7;
}
img.hidden-sm-down{display:block !important;}
img.hidden-md-up{display: none !important;}
@media(max-width:767px){
    img.hidden-sm-down{display:none !important;}
    img.hidden-md-up{display: block !important;}
}
.separator{
	padding:0 10px;font-size:15px;color:#999;	
}
#demo-canvas{position:absolute;left:0;bottom:0;}
.headerHome {
    background: linear-gradient(55deg, #59CCA1, #0085C6);
        background-size: auto auto;
    background-size: 200% 200%;
    -webkit-animation: bg_header 10s ease infinite;
    -moz-animation: bg_header 10s ease infinite;
    animation: bg_header 10s ease infinite;
    min-height: 200px;
    text-align: center;
    display: block;
    width: 100%;
    padding:25px;
    position: relative;
}
.headerHome H1{font-family: Muli,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
	margin: 25px 0 5px 0;	
	color: #fff;font-size: 1.5rem}
.headerHome .fa-ellipsis-h{color: #fff;font-size: 1.5rem;}	
@-webkit-keyframes bg_header{0%{background-position:97% 0%}
50%{background-position:4% 100%}
100%{background-position:97% 0%}
}
@-moz-keyframes bg_header{0%{background-position:97% 0%}
50%{background-position:4% 100%}
100%{background-position:97% 0%}
}
@keyframes bg_header{0%{background-position:97% 0%}
50%{background-position:4% 100%}
100%{background-position:97% 0%}
}

.photoHeader{
	width: 150px;
  height: 150px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin:0 auto;
  box-shadow: 0 1px 20px 1px rgba(0,0,0,.4);
  z-index:99;
}
.photoHeader img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media(max-width:767px){
	.photoHeader{
		width: 90px;
	  height: 90px;	 
	}
  .photoProfile{
    width: 150px !important;
    height: 150px !important;  
  }
	.headerHome {	    
	    min-height: 100px;	    
	    padding:15px;
	    position: relative;
	}
	.headerHome H1{margin: 20px 0 5px 0;font-size:1rem;}
	.headerHome .fa-ellipsis-h{font-size: 1rem;}	
}

.homeWidget{margin-top:30px;border:1px solid #9BA2AA;
	border-radius:4px;padding:10px 2px 10px 10px;
	 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
	margin-bottom:20px;
}
.homeWidget.birthday li{font-size:13px;margin-bottom:6px;color:#999;clear:both;}
.homeWidget.birthday a{color:#999}
.homeWidget.birthday a.today{font-size:13px;margin-bottom:6px;font-weight:bold;color:#0060AD;}
.homeWidget.birthday .seeAll {color:#0060AD;font-size:12px;float:right;margin-right:10px}
.homeWidget.gray{margin-top:30px;border:1px solid #CCC;
	border-radius:4px;padding:10px 2px 10px 10px;
	 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.homeWidget H2{margin-bottom:10px;font-size:18px;}
.homeWidget a{font-size:13px;}
.homeWidget div{margin-bottom:5px;}

.widget{
	border-radius:4px;	
	border: 1px solid #CCC;
	padding:4px 10px 10px 10px;	
}
.widget .title{font-size:22px;border-bottom:1px dashed #ccc;padding:8px 0 10px 0;margin-bottom:12px;}
.widget .media-body{text-align:justify;}
.widget .media{margin-bottom:10px;}
.widget td{font-size:12px;padding-right:10px;}
.announcement{box-shadow: 0px 0px 4px rgba(220,8,20,.5);border:1px solid #bbb;}
.announcement .title{font-weight:bold;color:#0060AD;}

.media .pull-left{margin-right:8px;}

#messageTab{margin-top:20px;}
#messageTab .feed-content{
  border: 1px solid #eee;
  margin-bottom: 20px;
  margin-top: 20px;
  background: #fff;
  border-radius: 0.25rem;
  padding: 20px;
}
#messageTab #controlButtonMsg .feed-content{
  border: none;
  margin-bottom: 0px;
  margin-top: 0px;
  background: unset;
  border-radius: unset;
  padding: 0px;
}
#messageTab .media-photo{float:left;width:60px;}
#messageTab .bottomFeed{font-size:11px;padding-top:10px;}
#messageTab .bottomFeed .commentFeed{font-size: 14px}
.bottomFeed .shareLink{margin-right:20px;}
.bottomFeed span.shareLink{color:#999;}
#messageTab H1, #curlContent H1{font-size:18px; line-height:26px;margin:20px 0 10px 0;}

.div-table,.feed-content{display:table;width:100%;*zoom:1}
.div-row,.feed-photo,.feed-body  {
	display:table-cell;
	vertical-align:top;
	padding:0 6px;
}
.feed-photo {
  width:50px;
}
.feed-body{width:100%;}
.feed-content .commentFeed:before{
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
	border-bottom: 5px solid #fff;	
	position:absolute;
	margin-top:-15px;	
	content:"";
}

.feed-content .commentFeed {
  position: relative;
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-top:6px;
  padding:10px;
}
.feed-content .commentFeed:after, .feed-content .commentFeed:before {
  bottom: 100%;
  left: 2%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#messageTab h5{font-family: Muli,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;;}
.commentFeed H5 {font-size:0.8rem;}
@media(max-width:767px){
  .feed-content .commentFeed:after, .feed-content .commentFeed:before {left:unset;}
}

.feed-content .commentFeed:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.feed-content .commentFeed:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 11px;
  margin-left: -11px;
}
.commentFeed .feed-photo  {margin-left:0px;}
.commentFeed .feed-content{margin:10px 0;}
.feed-content .feed-body .dropdown a.dropdown-toggle{
  position: relative;
  top: -23px;
  left: -4px;
  width: 30px;
  height: 50px;
  display: block;
}
.feed-content .feed-body .dropdown-toggle .bgCaret-down{
  display: inline-block;
  width: 22px;
  height:40px;
  vertical-align: top;
  background:#CCC;
  border-radius:0.2rem 0.2rem 1rem 1rem;  
  padding:10px 0 0 3px;  
}
.feed-body .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-color: #7aae35;
    background-image: -moz-linear-gradient(top, #7aae35, #7aae35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7aae35), to(#7aae35));
    background-image: -webkit-linear-gradient(top, #7aae35, #7aae35);
    background-image: -o-linear-gradient(top, #7aae35, #7aae35);
    background-image: linear-gradient(to bottom, #7aae35, #7aae35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7aae35, endColorstr=#ff7aae35, GradientType=0);
}
.feed-body .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-color: #44C2FF;
    background-image: -moz-linear-gradient(top, #44C2FF, #0085C6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44C2FF), to(#0085C6));
    background-image: -webkit-linear-gradient(top, #44C2FF, #0085C6);
    background-image: -o-linear-gradient(top, #44C2FF, #0085C6);
    background-image: linear-gradient(to bottom, #44C2FF, #0085C6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44C2FF', endColorstr='#0085C6', GradientType=0);
}
.feed-body .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    text-decoration: none;
    color: #ffffff !important;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.feed-body .dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #666666 !important;
    white-space: nowrap;
}

.lt-ie9 .feed-content .feed-body .dropdown a.dropdown-toggle{position:relative;top:0px;}

.time-reply {font-size:11px;font-weight:normal;color:#666;margin-left:20px;}
.time-reply a{color:#666;}
.settingBG li{float:left;margin:6px;}
.settingBG li:hover{background:#eee;}
.photo {overflow:hidden;display:block;}
.photo:hover img {opacity:1;}
.photoNoBorder {border-radius:0px;}
.thumbnailVideo {border-radius:4px;position:relative;border:1px solid #ccc}
.thumbnailVideoNoBorder {border-radius:4px;}
.photoThumbnail{border:1px solid #ccc;overflow:hidden;display:block;border-radius:4px;}
.photoThumbnailGallery{border:1px solid #444;overflow:hidden;display:block;border-radius:4px;}

.bordergray,.nobordergray{
	border-radius:4px;
	border:1px solid #ccc;
	padding:4px;
	position:relative;
}
.nobordergray{border:none;}
.shadow {
	background:#fff;	
}
.shadow:before, .shadow:after {
	content:"";
	position:absolute;
	z-index:-2;
}
.curved:before {
	top:10px;
	bottom:10px;
	left:0;
	right:50%;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.6);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.6);
	box-shadow:0 0 10px rgba(0,0,0,0.6);
	-moz-border-radius:10px / 100px;
	border-radius:10px / 100px;
	top:50%;
	bottom:0;
	left:10px;
	right:10px;
	-moz-border-radius:100px / 10px;
	border-radius:100px / 10px;
}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{margin:10px 0;}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.img-storyboard-responsive{
  display: block;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.sideBarBox{
	font-size:12px;
	border:1px solid #ccc;
	padding:10px;	
}
.sideBarBox .title{
	font-size:13px;
	color:#999;
	font-weight:normal;
	text-shadow:none;
	color:#0060AD;
}
.sideBarBox{
	font-size:14px;
	border:1px solid #ccc;
	padding:10px;	
}
.sideBarBox .sideBarBox{padding:10px 2px;}
.priority-low,.priority-average,.priority-high{
	border-radius:20px;padding:0 10px 0 5px;
	background-color: #BACE5E;
	background-image: -webkit-gradient(linear, left top, left bottom, from(  #BACE5E), to(  #91A532)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(  #BACE5E,  #91A532); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(  #BACE5E,  #91A532); /* FF3.6 */
	background-image:     -ms-linear-gradient(  #BACE5E,  #91A532); /* IE10 */
	background-image:      -o-linear-gradient(  #BACE5E,  #91A532); /* Opera 11.10+ */
	background-image:         linear-gradient(  #BACE5E,  #91A532);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#BACE5E',EndColorStr='#91A532');
	border:1px solid #999;
	font-size: 12px;
}
.priority-average{
	background-color: #FDCC24;
	background-image: -webkit-gradient(linear, left top, left bottom, from(  #FDCC24), to(  #DCAC02)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(  #FDCC24,  #DCAC02); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(  #FDCC24,  #DCAC02); /* FF3.6 */
	background-image:     -ms-linear-gradient(  #FDCC24,  #DCAC02); /* IE10 */
	background-image:      -o-linear-gradient(  #FDCC24,  #DCAC02); /* Opera 11.10+ */
	background-image:         linear-gradient(  #FDCC24,  #DCAC02);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FDCC24',EndColorStr='#DCAC02');
}
.priority-high{
	background-color: #F96870;
	background-image: -webkit-gradient(linear, left top, left bottom, from(  #F96870), to(  #BC0711)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(  #F96870,  #BC0711); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(  #F96870,  #BC0711); /* FF3.6 */
	background-image:     -ms-linear-gradient(  #F96870,  #BC0711); /* IE10 */
	background-image:      -o-linear-gradient(  #F96870,  #BC0711); /* Opera 11.10+ */
	background-image:         linear-gradient(  #F96870,  #BC0711);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F96870',EndColorStr='#BC0711');
}
.taskComplete{color:#939393;font-style:italic;text-decoration:line-through}
.cleanTable td{padding:8px}
#listImage {position:relative;z-index:2;}
#listImage li {float:left;margin:5px 5px 0px 5px;}
#listEmpty li {float:left;margin:5px 5px 0px 5px;}
.placeHolder div {width:158px;height:146px;display:block;background-color:#FBFBFB !important;border:dashed 1px #ccc !important; }
#notifications td .feed-body{	
	overflow:hidden;
}
.notificationBottom{	
	background-repeat: repeat-x;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	height:20px;
	display:block;
	position:fixed;
	bottom:0px;
	right:50px;
	padding:5px 10px;
	z-index:999;
}
.redCircleNotif{margin-top:-16px;margin-left:-12px;position:absolute;padding:0px 4px;font-size:10px;color:#fff;background:#777;border-radius:100px}
.table-notif tbody > tr:nth-child(odd) > td,
.table-notif tbody > tr:nth-child(odd) > th {
  background-color: #FFFFFF;
}
.table-notif td { 
  border-top:none;
  border-bottom: 1px solid #E8F2F4;
}
#bgFooterConv {width:100%;position:absolute;z-index:988;background:#fff;height:20px;bottom:0px;}
#jf-scrolltop .jf-scrolltop-block a, .login, ul.nav li ul li a, ul.nav li ul li span, ul.nav li {-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-ms-transition: all .2s ease-in;transition: all .2s ease-in;}
#jf-scrolltop {position:fixed;bottom:50px;right:80px;z-index:990}
#jf-scrolltop .jf-scrolltop-block a {
    display: block;
    width: 70px;
    height: 40px;
    border: 0;
    box-shadow: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0, 0, 0, 0.035) url(../img/jf-scrolltop-btn.png) no-repeat top center;
    padding: 0;
	cursor: pointer;
	* cursor: hand;
}
#jf-scrolltop .jf-scrolltop-block a:hover {background: rgba(0, 0, 0, 0.035) url(../img/jf-scrolltop-btn.png) no-repeat bottom center;}

.people-dtl .well{position:relative;padding-top:50px;padding-bottom:10px;padding-left:5px;padding-right:5px;}
.people-dtl .blockButton{
	position:absolute;
	top:0px;left:0px;
	border-right: 1px solid #ccc;
	width:30px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	color: #2F3E46;
	text-shadow:  0 1px 1px #fff;
	background-color: #f5f5f5 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from(  #f5f5f5), to(  #dadada)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(  #f5f5f5,  #dadada); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(  #f5f5f5,  #dadada); /* FF3.6 */
	background-image:     -ms-linear-gradient(  #f5f5f5,  #dadada); /* IE10 */
	background-image:      -o-linear-gradient(  #f5f5f5,  #dadada); /* Opera 11.10+ */
	background-image:         linear-gradient(  #f5f5f5,  #dadada);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dadada', GradientType=0);
	padding:2px 5px;
	border-top-left-radius: 2px;
	z-index:2;
}
.people-dtl .blockTitle{
	position:absolute;z-index:1;top:0px;left:0px;color:#777;font-weight:bold;font-size:16px;text-shadow:0 1px 1px #fff;
	background-color: #ededed ;
	background-image: -webkit-gradient(linear, left top, left bottom, from(  #ededed), to(  #dadada)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(  #ededed,  #dadada); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(  #ededed,  #dadada); /* FF3.6 */
	background-image:     -ms-linear-gradient(  #ededed,  #dadada); /* IE10 */
	background-image:      -o-linear-gradient(  #ededed,  #dadada); /* Opera 11.10+ */
	background-image:         linear-gradient(  #ededed,  #dadada);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dadada', GradientType=0);
	padding:8px 0px 8px 50px;
	width:79.8%;
	border-top-right-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.people-dtl .well hr{margin:0px;}
.people-dtl table td{padding:2px}
.people-directory hr{margin:5px 0;}
.well.people-directory {padding:0px 5px 0px 5px;text-align:center;}
.people-directory ul {margin:10px auto;text-align:center;}
.people-directory span {margin:0 8px 0 10px;font-weight:bold;font-size:24px;font-family:Arial}
.people-birthday {margin:30px 20px;}
.people-summ {margin:10px 0; padding:0 0 10px 0;border-bottom:1px dashed #ccc;}
.people-summ .thumb { width: 110px; height:100px;text-align:center; float:left;overflow: hidden;}
.people-summ .thumb img { heigth: 120px; }
.people-summ .thumb-large { width: 200px; text-align:center; float:left; }
.contactInfo {position:absolute;right:0px;}
.contactInfo td.labelView{font-size:11px;color:#999}
.contactInfo td{font-size:12px;color:#555;font-family:Arial}
.row-fluid .contactInfo {position:relative;right:0px;}
.table-notif .well{padding:5px;margin-top:5px;}
.contact.well {padding:10px 8px;font-size:12px;color:#777}

.menuSideBar{
	border:1px dashed #ddd;
	padding:12px 0px 12px 24px;
	margin:4px 0;	
}
.menuSideBar a{color:#666}
.menuSideBar.selected a{color:#0060AD;font-weight:bold;}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
::-webkit-scrollbar-thumb {
    background:#CCCCCC; 
}
::-webkit-scrollbar-thumb:window-inactive {background:#CCCCCC;}

.tipsy {padding:5px;font-size:11px;position:absolute;z-index:9999;text-shadow:#333 1px 1px 2px;opacity:0.9;filter:alpha(opacity=90)}
.tipsy-inner{
	padding:5px 8px 4px 8px;background-color:#777;color:white;max-width:200px;text-align:center;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}

.placeHolderUploader div { background-color:#f8f8f8 !important;}
#bgImageUploader {margin-left:10px;}
#bgImageUploader li {float:left;margin-left:10px;width:104px;position:relative;margin-bottom:5px;}
.uiheaderMain{width:104px;background:#888;position:absolute;z-index:99;margin-left:20px;color:#fff;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;font-size:11px;margin-top:2px;height:20px;}
#bgImageUploader .uiheader{background:#CCC;color:#fff;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;font-size:11px;margin-top:2px;height:20px;}
#bgImageUploader .uicontent{background-color:#f5f5f5;border:1px dashed #ccc;text-align:center;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
#bgImageUploader .uicontent .number {padding:35% 0 42% 0;color:#CCC;font-weight:bold;font-size:18px;}
#bgImageUploader div.foto {overflow:hidden;display:block;width:102px;height:80px;text-align:center;}
#bgImageUploader .icon-remove{position:absolute;display:block;width:16px;height:16px;top:28px;right:5px;}
.photoins li{
	position: relative;
	float: left;
	display: inline;
	width: 25%;
	margin: 0;
	height:280px;	
}
.photoins .curved {
	position: relative;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
	-webkit-transition: all 0.15s ease-out 0.1s;
	-moz-transition: all 0.15s ease-out 0.1s;
	-o-transition: all 0.15s ease-out 0.1s;
	transition: all 0.15s ease-out 0.1s;
	width:210px;
	height:200px;
	float:left;
	margin:10px;
}
.photoins .bg{
	background:#000;opacity:0.2;filter:alpha(opacity=20);width:210px;height:200px;display:block;position:absolute;z-index:2
}
.photoins .photo{
	 display:block;width:210px;height:200px;margin-bottom:4px;
}
.photoins img{position:relative;z-index:1}
.photoins .text {
	padding:0px 4px;
	font-size: 12px;
	color: #999;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.listMenuHelp li{padding:2px 0;}
.listMenuHelp li i{margin-right:5px;}
.manualBook {
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
	margin-bottom:10px;
	border:1px solid #ccc;
	border-radius:4px;	
}
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li {margin:0 3px 3px 3px;padding:0.4em 0.4em 0.4em 20px;background:#eee;cursor:move; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em;border: 1px dashed #DC0814;}
.dot-drag {position:relative}
#sortable li .dot-drag li,.dot-drag li{border-radius:100%;background:#999;width:3px;height:3px;display:block;position:absolute;margin:8px 0 0 -12px;padding:0;}


/*----------------------------------------------------------------------------------------
   My Schedule
----------------------------------------------------------------------------------------*/
.dhx_section_time{
    padding:5px;
}
.dhx_cal_event_clear{
    height:16px;
}

/*----------------------------------------------------------------------------------------
   Whisper 
----------------------------------------------------------------------------------------*/
.whisper-area{border-top:8px solid #ddd;border-bottom:1px solid #ccc;margin:5px 0 10px 0;}
.whisper-area .span8{width:545px;min-height:540px;position:relative;}
.whisper-area .span4{width:240px;border-right:8px solid #ddd;min-height:540px;overflow:auto;}
.whisper-control .span8{width:545px;}
.whisper-control .span4{width:240px;}
.whisper-from li{
	border-bottom:1px solid #ccc;
	padding:10px 4px;
	cursor: pointer;
	color:#999;
	width:224px;
}
.whisper-from h5{color:#666;}
.whisper-from li:hover{
	background:#f5f5f5;
}
.whisper-from .active{box-shadow: 0px 4px 4px -4px #777;background:#ddd;color:#777;border-top:1px solid #aaa;border-bottom:1px solid #aaa}
.whisper-from li.active:hover{background:#ddd;}
.whisper-from .active .from-date{color:#aaa;}
.whisper-content li{
	border-bottom:1px solid #eee;
	padding:10px 0;
	width:542px;		
}
.whisper-form {position:absolute;bottom:1px;background:#F2F2F2;padding:10px 8px;width:542px;}
.whisper-from .from-date{color:#CCC;font-size:11px;position:absolute;right:10px;}
.whisper-delete-area{position:relative;width:100%;display:block}
.whisper-delete-area a{position:absolute;top:2px;right:5px;}
.whisper-name-from{color:#666;font-size:14px;font-weight:bold;line-height:normal;}
.headerSubject {color:#666;font-size:16px;font-weight:bold;line-height:30px;}

.gridbox  table {
  border-collapse:inherit;
}

.btn.disabled,
.btn[disabled],
.btn-gradient-secondary[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed; 
  color: GrayText;
  cursor: inherit;  
  background: #ddd;
  opacity: 0.9;
  box-shadow: unset;
}

/*----------------------------------------------------------------------------------------
   PLUGINS : COMMENTS 
----------------------------------------------------------------------------------------*/
.plugin-comment{
	width:100%;	
	margin:25px 0 10px 0;
}

.plugin-comment .comment-title{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;	
	padding:6px 5px;	
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);	
}
.plugin-comment .comment-fill{background:#F1F1F1;}
.plugin-comment .div-table{width:100%;}
.plugin-comment .div-row{padding:10px;}
.plugin-comment .pluginComment-feed{margin-top:20px}
.pluginComment-feed .feed-content{ border-top: 1px solid #EEE;margin-bottom: 10px;padding-top: 10px;}

/*----------------------------------------------------------------------------------------
   PLUGINS : JQUERY UI PICKER 
----------------------------------------------------------------------------------------*/
#jquery-colour-picker{z-index:999999;background:#fafafa;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));width:180px;padding:10px 5px 5px 10px;border:1px solid #666;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:5px 5px 5px rgba(0,0,0,.3);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.3);box-shadow:5px 5px 5px rgba(0,0,0,.3);}#jquery-colour-picker h2{margin:0 0 5px;font-size:14px}#jquery-colour-picker ul{margin:0;padding:0;list-style-type:none;+zoom:1}#jquery-colour-picker ul:after{content:".";display:block;height:0;visibility:hidden;clear:both}#jquery-colour-picker ul li{float:left;margin:0 5px 5px 0}#jquery-colour-picker ul li a{display:block;width:13px;height:13px;text-decoration:none;text-indent:-100000px;outline:0;border:1px solid #aaa}#jquery-colour-picker ul li a:hover{border-color:#000}

/*----------------------------------------------------------------------------------------
   PLUGINS : MAGIC SUGGEST (for input text autocomplete and multiple values / Like New Message Facebook) 
----------------------------------------------------------------------------------------*/	
.content-header-title{padding-bottom:20px;}
.profilePage .content-header-title{color:#fff;}
.profilePhoto{margin-top:-80px;}
.profilePhoto .fileinput-button {    
    overflow: unset !important;
    position: absolute !important;
    bottom:0;
    left: 0;
    right: 0;
    margin: auto
}
#messageTab .btn-group .btn{
  padding: .85rem 1rem;
  font-size: 0.8rem;
  color:#fff;
  border-radius: 3.25rem;
}
#messageTab .btn-group .btn-success{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#messageTab .btn-group .btn-info{
  border-radius: 0;
}
#messageTab .btn-group .btn-light{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#messageTab .titleTopic{
  margin: 10px 0 10px 0;
  font-size: 1.16rem;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
#messageTab .titleTopic a{color: #4EC5A5 !important;}
.bg-warning.bg-glow {
    box-shadow: 0 1px 20px 1px rgba(85,85,85,.4);
}
.mandat{color:#FA679D;font-weight: bold}
.headerProfile{
    position:absolute;
    z-index: 0;
    top:80px;
    left:0%;
    height:300px;
    width: 100%;
    background-image: url('[var.APP.HOST]/data/photo/profile-header-default.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}    
.tp-dottedoverlay.threexthree {
    background: rgba(0,0,0,0.4);
}
.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height:300px;
    position: absolute;
    top:80px;
    left: 0px;
    z-index: 3;
}
.profilePage{
    margin-top:100px;
    position: relative;
    z-index:99;
}
.ui-progressbar{
  -moz-box-shadow:    inset 0 0 4px #666;
   -webkit-box-shadow: inset 0 0 4px #666;
   box-shadow:         inset 0 0 4px #666;
}
.ui-progressbar-value{
  background: #F33AC3;
  opacity: 0.7;
}
.voucherCodeArea{position: relative;}
.voucherCode{position: absolute;bottom:11%;margin-left:1%;}
.custom-select:disabled {background-color: #ECEFF1;color: #333333;border: 1px solid #CACFE7;}
#sNIK2{background: #F43AC1;color:#fff;font-weight:bold;text-align: center;width:80px;padding:10px;}
@media (max-width: 1100px) {
    .voucherCode{position: absolute;top:30%;margin:auto;left:0;right:0;width:80px;}
}
@media (max-width: 810px) {
    .voucherCode{top:unset;bottom:20%;}
    #sNIK2{width:80px;padding:5px;}
}
@media (max-width: 570px) {
    .profilePage H3{font-size: 1.2rem;}
}
@media(max-width:520px){
   #messageTab .btn-group .btn{
      padding: .85rem 0.6rem;
      font-size: 0.8rem;
    }
    #messageTab .btn-group .btn i{
      font-size: 0.8rem;
    }
}
@media (max-width: 460px) {
    .profilePage H3{font-size: 1.3rem;}
    .content-header-title {padding-bottom: 90px;}
    .profilePage {margin-top:0px;}
    #messageTab .fileupload-buttons .float-right {
      float: unset !important;
    }
    .btn-gradient-primary, .btn-gradient-secondary {            
        width: 100%;
        margin:25px auto 15px auto;    
    }
    #messageTab .btn-group .btn{
      padding: .85rem 1.5rem;
    }
    #controlButtonMsg{text-align: center;margin-top: 10px;}
}
@media (max-width: 590px) {
    .hidden-sm-down{display:none;}
}

@media (max-width: 664px) {
    #form1 .col-6 {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .profilePage .btn-gradient-secondary{width: 100%;}
}
@media (max-width: 364px) {
  label.minimize{font-size:8px !important;}
}  

.form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}	

.ms-ctn{
    position: relative;
    padding: 5px 12px;
    height: auto;
}
.ms-ctn-bootstrap-focus,
.ms-ctn-bootstrap-focus .ms-res-ctn{
    border-color: rgba(82, 168, 236, 0.8) !important;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ms-ctn-focus{
    border-color: rgba(126, 134, 145, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(126, 134, 145, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(126, 134, 145, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(126, 134, 145, 0.6);	
}
.ms-ctn input{
    border: 0;
    box-shadow: none;
    -webkit-transition: none;
    outline: none;
    display: block;
    padding: 0;
    line-height: 1.42857143;
    margin: 1px 0;
    width: 100%;
}
.ms-ctn .ms-sel-ctn input{
    float: left;
}
.ms-ctn .ms-input-readonly{
    cursor: pointer;
}
.ms-ctn .ms-empty-text{
    color: #DDD;
}
.ms-ctn input:focus{
    border: 0;
    box-shadow: none;
    -webkit-transition: none;
    background: #FFF;
}
.ms-ctn input::-ms-clear {
    width: 0;
    height: 0;
}
.ms-ctn .ms-trigger{
    top: 0;
    width: 25px;
    height:100%;
    position:absolute;
    right:0;
    background: transparent;
    border-left: 1px solid #CCC;
    cursor: pointer;
}
.ms-ctn .ms-trigger .ms-trigger-ico {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-left: 8px;
    margin-top: 15px;
}
.ms-ctn .ms-trigger:hover{
    background-color: #e6e6e6;
}
.ms-ctn .ms-trigger:hover .ms-trigger-ico{
    background-position: 0 -4px;
}
.ms-ctn-bootstrap-focus{
    border-bottom: 1px solid #CCC;
}
.ms-res-ctn{
    width: 100%;
    display: block;
    overflow-y: auto;
}
.ms-res-ctn .ms-res-item{
    line-height: 25px;
    text-align: left;
    padding: 2px 5px;
    color: #666;
    cursor: pointer;
}
.ms-res-ctn .ms-res-odd{
    background: #FAFAFA;
}
.ms-res-ctn .ms-res-item-active{
    background-color: #DDD;
}
.ms-res-ctn .ms-res-item-disabled{
    color: #CCC;
    cursor: default;
}
.ms-sel-ctn{
    overflow: auto;
    line-height: 18px;
    padding-right: 25px;
}
.ms-no-trigger .ms-sel-ctn{
    padding-right: 0;
}
/** Outer and global tags **/
.ms-sel-ctn .ms-sel-item{
    background: #F3F3F3;
    color: #999;
    float: left;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #DDD;
    margin: 3px 0px 1px 0;
}
.ms-sel-ctn .ms-sel-invalid{
    border-color: rgb(248, 165, 165) !important;
    background: #FDF2F2 !important;
}
.ms-sel-ctn .ms-sel-item:hover{
    border: 1px solid #BBB;
}
/** For inner tags **/
.ms-ctn .ms-sel-item{
    background: #EEE;
    color: #666;
    float: left;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #DDD;
    margin: 1px 5px 1px 0;
}
.ms-ctn .ms-sel-item:hover{
    border: 1px solid transparent;
}
.ms-ctn-focus .ms-sel-item:hover{
    border: 1px solid #BBB;
}
.ms-sel-ctn .ms-sel-text{
    background: #FFF;
    color: #666;
    padding-right: 0;
    margin-left: 0;
    font-size: 14px;
    font-weight: normal;
}
.ms-as-string .ms-sel-text{
    border-color: transparent;
}
.ms-res-ctn .ms-res-item em{
    font-style: normal;
	font-weight:bold;
    color: #000;
}
.ms-sel-ctn .ms-sel-text:hover{
    background: #FFF;
}
.ms-sel-ctn .ms-sel-item-active{
    border: 1px solid red;
    background: #757575;
}
.ms-stacked .ms-sel-item{
    float: inherit;
}
.ms-sel-ctn .ms-sel-item .ms-close-btn{
    width: 7px;
    cursor: pointer;
    height: 7px;
    float: right;
    margin: 6px 2px 0 10px;
    background-image: url(data:image/png;base64,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);
    background-position: 0 -7px;
}
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover{
    background-position: 0 0;
}
.ms-stacked .ms-sel-item .ms-close-btn {
    margin-left: 0px;
}
.ms-helper{
    color: #AAA;
    font-size: 10px;
    position: absolute;
    top: -17px;
    right: 0;
}
.ms-ctn.input-lg .ms-trigger .ms-trigger-ico {
    margin-top: 17px
}
.ms-ctn.input-sm .ms-trigger .ms-trigger-ico {
    margin-top: 13px
}
.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item {
    padding-top: 2px;
    padding-bottom: 3px;
}
.ms-ctn.input-sm .ms-sel-ctn {
    line-height: 15px;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top:0;
    margin-bottom: 0;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn {
    margin-top: 4px;
}
.ms-ctn .ms-sel-ctn {
    margin-left: -7px;
}
.ms-ctn .ms-trigger:hover {
    width:24px;
    right: 1px;
    border-radius: 0 3px 3px 0;
}

.dropdown-notification .media-list {
    top: 0px !important;
}
.dropdown-notification H6{font-size:0.8rem;}
.dropdown-notification td{font-size:0.8rem !important;}
.dropdown-notification .font-small-3 {font-size: .7rem !important;}
.dropdown-notification small {font-size: 10px !important;}
.dropdown-notification .media-heading{margin-bottom: 5px;}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media {padding: 0.5rem;}

.app-content.center-layout,
html body .content.app-content {
    overflow: hidden
}

.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling,
.menu-collapsed ul.ps-theme-dark.ps-in-scrolling,
.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling,
.ps-container.ps-in-scrolling,
.ps-container:hover.ps-in-scrolling,
.ps-theme-dark.ps-in-scrolling,
.ps-theme-dark:hover.ps-in-scrolling,
.ps-theme-light.ps-in-scrolling,
.ps-theme-light:hover.ps-in-scrolling,
.vertical-menu-modern.menu-collapsed .ps-theme-dark.ps-in-scrolling,
.vertical-menu-modern.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling,
.vertical-menu-modern.menu-collapsed ul.ps-theme-dark.ps-in-scrolling,
.vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling {
    pointer-events: none
}




@media (max-width:767.98px) {
    .menu-hide .main-menu,
    .menu-open .main-menu {
        -webkit-transition: top .35s, height .35s, -webkit-transform .25s;
        -o-transition: top .35s, height .35s, -o-transform .25s;
        -moz-transition: transform .25s, top .35s, height .35s, -moz-transform .25s;
        transition: transform .25s, top .35s, height .35s;
        transition: transform .25s, top .35s, height .35s, -webkit-transform .25s, -moz-transform .25s, -o-transform .25s
    }
    .main-menu {
        -webkit-transform: translate3d(-240px, 0, 0);
        -moz-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .menu-open .main-menu {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .main-menu.menu-fixed {
        top: 5rem;
        height: -webkit-calc(100% - 5rem);
        height: -moz-calc(100% - 5rem);
        height: calc(100% - 5rem)
    }
}


.box-shadow-0 {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.box-shadow-1 {
    -webkit-box-shadow: 0 7px 12px 0 rgba(62, 57, 107, .16);
    box-shadow: 0 7px 12px 0 rgba(62, 57, 107, .16)
}

.box-shadow-2 {
    -webkit-box-shadow: 0 10px 18px 0 rgba(62, 57, 107, .2);
    box-shadow: 0 10px 18px 0 rgba(62, 57, 107, .2)
}

.box-shadow-3 {
    -webkit-box-shadow: 0 14px 24px 0 rgba(62, 57, 107, .26);
    box-shadow: 0 14px 24px 0 rgba(62, 57, 107, .26)
}

.box-shadow-4 {
    -webkit-box-shadow: 0 16px 28px 0 rgba(62, 57, 107, .3);
    box-shadow: 0 16px 28px 0 rgba(62, 57, 107, .3)
}

.box-shadow-5 {
    -webkit-box-shadow: 0 27px 24px 0 rgba(62, 57, 107, .36);
    box-shadow: 0 27px 24px 0 rgba(62, 57, 107, .36)
}


.navbar-container a.nav-link-search {
    float: left
}

.navbar-container .search-input {
    float: left;
    padding-top: 1.2rem;
    width: 0
}

.navbar-container .search-input .input {
    width: 0;
    border: none;
    background: 0 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    line-height: 16px
}

.navbar-container .search-input.open .input {
    width: 200px;
    padding: 5px 10px;
    outline: 0;
    background: 0 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.navbar-light .search-input .input,
.navbar-semi-dark .search-input .input {
    color: #2C303B
}

.navbar-light .search-input .input::-webkit-input-placeholder,
.navbar-semi-dark .search-input .input::-webkit-input-placeholder {
    color: #2C303B
}

.navbar-light .search-input .input:-moz-placeholder,
.navbar-semi-dark .search-input .input:-moz-placeholder {
    color: #2C303B
}

.navbar-light .search-input .input::-moz-placeholder,
.navbar-semi-dark .search-input .input::-moz-placeholder {
    color: #2C303B
}

.navbar-light .search-input .input:-ms-input-placeholder,
.navbar-semi-dark .search-input .input:-ms-input-placeholder {
    color: #2C303B
}

.navbar-light .search-input .input::placeholder,
.navbar-semi-dark .search-input .input::placeholder {
    color: #2C303B
}

.navbar-light .search-input.open .input,
.navbar-semi-dark .search-input.open .input {
    color: #2C303B;
    border-bottom: 1px solid #2C303B
}

.navbar-dark .search-input .input,
.navbar-semi-light .search-input .input {
    color: #F9FAFD
}

.navbar-dark .search-input .input::-webkit-input-placeholder,
.navbar-semi-light .search-input .input::-webkit-input-placeholder {
    color: #F9FAFD
}

.navbar-dark .search-input .input:-moz-placeholder,
.navbar-semi-light .search-input .input:-moz-placeholder {
    color: #F9FAFD
}

.navbar-dark .search-input .input::-moz-placeholder,
.navbar-semi-light .search-input .input::-moz-placeholder {
    color: #F9FAFD
}

.navbar-dark .search-input .input:-ms-input-placeholder,
.navbar-semi-light .search-input .input:-ms-input-placeholder {
    color: #F9FAFD
}

.navbar-dark .search-input .input::placeholder,
.navbar-semi-light .search-input .input::placeholder {
    color: #F9FAFD
}

.navbar-dark .search-input.open .input,
.navbar-semi-light .search-input.open .input {
    color: #F9FAFD;
    border-bottom: 1px solid #F9FAFD
}

@media (max-width:991.98px) {
    #navbar-mobile .search-input.open .input {
        width: 180px;
        color: #2C303B;
        border-bottom: 1px solid #2C303B;
        overflow: hidden;
        position: relative;
        background: #FFF;
        z-index: 1;
        padding: 10px;
        top: -5px
    }
}

.ps-container {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden!important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps-container {
        overflow: auto!important
    }
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #EEE;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #EEE;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #AAA;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    width: 8px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #AAA;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #EEE;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #EEE;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #EEE;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #EEE;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}

.ps-theme-dark {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden!important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-theme-dark {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps-theme-dark {
        overflow: auto!important
    }
}

.ps-theme-dark.ps-active-x>.ps-scrollbar-x-rail,
.ps-theme-dark.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transperant
}

.ps-theme-dark.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.ps-theme-dark.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .4)
}

.ps-theme-dark.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.ps-theme-dark.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .4)
}

.ps-theme-dark>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-theme-dark>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-theme-dark>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 6px
}

.ps-theme-dark>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 6px
}

.ps-theme-dark:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.ps-theme-dark:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .4)
}

.ps-theme-dark:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.ps-theme-dark:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .4)
}

.ps-theme-dark:hover>.ps-scrollbar-x-rail,
.ps-theme-dark:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-theme-dark:hover>.ps-scrollbar-x-rail:hover {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.ps-theme-dark:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .4)
}

.ps-theme-dark:hover>.ps-scrollbar-y-rail:hover {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.ps-theme-dark:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .4)
}

.ps-theme-light {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden!important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-theme-light {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps-theme-light {
        overflow: auto!important
    }
}

.ps-theme-light.ps-active-x>.ps-scrollbar-x-rail,
.ps-theme-light.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transperant
}

.ps-theme-light.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: rgba(255, 255, 255, .2);
    opacity: .9
}

.ps-theme-light.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: rgba(255, 255, 255, .8)
}

.ps-theme-light.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: rgba(255, 255, 255, .2);
    opacity: .9
}

.ps-theme-light.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(255, 255, 255, .8)
}

.ps-theme-light>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-theme-light>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-theme-light>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 6px
}

.ps-theme-light>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 6px
}

.ps-theme-light:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: rgba(255, 255, 255, .2);
    opacity: .9
}

.ps-theme-light:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: rgba(255, 255, 255, .8)
}

.ps-theme-light:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: rgba(255, 255, 255, .2);
    opacity: .9
}

.ps-theme-light:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(255, 255, 255, .8)
}

.ps-theme-light:hover>.ps-scrollbar-x-rail,
.ps-theme-light:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-theme-light:hover>.ps-scrollbar-x-rail:hover {
    background-color: rgba(255, 255, 255, .2);
    opacity: .9
}

.ps-theme-light:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: rgba(255, 255, 255, .8)
}

.ps-theme-light:hover>.ps-scrollbar-y-rail:hover {
    background-color: rgba(255, 255, 255, .2);
    opacity: .9
}

.ps-theme-light:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: rgba(255, 255, 255, .8)
}

.menu-collapsed .ps-theme-dark {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden!important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .menu-collapsed .ps-theme-dark {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .menu-collapsed .ps-theme-dark {
        overflow: auto!important
    }
}

.menu-collapsed .ps-theme-dark.ps-active-x>.ps-scrollbar-x-rail,
.menu-collapsed .ps-theme-dark.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.menu-collapsed .ps-theme-dark.ps-in-scrolling {
    pointer-events: none
}

.menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #EEE;
    opacity: .9
}

.menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #EEE;
    opacity: .9
}

.menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.menu-collapsed .ps-theme-dark>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.menu-collapsed .ps-theme-dark>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #55595C!important;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.menu-collapsed .ps-theme-dark>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 6px
}

.menu-collapsed .ps-theme-dark>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #55595C!important;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 6px
}

.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #EEE;
    opacity: .9
}

.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #EEE;
    opacity: .9
}

.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.menu-collapsed .ps-theme-dark:hover>.ps-scrollbar-x-rail,
.menu-collapsed .ps-theme-dark:hover>.ps-scrollbar-y-rail {
    opacity: 0
}

.menu-collapsed .ps-theme-dark:hover>.ps-scrollbar-x-rail:hover {
    background-color: #EEE;
    opacity: .9
}

.menu-collapsed .ps-theme-dark:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.menu-collapsed .ps-theme-dark:hover>.ps-scrollbar-y-rail:hover {
    background-color: #EEE;
    opacity: .9
}

.menu-collapsed .ps-theme-dark:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}

.menu-collapsed ul.ps-theme-dark {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden!important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .menu-collapsed ul.ps-theme-dark {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .menu-collapsed ul.ps-theme-dark {
        overflow: auto!important
    }
}

.menu-collapsed ul.ps-theme-dark.ps-active-x>.ps-scrollbar-x-rail,
.menu-collapsed ul.ps-theme-dark.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transperant
}

.menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .4)
}

.menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .4)
}

.menu-collapsed ul.ps-theme-dark>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.menu-collapsed ul.ps-theme-dark>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.menu-collapsed ul.ps-theme-dark>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 6px
}

.menu-collapsed ul.ps-theme-dark>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 6px
}

.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .4)
}

.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .4)
}

.menu-collapsed ul.ps-theme-dark:hover>.ps-scrollbar-x-rail,
.menu-collapsed ul.ps-theme-dark:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.menu-collapsed ul.ps-theme-dark:hover>.ps-scrollbar-x-rail:hover {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.menu-collapsed ul.ps-theme-dark:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .4)
}

.menu-collapsed ul.ps-theme-dark:hover>.ps-scrollbar-y-rail:hover {
    background-color: rgba(0, 0, 0, .1);
    opacity: .9
}

.menu-collapsed ul.ps-theme-dark:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .4)
}

.icon_attachment{margin-right:5px;}
.icon_attachment img{max-width: 60px;opacity: 0.6}
@media (max-width: 460px) {
  .icon_attachment img{max-width: 50px}
}
@media (max-width: 380px) {
  .icon_attachment img{max-width: 40px}
}
.messageContent{margin:10px 0;}
.attchArea{margin:20px 5px;}
.video-thumbX{background:#000;min-height:180px;}
.video-thumbX img{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: -64px auto 0;
    width: 128px;
    height: 128px;
    background: url(../img/video-play.svg) center no-repeat;
    background-image: url("../img/video-play.svg");
    opacity: .8;
    cursor: pointer;
}
nav.fixed-bottom{display: none}
.fixed-bottom a{color:#fff;font-size: 0.6rem;}
.fixed-bottom a i{font-size:1.2rem;}
.fixed-bottom a.activeB {color:#666;text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px;}
.fixed-bottom .activeB{background:#62F4CF;}

.fixed-bottom .text-center {padding-top:5px;}
nav.bg-dark{
   background:#0085C6;
}
@media(max-width:620px){
  nav.fixed-bottom{display: block}
  footer {display: none;}
  .container{margin-bottom:70px;}
}
.mobilePosting textarea.uniform{height:150px;}
.mobilePosting .btn-gradient-primary, .mobilePosting .btn-gradient-secondary {
    font-size: 1.2rem;    
    padding: 1.3rem 3rem;    
}